/*

|| css index ||

00. Browser Reset & Common CSS 
01. Hero Area (hero_area) css.
02. Service Area (service_area) css.
03. About Area (about_area) css.
04. Feature Area (feature_area) css.
05. Project Area (project_area) css.
06. skill area (skill_area) css.
07. funfact area (funfact_area) css.
08. team area (team_area) css.
09. Testimonial Area (testimonial_area) css.
10. Working Progress (working_progress) css.
11. blog_area_1 (blog_area_1) css.
12. Contact Area (contact_area) css.
13. footer (footer) css.
16. food gallery (food_gallery_area) css.
17. Menu Area (menu_area) css.
18. Since Area (since_area) css.
19. Registration Area (registration_area) css.
20. Single Portfolio Area (s_portfolio_area) css.
21. Blog Area (blog_area) css.

*/
/* >>> |Imported CSS| */
@import url(../bootstrap.min.css);
@import url(../font-awesome.min.css);
@import url(../owl.carousel.css);
@import url(../animate.css);
@import url(../hover.min.css);
@import url(../et-line.css);
@import url(../magnific-popup.css);
/*
 *****************************************
 >>> |00 - Browser Reset & Common CSS|
 *****************************************
*/
* {
  margin: 0;
  padding: 0; }

body {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 30px; }

.containerfluid {
  overflow-x: hidden;
  padding: 0;
}

.header .containerfluid {
  overflow: visible;
  padding: 0;
}


.preloader {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: fixed;
  width: 100%;
  z-index: 9999;
  transition-duration: .4s;
  background-color: #1353a0; }

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.cube1, .cube2 {
  background-color: #ffffff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out; }

.bg2 {
  background-color: #ecf0f1; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .bg2 {
      padding: 50px 0; } }

.bgf {
  background-color: #ffffff; }

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg); } }
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  /*font-family: 'Oswald', sans-serif;;*/ 
  font-family: 'Maven Pro', sans-serif;
  }

.Btn {
  background: #1353a0;
  color: #ffffff;
  font-size: 18px;
  font-family: 'Maven Pro', sans-serif;
  line-height: 48px;
  text-transform: uppercase;
  border: 2px solid #1353a0;
  width: 170px;
  text-align: center;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  .Btn:before {
    background-color: #ffffff; }
  .Btn:hover {
    color: #1353a0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .Btn {
      line-height: 40px;
      width: 140px;
      font-size: 14px; } }

a:focus,
a:hover,
a:visited,
input,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
select {
  text-decoration: none;
  outline: none !important; }

.fR {
  float: right; }

.fL {
  float: left; }

.static {
  position: static !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.mt-40 {
  margin-top: -40px; }

img {
  max-width: 100%; }

a,
span {
  display: inline-block; }

.sp100 {
  padding: 100px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sp100 {
      padding: 60px 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .sp100 {
      padding: 40px 0; } }

.spb100 {
  padding-bottom: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spb100 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spb100 {
      padding-bottom: 40px; } }

.spt100 {
  padding-top: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spt100 {
      padding-top: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spt100 {
      padding-top: 40px; } }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pt0 {
  padding-top: 0; }

.pb0 {
  padding-bottom: 0; }

.mr-15 {
  margin-right: -15px; }

.ml-15 {
  margin-left: -15px; }

.h600 {
  height: 600px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .h600 {
      height: auto; } }

.section_title {
 /* text-align: center;*/
  margin-bottom: 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .section_title {
      margin-bottom: 30px; } }
  .section_title .h1 {
    color: #333;
    display: inline-block;
     font-family: 'Maven Pro', sans-serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

.black_bg .section_title .h3,
.black_bg .section_title span {
  color: #ffffff; }

.page_title {
  background-image: url(../../img/58.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  background-attachment: fixed;
  z-index: 3; }
  .page_title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: #333333;
    opacity: .5; }
  .page_title .ttl_inner {
    padding: 270px 0;
    text-align: center;
    color: #ffffff; }
    .page_title .ttl_inner .h1 {
      margin: 0 0 30px;
      font-size: 80px;
      font-family: 'oswald'; }
    .page_title .ttl_inner .h2 {
      font-size: 36px;
      font-family: 'oswald';
      margin: 0; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .page_title .ttl_inner {
        padding: 100px 0; }
        .page_title .ttl_inner .h1 {
          font-size: 50px;
          margin-bottom: 15px; }
        .page_title .ttl_inner .h2 {
          font-size: 24px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .page_title .ttl_inner {
        padding: 60px 0; }
        .page_title .ttl_inner .h1 {
          font-size: 40px; }
        .page_title .ttl_inner .h2 {
          font-size: 18px; } }

.load_wrap {
  text-align: center; }
  .load_wrap a.load_more {
    border: 1px solid #d1d1d1;
    width: 180px;
    text-align: center;
    display: inline-block;
    line-height: 46px;
    color: #1353a0;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;;
    background-color: #ffffff;
    border-radius: 3px; }
    .load_wrap a.load_more:hover {
      color: #ffffff; }
    .load_wrap a.load_more:before {
      background-color: #1353a0;
      border-color: #1353a0; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .container {
    width: 300px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px; } }

.search_form {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99;
  display: none; }
  .search_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%; }
  .search_form i {
    font-size: 30px;
    color: #ffffff;
    position: fixed;
    top: 30px;
    right: 30px;
    cursor: pointer; }
  .search_form h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search_form h1 {
        font-size: 45px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .search_form h1 {
        font-size: 25px;
        margin-bottom: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .search_form h1 {
        font-size: 35px;
        margin-bottom: 0; } }
  .search_form input[type="search"] {
    border: none;
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;;
    height: 70px;
    text-align: center;
    width: 90%;
    background-color: transparent;
    border-radius: 50px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search_form input[type="search"] {
        font-size: 20px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .search_form input[type="search"] {
        font-size: 14px;
        height: 55px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .search_form input[type="search"] {
        font-size: 18px; } }
  .search_form .search_btn {
    display: none;
    text-align: center;
    opacity: 0;
    visibility: hidden; }

/*
 ******************************
 01. Hero Area (hero_area) css.
 ******************************
*/
@keyframes sticky {
  0% {
    top: -100px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
.hero_area {
  height: auto;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 3;
  background-color: #333333; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .hero_area {
      height: auto; } }
  .hero_area:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: #333333;
    opacity: 0; }
  .hero_area.inner {
    background-image: url(../../img/17.jpg);
    height: 335px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.inner {
        height: auto; } }
    .hero_area.inner:before {
      opacity: .8; }
  .hero_area header {
    transition: .4s; }
    .hero_area header.sticky {
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 99999;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      animation-name: sticky;
      animation-duration: .4s; }
    .hero_area header .header_top {
      padding: 0; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area header .header_top {
          display: none; } }
      .hero_area header .header_top .social_top {
        display: inline-block;
        margin: 0;
        list-style: none;
        text-align: right; }
        .hero_area header .header_top .social_top li {
          display: inline-block; }
          .hero_area header .header_top .social_top li a {
            display: inline-block;
            font-size: 14px;
            color: #333333;
            line-height: 30px;
            margin: 5px;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
          .hero_area header .header_top .social_top li:hover a {
            color: #1353a0; }
      .hero_area header .header_top .top_info {
        display: inline-block;
        margin: 0;
        list-style: none;
        text-align: left; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero_area header .header_top .top_info {
            float: none;
            display: block;
            text-align: center; } }
        .hero_area header .header_top .top_info li {
          font-family: 'Roboto', sans-serif;
          margin-left: 70px;
          text-align: left;
          display: inline-block; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .hero_area header .header_top .top_info li {
              margin-right: 35px; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header .header_top .top_info li {
              float: none;
              margin: 0 5px; } }
          .hero_area header .header_top .top_info li > * {
		  margin-right:30px;
		  
            display: inline-block;
            font-size: 14px;
            color: #333333;
            line-height: 30px;
            margin-top: 5px;
			margin-bottom: 5px 
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            font-family: 'Roboto', sans-serif;; }
          .hero_area header .header_top .top_info li:hover a {
            color: #1353a0; }
          .hero_area header .header_top .top_info li i {
            margin-right: 5px;
            font-family: "fontawesome"; }
    .hero_area header .header_btm {
      padding: 18px 0;
      position: relative;
      background-color: #ffffff;
      border-bottom: 2px solid #267dd9; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header .header_btm {
          padding-top: 25px; } }
      .hero_area header .header_btm .search_icon {
        line-height: 30px;
        margin-top: -15px;
        position: absolute;
        right: 15px;
        top: 50%;
        color: #333333;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s; }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area header .header_btm .search_icon {
            right: 45px; } }
        .hero_area header .header_btm .search_icon:hover {
          color: #1353a0; }
      .hero_area header .header_btm a.logo {
        height: 40px; }
        .hero_area header .header_btm a.logo img {
			margin-top:-20px;
			margin-bottom:20px;
		  }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header .header_btm .navbar-header .navbar-toggle {
          color: #1353a0;
          padding: 0 0 0 10px;
          margin: 0;
          height: 40px;
          font-size: 17px; }
          .hero_area header .header_btm .navbar-header .navbar-toggle i {
            line-height: 37px;
            display: inline-block;
            vertical-align: top; } }
      .hero_area header .header_btm nav#navbar {
        text-align: right;
        padding: 0 20px 0 0; }
        @media only screen and (min-width: 992px) {
          .hero_area header .header_btm nav#navbar > ul > li:hover a:before, .hero_area header .header_btm nav#navbar > ul > li.current-menu-item a:before {
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            width: 100%; } }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area header .header_btm nav#navbar {
            position: absolute;
            z-index: 12;
            width: 300px;
            right: 15px;
            box-shadow: 0 0 5px #000000;
            background-color: #ffffff;
            padding: 10px 0; } }
        @media only screen and (min-width: 0px) and (max-width: 479px) {
          .hero_area header .header_btm nav#navbar {
            width: 90%; } }
        .hero_area header .header_btm nav#navbar ul {
          float: none;
          text-align: right;
          display: inline-block;
          margin: 0;
          vertical-align: top; }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header .header_btm nav#navbar ul {
              margin: 0;
              width: 100%; } }
          .hero_area header .header_btm nav#navbar ul li {
            display: inline-block;
            position: relative; }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li {
                display: block; } }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li.current-menu-item a {
                background-color: #1353a0;
                color: #ffffff;
                border-color: #1353a0; } }
            @media only screen and (min-width: 992px) {
              .hero_area header .header_btm nav#navbar ul li {
                margin-left: 15px; } }
  @media only screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
    .hero_area header .header_btm nav#navbar ul li {
      margin-left: 0; } }
            @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li:before {
                  position: absolute;
                  content: '';
                  width: 100%;
                  height: 0;
                  background-color: #267dd9;
                  left: 0;
                  bottom: -20px;
                  -webkit-transition: 0.4s;
                  transition: 0.4s; }
                .hero_area header .header_btm nav#navbar ul li:hover:before {
                  height: 10px; }
                .hero_area header .header_btm nav#navbar ul li ul li {
                  margin-left: 0; }
                  .hero_area header .header_btm nav#navbar ul li ul li:before {
                    display: none; } }
            @media only screen and (min-width: 992px) {
              .hero_area header .header_btm nav#navbar ul li a {
                line-height: 20px;
                color: #333333;
                font-size: 12px;
                font-family: 'Roboto', sans-serif;;
                padding: 10px;
                position: relative;
                -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s;
                text-transform: uppercase; }
                .hero_area header .header_btm nav#navbar ul li a:hover {
                  color: #267dd9; }
                .hero_area header .header_btm nav#navbar ul li a.drop-par:after {
                  content: '\f107';
                  font-family: "fontawesome";
                  margin-left: 5px; } }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li a {
                display: block;
                width: 90%;
                background: #ffffff;
                text-align: left;
                color: #1353a0;
                border: 1px solid rgba(0, 0, 0, 0.15);
                padding-left: 25px;
                line-height: 25px;
                text-transform: uppercase;
                font-family: 'Roboto', sans-serif;;
                font-size: 12px;
                position: relative;
                margin: 5px 5%;
                -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s; }
                .hero_area header .header_btm nav#navbar ul li a:hover, .hero_area header .header_btm nav#navbar ul li a.active {
                  background-color: #1353a0;
                  color: #ffffff;
                  border-color: #1353a0; }
                .hero_area header .header_btm nav#navbar ul li a.drop-par:after {
                  content: '\f067';
                  font-family: "fontawesome";
                  position: absolute;
                  right: 20px; }
                .hero_area header .header_btm nav#navbar ul li a.active.drop-par:after {
                  content: '\f068'; } }
            .hero_area header .header_btm nav#navbar ul li ul.dropdown {
              -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s; }
              @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li ul.dropdown {
                  position: absolute;
                  background: #ffffff;
                  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
                  z-index: 9;
                  left: 0;
                  top: 300%;
                  opacity: 0;
                  visibility: hidden; }
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown:before {
                    background: transparent;
                    content: "";
                    height: 25px;
                    left: 0;
                    position: absolute;
                    top: -25px;
                    width: 100%;
                    z-index: 99; }
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown li > a {
                    margin: 0  15px;
                    border: none; } }
              .hero_area header .header_btm nav#navbar ul li ul.dropdown li a {
                width: 220px;
                text-align: left;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                line-height: 25px;
                padding: 0;
                color: #333333;
				
				}
                .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:before {
                  content: '\f101';
                  font-family: "fontawesome";
                  margin-right: 5px; }
                .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:hover {
                  color: #1353a0; }
                @media only screen and (min-width: 0px) and (max-width: 991px) {
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown li a {
                    width: 90%;
                    background-color: #ffffff;
                    color: #1353a0;
                    border-left: 3px solid #1353a0;
                    padding-left: 15px;
                    -webkit-transition-duration: 0.4s;
                    transition-duration: 0.4s; }
                    .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:before {
                      content: '\f101';
                      font-family: "fontawesome";
                      margin-right: 5px; }
                    .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:hover {
                      background-color: #1353a0;
                      color: #ffffff;
                      border-left-color: #333333; } }
              @media only screen and (min-width: 0px) and (max-width: 991px) {
                .hero_area header .header_btm nav#navbar ul li ul.dropdown {
                  -webkit-transition: none !important;
                  transition: none !important;
                  background-color: #ffffff; } }
            .hero_area header .header_btm nav#navbar ul li:hover ul.dropdown {
              opacity: 1;
              visibility: visible; }
              @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li:hover ul.dropdown {
                  top: 60px; } }
            .hero_area header .header_btm nav#navbar ul li:nth-last-child(1) ul.dropdown, .hero_area header .header_btm nav#navbar ul li:nth-last-child(2) ul.dropdown, .hero_area header .header_btm nav#navbar ul li:nth-last-child(3) ul.dropdown {
              right: 0;
              left: auto; }
  .hero_area .home_area {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover; }
    .hero_area .home_area:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: .6;
      z-index: -1; }
    .hero_area .home_area .home_slider {
      width: auto;
      position: static;
      text-align: left; }
      .hero_area .home_area .home_slider .single_slide {
        position: relative;
        z-index: 1;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        height: 640px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column; }
        @media only screen and (min-width: 1600px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 450px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 150px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 120px; } }
        .hero_area .home_area .home_slider .single_slide:before {
          position: absolute;
          content: '';
          width: 100%;
          height: 100%;
          z-index: -1;
          left: 0;
          top: 0;
          background-color: #000000;
          opacity: .5; }
        .hero_area .home_area .home_slider .single_slide .home_content {
          width: 100%;
          text-align: left; }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .home_content {
              text-align: center; } }
        .hero_area .home_area .home_slider .single_slide .h2 {
          font-size: 50px;
          font-family: 'oswald';
          text-transform: uppercase;
          color: #ffffff;
          margin: 0 0 35px;
          animation-delay: 0s;
          animation-duration: .2s; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .h2 {
              font-size: 30px;
              margin-bottom: 20px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide .h2 {
              font-size: 20px;
              margin-bottom: 15px; } }
        .hero_area .home_area .home_slider .single_slide .h1 {
          text-transform: uppercase;
          font-size: 80px;
          color: #ffffff;
          font-family: 'oswald';
          margin: 0 0 45px;
          animation-duration: .2s;
          animation-delay: .2s; }
		  
		  .testimonial_area .brand_slider {
    padding: 0 70px;
    margin: 50px 0;}
	.btn-default{ background:#ecf0f1; }
	.btn-default:hover{ background:#337ab7; color:#fff;}
	
	.testimonial_area .brand_slider{ margin-top:0px;}
	
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .h1 {
              font-size: 50px;
              margin-bottom: 10px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide .h1 {
              font-size: 35px;
              margin-bottom: 10px; } }
        .hero_area .home_area .home_slider .single_slide span {
          text-transform: uppercase;
          font-size: 30px;
          font-family: 'oswald';
          color: #ffffff;
          margin-bottom: 20px;
          animation-duration: .2s;
          animation-delay: .4s;
		  line-height:45px;
          display: block; }
		  .links{ text-align:center;}
		  .links img{ margin-bottom:25px;}
		  
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 15px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 15px;
              line-height: 26px;
              padding: 0 15px;
              margin-bottom: 25px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 14px;
              margin-bottom: 20px; }
              .hero_area .home_area .home_slider .single_slide span br {
                display: none; } }
        .hero_area .home_area .home_slider .single_slide .home_btn {
          animation-duration: .2s;
          animation-delay: .6s; }
          .hero_area .home_area .home_slider .single_slide .home_btn a.Btn {
            -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            border: 1px solid #ffffff;
            background-color: transparent; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:before {
              background-color: #1353a0; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:hover {
              color: #ffffff;
              border: 1px solid #1353a0;
              overflow: hidden; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
              background-color: #1353a0;
              border-color: #1353a0;
              color: #ffffff;
              margin-right: 26px; }
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child:before {
                background-color: #01b6c9; }
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child:hover {
                color: #ffffff;
                border: 1px solid #01b6c9;
                overflow: hidden; }
              @media only screen and (min-width: 0px) and (max-width: 991px) {
                .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
                  margin-right: 10px; } }
              @media only screen and (min-width: 0px) and (max-width: 767px) {
                .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
                  margin-right: 5px; } }
            @media only screen and (min-width: 0px) and (max-width: 767px) {
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn {
                border-radius: 30px;
                font-size: 12px;
                width: 110px;
                line-height: 30px; } }
      .hero_area .home_area .home_slider .owl-controls .owl-dots {
        position: absolute;
        width: 300px;
        bottom: 20px;
        left: 50%;
        text-align: center;
        margin-left: -150px;
        height: 10px;
        opacity: .6; }
        .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot {
          width: 10px;
          height: 10px;
          background-color: #ffffff;
          display: inline-block;
          margin: 0 5px; }
          .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot.active {
            background-color: #1353a0; }

/*
 ******************************
 02. Service Area (service_area) css.
 ******************************
*/
.section_img {
  overflow: hidden;
  position: absolute;
  width: 45%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .section_img {
      display: none; } }
  .section_img:before {
    position: absolute;
    content: '';
    right: 40px;
    left: -20px;
    top: 40px;
    bottom: 40px;
    border: 10px solid #ffffff;
    opacity: 0.8;  
    -webkit-transition: 0.25s;
    transition: 0.25s; }
  .section_img:hover:before {
    border-color: #1353a0;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background-color: #1353a0;
    opacity: .7;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .section_img.right_section {
    left: auto;
    right: 0; }
    .section_img.right_section:before {
      left: 40px;
      right: -20px; }
    .section_img.right_section:hover:before {
      left: -10px;
      right: -20px; }

.sp100 .section_img,
.spt100 .section_img {
  top: 100px; }

.service_area .service_content {
  overflow: hidden; }
  .service_area .service_content .single_service {
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 100px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .service_area .service_content .single_service {
        text-align: center; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .service_area .service_content .single_service {
        width: 100%; } }
    .service_area .service_content .single_service:nth-child(even) {
      text-align: right; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .service_area .service_content .single_service:nth-child(even) {
          text-align: center; } }
    .service_area .service_content .single_service .single_content {
      width: 200px;
      text-align: center;
      display: inline-block; }
      .service_area .service_content .single_service .single_content span {
        font-size: 50px;
        margin-bottom: 30px; }
      .service_area .service_content .single_service .single_content .h4 {
        font-family: 'Roboto', sans-serif;;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .service_area .service_content .single_service .single_content:hover .h4 {
        color: #1353a0; }
      .service_area .service_content .single_service .single_content:hover .hvr-wobble-skew {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .service_area .service_content .single_service {
        margin-bottom: 40px; } }
    .service_area .service_content .single_service:nth-last-child(1), .service_area .service_content .single_service:nth-last-child(2) {
      margin-bottom: 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .service_area .service_content .single_service:nth-last-child(2) {
        margin-bottom: 40px; } }

/*
 ******************************
 03. About Area (about_area) css.
 ******************************
*/
.about_area .about_content {
  text-align: justify; }

/*
 ******************************
 04. Feature Area (feature_area) css.
 ******************************
*/
.feature_area .feature {
  overflow: hidden;
  margin: 0 -30px; }
  .feature_area .feature .single_feature {
    width: 33.33%;
    float: left;
    text-align: center;
    margin-bottom: 110px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .feature_area .feature .single_feature {
        width: 100%; } }
    .feature_area .feature .single_feature .single_content {
      text-align: center;
      display: inline-block; }
      .feature_area .feature .single_feature .single_content span {
        font-size: 50px;
        margin-bottom: 20px; }
      .feature_area .feature .single_feature .single_content .h4 {
        font-family: 'Roboto', sans-serif;;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        font-size: 14px; }
      .feature_area .feature .single_feature .single_content:hover .h4 {
        color: #1353a0; }
      .feature_area .feature .single_feature .single_content:hover .hvr-wobble-skew {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2; }
    .feature_area .feature .single_feature:nth-last-child(1), .feature_area .feature .single_feature:nth-last-child(2), .feature_area .feature .single_feature:nth-last-child(3) {
      margin-bottom: 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .feature_area .feature .single_feature {
        width: 100%; }
        .feature_area .feature .single_feature, .feature_area .feature .single_feature:nth-last-child(2), .feature_area .feature .single_feature:nth-last-child(3) {
          margin-bottom: 50px; } }

/*
 ************************************
 05. Project Area (project_area) css.
 ************************************
*/
.project_area .project_masonry .single_item {
  width: 33.3333%;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .project_area .project_masonry .single_item {
      width: 100%; } }
  .project_area .project_masonry .single_item img {
    width: 100%; }
  .project_area .project_masonry .single_item .hvr_content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0px;
    left: 0;
    color: #ffffff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    transform: scale(1.2); }
    .project_area .project_masonry .single_item .hvr_content:before {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0px;
      background-color: #1353a0;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      content: '';
      -webkit-transition: 0.4s;
      transition: 0.4s;
      transform: scale(1.2); }
    .project_area .project_masonry .single_item .hvr_content .hvr_top .h3 {
      font-family: 'Roboto', sans-serif;;
      margin: 0;
      margin-bottom: 6px; }
    .project_area .project_masonry .single_item .hvr_content .hvr_top span {
      margin-bottom: 35px;
      font-size: 18px; }
    .project_area .project_masonry .single_item .hvr_content .hvr_btm {
      margin: 0;
      list-style: none; }
      .project_area .project_masonry .single_item .hvr_content .hvr_btm li {
        display: inline-block; }
        .project_area .project_masonry .single_item .hvr_content .hvr_btm li a {
          color: #ffffff;
          margin: 0 11px;
          font-size: 20px; }
  .project_area .project_masonry .single_item:hover .hvr_content {
    visibility: visible;
    opacity: 1;
    transform: scale(1); }
    .project_area .project_masonry .single_item:hover .hvr_content:before {
      visibility: visible;
      opacity: .8;
      transform: scale(1); }
.project_area .project_btn {
  text-align: center; }
  .project_area .project_btn a {
    background-color: #ffffff;
    font-size: 14px;
    line-height: 42px;
    color: #1353a0;
    border: 2px solid #1353a0;
    padding: 0 40px;
    margin-top: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .project_area .project_btn a {
        padding: 0; } }
    .project_area .project_btn a:before {
      background-color: #1353a0; }
    .project_area .project_btn a:hover {
      color: #ffffff; }

.project_area.small .project_masonry .single_item {
  width: 50%; }
.project_area.small .project_masonry.column-3 .single_item {
    float: left;
    width: 33.33% !important; }
.project_area.small .project_masonry.column-4 .single_item {
    float: left;  
    width: 25% !important; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .project_area.small .project_masonry .single_item {
      width: 100%; }
    .project_area.small .project_masonry.column-3 .single_item {
      width: 100%; }
    .project_area.small .project_masonry.column-4 .single_item {
      width: 100%; } }


/*
 ******************************
 06. skill area (skill_area) css.
 ******************************
*/
.skill_area .skill {
  margin-right: 70px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .skill_area .skill {
      margin: 0 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .skill_area .skill {
      margin: 0; } }
  .skill_area .skill .skill_content .single_skill {
    position: relative; }
    .skill_area .skill .skill_content .single_skill .skill_top {
      position: relative;
      overflow: hidden; }
      .skill_area .skill .skill_content .single_skill .skill_top span {
        width: 33.3333%;
        float: left; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .skill_area .skill .skill_content .single_skill .skill_top span {
            width: 50%; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .skill_area .skill .skill_content .single_skill .skill_top span.bar_desc {
          display: none; } }
      .skill_area .skill .skill_content .single_skill .skill_top span.bar_title {
        font-family: 'Roboto', sans-serif;; }
      .skill_area .skill .skill_content .single_skill .skill_top span.ttp {
        text-align: right;
        padding-right: 100px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .skill_area .skill .skill_content .single_skill .skill_top span.ttp {
            padding-right: 0; } }
    .skill_area .skill .skill_content .single_skill span.tip {
      position: absolute;
      right: 100px;
      left: auto;
      width: 60px; }
    .skill_area .skill .skill_content .single_skill .barfiller {
      box-shadow: none;
      border: none;
      background-color: #1353a0;
      height: 5px;
      position: static; }

/*
 ******************************
 07. funfact area (funfact_area) css.
 ******************************
*/
.funfact_area {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center; }
  .funfact_area:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    background-color: #1353a0;
    opacity: .75; }
  .funfact_area .single_fact {
    text-align: center;
    color: #ffffff; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .funfact_area .single_fact:not(:nth-last-child(1)):not(:nth-last-child(2)) {
        margin-bottom: 50px; } }
    .funfact_area .single_fact span.icon {
      font-size: 40px; }
    .funfact_area .single_fact h1 {
      font-size: 50px;
      margin-top: 50px;
      margin-bottom: 25px;
      font-family: 'Roboto', sans-serif;; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .funfact_area .single_fact h1 {
          font-size: 40px;
          margin-top: 30px;
          margin-bottom: 10px; } }
      .funfact_area .single_fact h1 + span {
        font-size: 18px;
        font-family: 'Roboto', sans-serif;;
        text-transform: uppercase; }

/*
 ******************************
 08. team area (team_area) css.
 ******************************
*/
.team_area .single_team .team_img {
  position: relative;
  overflow: hidden; }
  .team_area .single_team .team_img img {
    width: 100%; }
  .team_area .single_team .team_img .hover_content {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 36px;
    color: #ffffff;
    outline: 2px solid #ffffff;
    outline-offset: -17px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .team_area .single_team .team_img .hover_content:before {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #1353a0;
      content: '';
      left: 0;
      bottom: 0;
      z-index: -1;
      opacity: .7; }
    .team_area .single_team .team_img .hover_content p {
      line-height: 20px; }
    .team_area .single_team .team_img .hover_content .team_social {
      height: 20px;
      margin-top: 20px; }
      .team_area .single_team .team_img .hover_content .team_social a {
        color: #ffffff;
        font-size: 18px;
        padding: 0 8px;
        vertical-align: top; }
.team_area .single_team .team_dsc {
  text-align: center;
  font-family: 'Roboto', sans-serif;; }
  .team_area .single_team .team_dsc .h4 {
    font-family: 'Roboto', sans-serif;;
    margin-top: 30px;
    margin-bottom: 5px;
    color: #333333; }
  .team_area .single_team .team_dsc span.position {
    color: #333333; }
.team_area .single_team:hover .hover_content {
  bottom: 0;
  opacity: 1;
  visibility: visible; }

/*
 *********************************************
 09. Testimonial Area (testimonial_area) css.
 *********************************************
*/
.owl-carousel .owl-item img {
  transform-style: inherit; }

.testimonial_area .testimonial_slide {
  padding: 0 70px;
  position: relative; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial_area .testimonial_slide {
      padding: 0; } }
  .testimonial_area .testimonial_slide:before, .testimonial_area .testimonial_slide:after {
    width: 45px;
    height: 40px;
    background-image: url(../../img/icon/15.png);
    content: '';
    top: 130px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .testimonial_area .testimonial_slide:before, .testimonial_area .testimonial_slide:after {
        display: none; } }
  .testimonial_area .testimonial_slide:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 60px;
    transform: rotate(180deg); }
  .testimonial_area .testimonial_slide .single_slide {
    text-align: center;
    color: #333333;
    line-height: 24px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .testimonial_area .testimonial_slide .single_slide br {
        display: none; } }
    .testimonial_area .testimonial_slide .single_slide .tst_img {
      width: 105px;
      height: 105px;
      border-radius: 50%;
      border: 2px solid #1353a0;
      overflow: hidden;
      padding: 3px;
      background-color: #ffffff;
      display: inline-block;
      margin-bottom: 30px; }
      .testimonial_area .testimonial_slide .single_slide .tst_img img {
        border-radius: 50%; }
    .testimonial_area .testimonial_slide .single_slide .tst_content .h4 {
      font-family: 'Roboto', sans-serif;;
      margin-top: 30px; }
  .testimonial_area .testimonial_slide .owl-controls {
    display: none; }
.testimonial_area .brand_slider {
  padding: 0 70px;
  margin-top: 80px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial_area .brand_slider {
      padding: 0; } }
  .testimonial_area .brand_slider .owl-controls {
    display: none; }

.v2 .testimonial_area .testimonial_slide .single_slide .tst_img {
  border-color: #7d1d1d; }

.v2 .testimonial_area .testimonial_slide::before, .v2 .testimonial_area .testimonial_slide::after {
  background-image: url(../../img/icon/16.html); }

/*
 ******************************
 10. Working Progress (working_progress) css.
 ******************************
*/
.working_progress {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  padding: 60px 0;
  color: #fff; }
  .working_progress:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    background-color: #1353a0;
    opacity: .75; }
  .working_progress .section_title .h1 {
    color: #ffffff; }
  .working_progress .single_wps {
    text-align: center;
    display: inline-block;
    width: 185px;
    font-size: 18px;
    position: relative; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .working_progress .single_wps {
        margin-bottom: 40px; }
        .working_progress .single_wps:last-child {
          margin-bottom: 0; } }
    .working_progress .single_wps:after {
      position: absolute;
      content: '';
      width: 15px;
      height: 30px;
      background-image: url(../../img/icon/arrow.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      right: -9.5px;
      bottom: 0; }
    .working_progress .single_wps .h1 {
      font-size: 50px;
      margin: 0 0 20px; }
    .working_progress .single_wps span {
      font-size: 18px; }
    .working_progress .single_wps:last-child:after {
      display: none; }

/*
 ******************************
 11. blog_area_1 (blog_area_1) css.
 ******************************
*/
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .blog_area_1 .blog_col_1:not(:nth-child(2)):not(:nth-child(3)) {
    margin-top: 50px; } }
.blog_area_1 .single_post {
  text-align: center; }
  .blog_area_1 .single_post .post_img {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .blog_area_1 .single_post .post_img img {
      width: 100%; }
  .blog_area_1 .single_post .h3 {
    font-family: 'Roboto', sans-serif;;
    margin-bottom: 25px; }
  .blog_area_1 .single_post .h3 a {
    color: inherit}
  .blog_area_1 .single_post .h4 {
    font-family: 'Roboto', sans-serif;;
    margin: 0 0 20px; }
  .blog_area_1 .single_post .entry-footer {
    text-align: right;
    padding: 0 24px;
    overflow: hidden;
    font-size: 14px; }
    .blog_area_1 .single_post .entry-footer .posted-on {
      float: left; }
    .blog_area_1 .single_post .entry-footer a {
      color: #333333;
      transition: .4s; }
    .blog_area_1 .single_post .entry-footer span {
      margin-left: 4px; }
      .blog_area_1 .single_post .entry-footer span:hover a {
        color: #1353a0; }
.blog_area_1 .load_more {
  text-align: center; }
  .blog_area_1 .load_more a {
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    border: 2px solid #1353a0;
    line-height: 30px;
    padding: 0 40px;
    color: #1353a0;
    transition: .4s;
    margin-top: 35px; }
    .blog_area_1 .load_more a:hover {
      background-color: #1353a0;
      color: #fff; }

.v2 .blog_area_1 .load_more a {
  border-color: #7d1d1d;
  color: #7d1d1d; }

.v2 .blog_area_1 .load_more a:hover {
  background-color: #7d1d1d;
  color: #fff; }

/*
 ******************************
 12. Contact Area (contact_area) css.
 ******************************
*/
.contact_area {
  overflow: hidden; }
  .contact_area .contact_form {
    padding: 20px 0;
    position: relative;
    z-index: 1;
    margin-right: 70px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .contact_area .contact_form {
        padding: 50px 0; } }
    .contact_area .contact_form:after {
      content: '';
      /*width: 3000%;
      height: 100%;*/
      z-index: -1;
      position: absolute;
      background-color: #ecf0f1;
      top: 0;
      right: -100px;
      outline: 10px solid #fff; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .contact_form:after {
          left: -100px; } }
    .contact_area .contact_form .h4 {
      font-family: 'Roboto', sans-serif;;
      margin: 0 0 30px; }
    .contact_area .contact_form form {
      overflow: hidden; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .contact_area .contact_form {
        margin-right: 0;
        margin-bottom: 50px; } }
    .contact_area .contact_form input[type="text"],
    .contact_area .contact_form input[type="email"] {
      width: 47%;
      float: left;
      height: 40px;
      text-indent: 10px;
      border: 1px solid #bdc3c7;
      margin-bottom: 20px;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .contact_area .contact_form input[type="text"]:focus, .contact_area .contact_form input[type="text"]:active,
      .contact_area .contact_form input[type="email"]:focus,
      .contact_area .contact_form input[type="email"]:active {
        border-color: #1353a0; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .contact_form input[type="text"],
        .contact_area .contact_form input[type="email"] {
          width: 100%; } }
    .contact_area .contact_form input[type="email"] {
      float: right; }
    .contact_area .contact_form textarea {
      float: left;
      width: 100%;
      height: 120px;
      text-indent: 10px;
      border: 1px solid #bdc3c7;
      margin-bottom: 20px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      resize: none; }
      .contact_area .contact_form textarea:focus, .contact_area .contact_form textarea:active {
        border-color: #1353a0; }
    .contact_area .contact_form input[type="submit"] {
      float: right;
      line-height: 30px;
      padding: 0 20px;
      background-color: #1353a0;
      color: #ffffff;
      border: none;
      font-size: 14px;
      font-weight: 'Roboto', sans-serif;;
      text-transform: uppercase; }
  .contact_area .get_in_touch {
    margin-left: 70px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .contact_area .get_in_touch {
        margin-bottom: 50px;
        margin-right: 50px;
        margin-left: 50px;
        overflow: hidden; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .contact_area .get_in_touch {
        margin: 0; } }
    .contact_area .get_in_touch .section_title {
      margin-bottom: 50px; }
    .contact_area .get_in_touch .single_touch {
      position: relative;
      text-align: left;
      width: 100%; }
      .contact_area .get_in_touch .single_touch i {
        font-size: 30px;
        position: absolute;
        left: 0;
        top: 14px;
        width: 35px;
        text-align: center; }
        .contact_area .get_in_touch .single_touch i + span {
          padding-left: 50px; }
      .contact_area .get_in_touch .single_touch:not(:last-child) {
        margin-bottom: 25px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .contact_area .get_in_touch .single_touch {
          width: 50%;
          float: left; }
          .contact_area .get_in_touch .single_touch:nth-last-child(2) {
            margin-bottom: 0; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .get_in_touch .single_touch {
          width: 100%; }
          .contact_area .get_in_touch .single_touch, .contact_area .get_in_touch .single_touch:nth-last-child(2) {
            margin-bottom: 25px; } }
      .contact_area .get_in_touch .single_touch span a,
      .contact_area .get_in_touch .single_touch span span {
        display: block;
        font-family: 'Roboto', sans-serif;;
        color: #333333;
        transition: .4s; }
      .contact_area .get_in_touch .single_touch span a:hover {
        color: #1353a0; }

/*
 ******************************
 12. Map Area (googleMap) css.
 ******************************
*/
#googleMap {
  width: 100%;
  height: 450px;
  background-color: #ddd; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    #googleMap {
      height: 400px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #googleMap {
      height: 250px; } }

/*
 ******************************
 13. footer (footer) css.
 ******************************
*/
footer .footer_top {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .footer_top .row > div {
      width: 50%;
      float: left;
      min-height: 310px; } }
  footer .footer_top:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    top: 0;
    background-color: #231f20;
    opacity: .75;
    z-index: -1; }
  footer .footer_top .widget {
    color: #fff;
    line-height: 25px;
    font-size: 14px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      footer .footer_top .widget {
        margin-bottom: 50px; } }
    footer .footer_top .widget .h4 {
      font-family: 'Roboto', sans-serif;;
      margin: 8px 0 15px; }
    footer .footer_top .widget ul {
      list-style: none;
      margin: 0; }
    footer .footer_top .widget .footer_info {
      margin-right: 70px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        footer .footer_top .widget .footer_info {
          margin-right: 0; } }
    footer .footer_top .widget .footer_social {
      margin: 50px 0 0; }
      footer .footer_top .widget .footer_social li {
        display: inline-block;
        padding-right: 5px;}
        footer .footer_top .widget .footer_social li a {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #267dd9;
          color: #fff;
          font-size: 20px; }
    footer .footer_top .widget .footer_link li a {
      color: #fff;
      transition: .4s; }
      footer .footer_top .widget .footer_link li a:hover {
        text-decoration: underline;
        color: #267dd9; }
      footer .footer_top .widget .flickr_wrp .flickr_badge_image {
        display: inline-block;
        margin: 8px; }
    footer .footer_top .widget .news_letter input {
      width: 100%;
      height: 35px;
      background-color: #fff;
      text-align: center;
      border: 1px solid #1353a0;
      margin-bottom: 10px;
      color: #333333; }
    footer .footer_top .widget .news_letter input[type="submit"] {
      background-color: #1353a0;
      text-transform: uppercase;
      color: #fff;
      font-family: 'Roboto', sans-serif;; }
    footer .footer_top .widget .tags .h4 {
      margin-top: 30px;
      margin-bottom: 20px; }
    footer .footer_top .widget .tags a {
      line-height: 25px;
      padding: 0 14px;
      background-color: #1353a0;
      color: #fff;
      margin-right: 6px;
      margin-bottom: 7px;
      font-family: 'Roboto', sans-serif;; }
  footer .footer_top .col-md-3:last-child .widget {
    margin-left: -30px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      footer .footer_top .col-md-3:last-child .widget {
        margin: 0; } }
footer .footer_btm {
  background-color: #111111;
  color: #fff;
  padding: 15px 0; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    footer .footer_btm {
      padding-left: 40px;
      padding-right: 40px; } }
  footer .footer_btm p {
    margin: 0; }

/* version 2 style */
.main_content.v2 {
  background-image: url(../../img/icon/bg-ptrn.html);
  background-repeat: repeat; }
  .main_content.v2 .hero_area header .header_btm {
    background-color: #000;
    border-color: #cc9966; }
    @media only screen and (min-width: 992px) {
      .main_content.v2 .hero_area header .header_btm nav#navbar ul {
        background-color: #000; } }
    .main_content.v2 .hero_area header .header_btm nav#navbar ul li:before {
      background-color: #cc9966; }
    @media only screen and (min-width: 992px) {
      .main_content.v2 .hero_area header .header_btm nav#navbar ul li a {
        color: #fff; }
        .main_content.v2 .hero_area header .header_btm nav#navbar ul li a:hover {
          color: #cc9966; } }
    .main_content.v2 .hero_area header .header_btm nav#navbar ul li ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .main_content.v2 .hero_area header .header_btm .search_icon {
      color: #fff; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content {
    text-align: center; }
    .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn:first-child {
      background-color: #7d1d1d;
      border-color: #7d1d1d; }
    .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn {
      background-color: #231f20;
      border-color: #231f20; }
      .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn:before {
        background-color: rgba(255, 255, 255, 0.1); }
  .main_content.v2 .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot.active {
    background-color: #cc9966; }
  .main_content.v2 .section_img:before {
    border-color: #cc9966;
    opacity: .5; }
  .main_content.v2 .section_img:hover:before {
    background-color: #cc9966; }
  .main_content.v2 .section_title .h1 {
    color: #7d1d1d; }
  .main_content.v2 h1, .main_content.v2 h2, .main_content.v2 h3, .main_content.v2 h4, .main_content.v2 h5, .main_content.v2 h6, .main_content.v2 .h1, .main_content.v2 .h2, .main_content.v2 .h3, .main_content.v2 .h4, .main_content.v2 .h5, .main_content.v2 .h6 {
    font-family: "Cinzel", serif; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .h2 {
    font-family: "Cinzel", serif; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .h1 {
    font-family: "Cinzel Decorative", cursive; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide span {
    font-family: "Cinzel", serif; }
  .main_content.v2 .Btn {
    background: #7d1d1d;
    border: 2px solid #7d1d1d; }
    .main_content.v2 .Btn:before {
      background-color: #ffffff; }
    .main_content.v2 .Btn:hover {
      color: #7d1d1d; }
  .main_content.v2 .project_btn a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    line-height: 30px; }
  .main_content.v2 .team_area .single_team .team_img .hover_content:before {
    background-color: #cc9966;
    opacity: .8; }
  .main_content.v2 .team_area .single_team .team_img .hover_content {
    color: #fff; }


/*
 ******************************
 18. Since Area (since_area) css.
 ******************************
*/
.main_content.v2 .since_area .section_title .h1 {
  color: #cc9966; }

.since_area {
  background-color: #231f20;
  padding-top: 50px; }
  .since_area .single_img {
    width: 25%;
    float: left; }

/*
 ******************************
 19. Registration Area (registration_area) css.
 ******************************
*/
.main_content.v2 .registration_area .section_title .h1 {
  color: #ffffff; }

.registration_area {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 50px 0;
  z-index: 1;
  position: relative; }
  .registration_area:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333;
    opacity: .8;
    z-index: -1; }
  .registration_area .reg_form {
    overflow: hidden;
    text-align: center; }
    .registration_area .reg_form span {
      width: 30%;
      float: left;
      z-index: 1;
      position: relative;
      background-color: #fff; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .registration_area .reg_form span {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px; } }
      .registration_area .reg_form span:nth-child(1), .registration_area .reg_form span:nth-child(2) {
        margin-right: 5%; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .registration_area .reg_form span:nth-child(1), .registration_area .reg_form span:nth-child(2) {
            width: 100%;
            margin-right: 0; } }
      .registration_area .reg_form span input {
        width: 100%;
        height: 60px;
        border: none;
        background-color: transparent;
        text-indent: 60px;
        color: #333333;
        font-size: 18px; }
        .registration_area .reg_form span input[type="submit"] {
          width: 200px;
          height: 40px;
          text-align: center;
          background-color: #7d1d1d;
          color: #ffffff;
          font-size: 14px;
          text-transform: uppercase;
          line-height: 40px;
          text-indent: 0; }
          .registration_area .reg_form span input[type="submit"]:hover {
            background-color: #ffffff;
            color: #7d1d1d; }
      .registration_area .reg_form span:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 100%;
        z-index: -1;
        top: 0;
        line-height: 60px;
        font-family: fontawesome;
        font-size: 18px;
        left: 18px;
        text-align: left;
        color: #666; }
      .registration_area .reg_form span.date:before {
        content: '\f073'; }
      .registration_area .reg_form span.time:before {
        content: '\f017'; }
      .registration_area .reg_form span.people:before {
        content: '\f007'; }
      .registration_area .reg_form span:last-child {
        width: 200px;
        margin: 0 auto;
        float: none;
        margin-top: 80px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .registration_area .reg_form span:last-child {
            margin-top: 30px; } }
        .registration_area .reg_form span:last-child:before, .registration_area .reg_form span:last-child:after {
          display: none; }

/*
 ************************************
 20. Single Portfolio Area (s_portfolio_area) css.
 ************************************
*/
.s_portfolio_area {
  text-align: center; }
  .s_portfolio_area .h1 {
    margin: 0 0 65px;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;;
    color: #333333; }
  .s_portfolio_area .project_img img {
    width: 100%;
    margin-bottom: 90px; }
    .s_portfolio_area .project_img img:last-child {
      margin-bottom: 50px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .s_portfolio_area .project_img img {
        margin-bottom: 40px; } }
  .s_portfolio_area .project_dsc {
    text-align: center;
    margin-bottom: 20px; }
    .s_portfolio_area .project_dsc ul {
      margin: 0;
      list-style: none;
      display: inline-block; }
      .s_portfolio_area .project_dsc ul li {
        line-height: 20px;
        margin-bottom: 20px; }
        .s_portfolio_area .project_dsc ul li a, .s_portfolio_area .project_dsc ul li span {
          font-size: 18px;
          text-transform: uppercase;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          color: #333333; }
          .s_portfolio_area .project_dsc ul li a:hover, .s_portfolio_area .project_dsc ul li span:hover {
            color: #1353a0; }
  .s_portfolio_area .project_content {
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 80px; }
    .s_portfolio_area .project_content p:last-child {
      margin-bottom: 0; }
  .s_portfolio_area .project_social span {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .s_portfolio_area .project_social ul {
    margin: 0;
    list-style: none; }
    .s_portfolio_area .project_social ul li {
      display: inline-block; }
      .s_portfolio_area .project_social ul li a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #333333;
        color: #fff;
        margin: 0 2px;
        font-size: 17px;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
        .s_portfolio_area .project_social ul li a:hover {
          background-color: #1353a0; }

/*
 ************************************
 21. Blog Area (blog_area) css.
 ************************************
*/
.blog_area .load_more {
  text-align: center;
  margin-top: 30px; }
  .blog_area .load_more a {
    line-height: 30px;
    padding: 0 30px;
    background-color: #1353a0;
    color: #fff;
    text-transform: uppercase; }
.blog_area .blog_col article {
  margin-bottom: 30px; }
  .blog_area .blog_col article .post_img {
    overflow: hidden; }
    .blog_area .blog_col article .post_img img {
      -webkit-transition: 0.4s;
      transition: 0.4s;
      width: 100%; }
  .blog_area .blog_col article:hover .post_img img {
    transform: scale(1.1); }
  .blog_area .blog_col article .post_content .title {
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #333333; }
  .blog_area .blog_col article .post_content .entry {
    display: block;
    overflow: hidden;
    text-align: right;
    margin-bottom: 20px; }
    .blog_area .blog_col article .post_content .entry.first {
      margin-bottom: 30px; }
    .blog_area .blog_col article .post_content .entry a {
      color: #333333;
      transform: scale(1.1);
      padding-left: 10px;
      transform: scale(1.1); }
      .blog_area .blog_col article .post_content .entry a:hover {
        color: #1353a0; }
    .blog_area .blog_col article .post_content .entry .author {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;;
      text-align: left; }
    .blog_area .blog_col article .post_content .entry .date, .blog_area .blog_col article .post_content .entry .share_links {
      float: left;
      padding-left: 6px; }
    .blog_area .blog_col article .post_content .entry span {
      font-size: 14px;
      margin-right: 5px; }
  .blog_area .blog_col article .post_content p {
    line-height: 25px;
    margin-bottom: 30px; }
  .blog_area .blog_col article .post_content blockquote {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;; }
.blog_area .widget_col {
  padding-left: 100px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .blog_area .widget_col {
      padding-left: 50px;
      padding-right: 50px;
      margin-top: 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area .widget_col {
      padding: 0; } }
  .blog_area .widget_col section.widget {
    margin-bottom: 50px; }
    .blog_area .widget_col section.widget ul {
      list-style: none;
      margin: 0; }
    .blog_area .widget_col section.widget .h4 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;;
      margin: 0 0 20px; }
    .blog_area .widget_col section.widget form input[type="search"] {
      width: 100%;
      line-height: 40px;
      text-align: center;
      border: 1px solid #1353a0; }
    .blog_area .widget_col section.widget .cat-links li {
      line-height: 24px; }
      .blog_area .widget_col section.widget .cat-links li a {
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .blog_area .widget_col section.widget .cat-links li.active a, .blog_area .widget_col section.widget .cat-links li:hover a {
        color: #1353a0; }
    .blog_area .widget_col section.widget .recent_posts .single_recent {
      display: block;
      overflow: hidden;
      margin-bottom: 15px; }
      .blog_area .widget_col section.widget .recent_posts .single_recent .img {
        float: left;
        width: 50px; }
      .blog_area .widget_col section.widget .recent_posts .single_recent .content {
        padding-left: 70px; }
        .blog_area .widget_col section.widget .recent_posts .single_recent .content .h5 {
          font-family: 'Roboto', sans-serif;;
          font-size: 14px;
          margin: 0;
          color: #333333; }
        .blog_area .widget_col section.widget .recent_posts .single_recent .content a {
          line-height: 24px;
          color: #333333;
          margin-top: -5px;
          vertical-align: top;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
          .blog_area .widget_col section.widget .recent_posts .single_recent .content a:hover {
            color: #1353a0; }
    .blog_area .widget_col section.widget .feature .fi {
      margin-bottom: 20px; }
      .blog_area .widget_col section.widget .feature .fi img {
        width: 100%; }
    .blog_area .widget_col section.widget .feature .fc .h4 {
      margin-bottom: 0; }
    .blog_area .widget_col section.widget .feature .fc span {
      font-size: 14px;
      line-height: 20px;
      vertical-align: top; }
      .blog_area .widget_col section.widget .feature .fc span a {
        color: #333333;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
        .blog_area .widget_col section.widget .feature .fc span a:hover {
          color: #1353a0; }
    .blog_area .widget_col section.widget .archive {
      margin-bottom: 0; }
      .blog_area .widget_col section.widget .archive li {
        display: block;
        font-family: 'Roboto', sans-serif;; }
        .blog_area .widget_col section.widget .archive li:before {
          content: '>';
          margin-right: 5px;
          color: #333333; }
        .blog_area .widget_col section.widget .archive li a {
          color: #333333;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
          .blog_area .widget_col section.widget .archive li a:hover {
            color: #1353a0; }
        .blog_area .widget_col section.widget .archive li ul {
          padding-left: 19px; }
    .blog_area .widget_col section.widget .tag_links a {
      line-height: 25px;
      padding: 0 15px;
      background-color: #bdc3c7;
      color: #333333;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .blog_area .widget_col section.widget .tag_links a:hover {
        color: #fff;
        background-color: #1353a0; }

.blog_area.single .entry.entry-footer {
  margin-top: 70px; }
  .blog_area.single .entry.entry-footer .share_links {
    text-align: left; }
    .blog_area.single .entry.entry-footer .share_links span {
      font-family: 'Roboto', sans-serif;; }
    .blog_area.single .entry.entry-footer .share_links ul {
      margin: 0 0 0 50px;
      list-style: none;
      display: inline-block; }
      .blog_area.single .entry.entry-footer .share_links ul li {
        display: inline-block; }
        .blog_area.single .entry.entry-footer .share_links ul li a {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #1353a0;
          color: #fff;
          margin: 0 2px;
          font-size: 17px;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          text-align: center;
          padding-left: 0; }
          .blog_area.single .entry.entry-footer .share_links ul li a:hover {
            background-color: #333333;
            color: #ffffff; }
.blog_area.single .author_box .author_img.pull-left {
  width: 150px;
  height: 150px;
  float: none !important;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 30px; }
.blog_area.single .author_box .author_dtc {
  padding-left: 230px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .author_box .author_dtc {
      padding-left: 0;
      text-align: center; } }
  .blog_area.single .author_box .author_dtc .h4 {
    margin: 0;
    font-family: 'Roboto', sans-serif;;
    color: #1353a0; }
  .blog_area.single .author_box .author_dtc span.position {
    font-size: 14px;
    margin: 10px 0 15px; }
  .blog_area.single .author_box .author_dtc p {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;; }
  .blog_area.single .author_box .author_dtc .post_count {
    float: right;
    background: #1353a0;
    line-height: 30px;
    padding: 0 20px;
    color: #fff; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .author_box .author_dtc .post_count {
        float: none; } }
.blog_area.single .comment_box {
  margin-top: 110px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .comment_box {
      margin-top: 50px;
      text-align: center; } }
  .blog_area.single .comment_box > .h4 {
    padding-left: 100px;
    font-family: 'Roboto', sans-serif;; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box > .h4 {
        padding-left: 0; } }
  .blog_area.single .comment_box .comment_img {
    float: left; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .comment_img {
        float: none;
        border-radius: 50%;
        overflow: hidden; } }
  .blog_area.single .comment_box .comment_content {
    padding-left: 135px;
    line-height: 20px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .comment_content {
        padding-left: 0;
        text-align: center; } }
    .blog_area.single .comment_box .comment_content .title {
      overflow: hidden;
      margin-bottom: 20px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .blog_area.single .comment_box .comment_content .title {
          text-align: center; } }
      .blog_area.single .comment_box .comment_content .title .h4 {
        float: left;
        display: inline-block;
        font-family: 'Roboto', sans-serif;;
        margin: 0;
        color: #1353a0; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_box .comment_content .title .h4 {
            float: none;
            text-align: center; } }
      .blog_area.single .comment_box .comment_content .title .entry {
        display: inline-block;
        float: right; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_box .comment_content .title .entry {
            display: block;
            text-align: center; } }
        .blog_area.single .comment_box .comment_content .title .entry > * {
          display: inline-block; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .blog_area.single .comment_box .comment_content .title .entry > * {
              display: inline-block;
              margin: 5px 10px; } }
        .blog_area.single .comment_box .comment_content .title .entry .reply {
          line-height: 25px;
          padding: 0 15px;
          color: #333333;
          background-color: #bdc3c7;
          margin-left: 25px; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .blog_area.single .comment_box .comment_content .title .entry .reply {
              margin: 15px 0 0; } }
  .blog_area.single .comment_box .single_comment {
    padding-left: 100px;
    margin-top: 50px; }
    .blog_area.single .comment_box .single_comment .single_comment .comment_content .entry .reply {
      display: none; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .single_comment {
        padding-left: 0;
        text-align: center; } }
.blog_area.single .comment_form {
  padding-left: 100px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .comment_form {
      padding-left: 0; } }
  .blog_area.single .comment_form .h4 {
    font-family: 'Roboto', sans-serif;;
    margin: 120px 0 50px; }
  .blog_area.single .comment_form span.clearfix {
    display: block; }
    .blog_area.single .comment_form span.clearfix input[type="text"] {
      width: 47%;
      float: left;
      border: 1px solid #bdc3c7;
      height: 40px;
      margin-bottom: 20px;
      text-indent: 15px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .blog_area.single .comment_form span.clearfix input[type="text"] {
          width: 100%;
          display: block; } }
      .blog_area.single .comment_form span.clearfix input[type="text"]:focus {
        border-color: #1353a0; }
      .blog_area.single .comment_form span.clearfix input[type="text"] + input {
        float: right;
        width: 47%;
        border: 1px solid #bdc3c7;
        height: 40px;
        margin-bottom: 20px;
        text-indent: 15px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_form span.clearfix input[type="text"] + input {
            width: 100%;
            display: block; } }
        .blog_area.single .comment_form span.clearfix input[type="text"] + input:focus {
          border-color: #1353a0; }
    .blog_area.single .comment_form span.clearfix textarea {
      border: 1px solid #bdc3c7;
      height: 120px;
      width: 100%;
      margin-bottom: 20px;
      resize: none;
      text-indent: 15px; }
      .blog_area.single .comment_form span.clearfix textarea:focus {
        border-color: #1353a0; }
    .blog_area.single .comment_form span.clearfix input[type="submit"] {
      float: right;
      height: 30px;
      color: #fff;
      padding: 0 25px;
      border: none;
      background-color: #1353a0;
      text-transform: uppercase; }
      .blog_area.single .comment_form span.clearfix input[type="submit"]:hover {
        background-color: #333333; }
.blog_area.single .related_blog > .h4 {
  font-family: 'Roboto', sans-serif;;
  margin: 60px 0 50px;
  text-align: center;
  font-size: 24px; }

/*# sourceMappingURL=style.css.map */

/* dropdown links styles */
.klick{
	background-color:#ecf0f1;

}

.certifications img{
	padding:20px 0;
}

.section ul{

padding:20px;

}

.about_content ul
{
	padding:20px;
}



.dropdown{
	left:0 !important;
	right:inherit !important;
}

.footer_top {
	background:#111;
}
.footer_top .widget .h4{
	padding-top:30px;
}
@media(min-width:767px){
	.footer_social{
		padding-bottom:50px;
	}
}

#skill .container{
	padding-top:10px;
	padding-bottom:10px;
}
#skill .container h1{
	padding-bottom:10px;
}
#skill .container p{
	margin:0px 0 0px 0;
	line-height:2.0em;
}
#skill .container h4{
	padding-top:10px;
	padding-bottom:0px;
}
#skill .container ul{
	padding:20px 20px 0px 20px;

}
#skill .container ul li{
	list-style-type:none;
	line-height:2em;
	margin:0 0 6px 0;
}
#skill .container ul li:before{
	content: "\f18e";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left:-20px;
	margin-right:10px;
	color:#1c6cc7;
	
	
}


.about_us p{
	padding-top:25px;
	padding-bottom:0px;

}

.links img {
	text-align:center;
	align:middle;

}
.klick-info h1{
	margin-top:45px;
	padding-bottom:15px;
	color:#1c6cc7;
}
.klick-info p {
	margin-top:5px;
	text-align:justify;
	padding:0px 0;
}
.klick-info h3{
	margin-top:40px;
	text-align:justify;
}
.form-info form{
text-align:justify;
padding:20px;
	
}

.form-info{
margin-top:30px;
border:1px solid #ecf0f1;
border-radius:5px;
background-color:#ecf0f1;
	
}

 .form-info-it{
margin-top:30px;
border:1px solid #ecf0f1;
border-radius:5px;
background-color:#fff;
	
}

.cloud{

	margin-top:-90px;
}

/*carrer Overview*/
.image_block img{
 padding-top:60px;
}

.klick-info {
    border-top: 1px solid #ccc;
    margin-top: 36px;
}
.about img{
	padding:70px 0;

}

.section h1{
color:#333;
text-transform:uppercase;
}

.brand_slide img{
	padding:10px;
	border:1px solid #ecf0f1;
	border-radius:10px;
	margin:50px 0;
	
}

.about{
padding-top:10px;
}

.section ul{
margin-top:-15px;
}

.certifi1{
border-radius:4px;
border:1px solid #fff;
padding:0px;

background-color:#fff;
line-height:5px; 
margin:5px;
height:100%;
min-height:400px;

}

.certifi img{
width:100%;
margin:0px;
padding:15px;
}


.quote{
background-color:#333;
color:#fff;
text-align:center;
margin-top:10px;
margin-bottom:0px;
line-height:50px;
font-size:10px;

}
.quote h2{
font-size:25px;
padding:10px 0;
}

.content {
padding-left:45px;
background-color:ecf0f1;
 
 
}

.content p {
line-height:18px !important;

}

.certifi1{

padding:8px;
}




.about-us img{
width:100%;
}