/* =======================================================================
Template Name: Information Global Service
Author:  Vikash Bhargaw
Author URI: www.webcandy.in
Version: 1.0
coder name:Vikash Bhargaw
Description: This Template is created for web template

1, Import Files & Values
2, Basic CSS
3, Header Style
4, Slider Style
5, Key Features Style
6, About Smart Eye Home
7, Count Home
8, What we Offer
9, Meet Our Team
10, Testimonial Style
11, Pricing Style Home
12, Join Us Style
13, Pricing Style
14, Footer Style
15, Footer Copyright Style
16, Home Page 2 header
17, Count - 2 Style
18, What we Do Home page - 2
19, Page Title Style
20, About Us Page,
21, About Us Page Offer,
22, About Us Page Additional Details,
23, About Us Page Our Partners,
24, Service Page - 1
25, Service page - 2
26, Service Single
27, Portfolio Style
28, Blog Style
29, Blog Single Style,
30, Blog - 2 Style,
31, Contact Us Style
32, Portfolio-3 Style,
33, Home Page - 3 Header Style,
34, Key Features Home PAge -3 Style
35, Color Chooser Style
======================================================================= */
/* ===================================== Import Less ================================== */
@font-face {
  font-family: robot-slab;
  src: url('../fonts/RobotoSlab-Regular.ttf');
  src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}
@font-face {
  font-family: robot-slab-regular;
  src: url('../fonts/RobotoSlab-Regular.ttf');
  src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}
.blog-box1 .cdfik li {
  float: left;
  padding: 11.5px;
  text-align: center;
  font-size: 13px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
.blog-box1 .sd-op {
  background-color: #f58220;
  text-align: center;
  color: #FFF;
  padding-bottom: 10px;
  padding-top: 5px;
}
.blog-box1 .cdfik {
  width: 100%;
}
.blog-box1 .pof-det {
  padding: 10px;
  padding-left: 10px;
  padding-left: 60px;
}
.blog-box1 .pof-det b {
  font-size: 13px;
}
.blog-box1 .pof-det p {
  font-size: 13px;
  text-align: justify;
  text-indent: 20px;
  margin-top: 5px;
}
.blog-box1 .sd-op b {
  font-size: 22px;
}
/* ===================================== Basic CSS ================================== */
* {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  outline: none;
}
ul {
  margin-bottom: 0;
  padding-left: 0;
}
a:hover,
a:focus,
input,
textarea {
  text-decoration: none;
  outline: none;
}
.cp {
  cursor: pointer;
}
p {
  margin-bottom: 0px;
  width: 100%;
}
.layy {
  padding: 30px;
}
h2 {
  width: 100%;
}
.no-padding {
  padding: 0px;
}
.no-margin {
  margin: 0px;
}
.sec-title {
  text-align: center;
  width: 100%;
}
.sec-title h2 {
  font-size: 34px;
  font-weight: 300;
  text-transform: none;
  font-family: robot-slab;
  margin-bottom: 5px;
}
.sec-title p {
  font-size: 14px;
}
.title-small {
  width: 100%;
  text-align: center;
}
.title-small h3 {
  font-size: 28px;
  font-weight: 300;
  text-transform: none;
  width: 100%;
}
.title-small p {
  font-size: 14px;
}
body {
  background: #f4f4f4;
  font-family: robot-slab-regular;
  font-size: 0.85rem;
  overflow-x: hidden;
}
.container-fluid {
  padding: 0px;
}
p {
  font-family: robot-slab;
}
.container {
  width: 1100px;
}
@media screen and (max-width: 1199px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.collapse.show {
  display: block !important;
}
.btn-success {
  background-color: #0074D9;
  border-color: #0074D9;
}
/* ===================================== Header Style  ================================== */
.headercontiner {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  height: 130px;
  background-color: #FFF;
}
@media screen and (max-width: 770px) {
  .headercontiner {
    height: auto;
  }
}
.headercontiner .top-row {
  background-color: #0074D9;
  color: #FFF;
}
.headercontiner .top-row ul {
  float: right;
}
.headercontiner .top-row ul li {
  float: left;
  padding: 12px;
  font-size: 14px;
}
.headercontiner .top-row p {
  font-size: 14px;
  padding: 12px;
  margin-left: 30px;
}
.headercontiner .top-row::before {
  box-sizing: border-box;
  right: calc(49% - 577px - -10px);
  background-color: #0074D9;
  content: "";
  position: absolute;
  z-index: 100;
  height: 63px;
  top: -31px;
  transform: rotate(135deg);
  width: 62px;
}
.headercontiner .top-row::after {
  box-sizing: border-box;
  left: calc(49% - 577px - -10px);
  background-color: #0074D9;
  content: "";
  position: absolute;
  z-index: 100;
  height: 63px;
  top: -31px;
  transform: rotate(135deg);
  width: 62px;
}
@media screen and (max-width: 1199px) {
  .headercontiner .top-row::before {
    display: none;
  }
  .headercontiner .top-row::after {
    display: none;
  }
}
@media screen and (max-width: 889px) {
  .headercontiner .top-row .header-left-box {
    display: none !important;
  }
  .headercontiner .top-row .header-right-box {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100%;
  }
}
@media screen and (max-width: 523px) {
  .headercontiner .top-row .hs {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .headercontiner .top-row .hs-1 {
    display: none;
  }
}
.headercontiner .nav-port img {
  padding: 10px;
  margin-top: 6px;
}
.headercontiner .nav-port .small-menu {
  float: right;
  font-size: 28px;
  color: #FFF;
  padding: 7px;
  border-radius: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  background-color: #0074D9;
  margin-top: 9px;
}
.headercontiner .nav-port ul {
  float: right;
}
.headercontiner .nav-port ul li {
  float: left;
  padding: 30px 22px;
  font-size: 16px;
  cursor: pointer;
}
.headercontiner .nav-port ul li:hover .inner-box {
  display: block;
}
.headercontiner .nav-port ul li a {
  color: #444;
}
.headercontiner .nav-port ul li i {
  float: right;
  margin-top: 5px;
  margin-left: 10px;
  font-size: 16px;
}
.headercontiner .nav-port .inner-box {
  position: absolute;
  display: none;
  width: 200px;
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99;
  margin-top: 20px;
}
.headercontiner .nav-port .inner-box ul {
  width: 100%;
}
.headercontiner .nav-port .inner-box ul li {
  float: none;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #CCC;
}
.headercontiner .nav-port .inner-box ul li:hover {
  background-color: #0074D9;
  color: #FFF;
}
.headercontiner .nav-port .inner-box ul li:hover a {
  color: #FFF;
}
.headercontiner .nav-port .inner-box ul li i {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 989px) {
  .headercontiner .nav-port img {
    width: 200px;
    max-width: 200px;
    margin-top: 10px;
  }
  .headercontiner .nav-port ul li {
    padding: 30px 14px;
  }
}
@media screen and (max-width: 854px) {
  .headercontiner .nav-port ul li {
    padding: 30px 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 770px) {
  .headercontiner .nav-port .col-sm-9 {
    display: none;
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .headercontiner .nav-port ul {
    width: 100%;
  }
  .headercontiner .nav-port ul li {
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid #CCC;
  }
  .headercontiner .nav-port .inner-box {
    width: 93%;
    margin-top: 10px;
  }
  .headercontiner .nav-port img {
    margin-top: 2px;
  }
}
@media screen and (max-width: 369px) {
  .headercontiner .nav-port img {
    width: 180px;
  }
}
.scroll-to-fixed-fixed {
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.scroll-to-fixed-fixed .nav-2 {
  padding: 10px;
}
/* ===================================== Slider Style  ================================== */
.slider {
  font-family: robot-slab;
  margin-top: 5px;
  display: none;
  /******** Custom Captions ********/
}
.slider .tparrows {
  cursor: pointer;
  background: #fff !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px;
  text-align: center;
}
.slider .tp-leftarrow {
  background-image: url(../images/slider/large_left.png) !important;
  background-position: left 45px top -5px !important;
}
.slider .tp-rightarrow {
  background-image: url(../images/slider/large_right.png) !important;
  background-position: left 45px top -5px !important;
}
.slider .tparrows {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.slider .tp-caption.big_font_size {
  font-size: 36px;
  line-height: 36px;
}
.slider .tp-caption.medium_font_size {
  font-size: 24px;
  line-height: 28px;
}
.slider .tp-caption.small_font_size {
  font-size: 18px;
  line-height: 24px;
}
.slider .tp-caption.mini_font_size {
  font-size: 14px;
  line-height: 22px;
}
.slider .tp-caption.boldest_font_weight {
  font-weight: 900;
}
.slider .tp-caption.bold_font_weight {
  font-weight: 700;
}
.slider .tp-caption.regular_font_weight {
  font-weight: 500;
}
.slider .tp-caption.light_font_weight {
  font-weight: 300;
}
.slider .tp-caption.dark_font_color {
  color: #0074D9;
}
.slider .tp-caption.black_font_color {
  color: #111;
}
.slider .tp-caption.gray_font_color {
  color: #888;
}
.slider .tp-caption.wite_font_color {
  color: #fff;
}
.slider .tp-caption.wite_bg {
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
}
.slider .tp-caption.gray_bg {
  background-color: #0074D9;
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
}
.slider .tp-caption.color-bg {
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
}
.slider .nb-jkj {
  padding: 10px;
  border-radius: 24px;
  background-color: #0074D9;
  font-weight: 600;
}
.slider .sft {
  line-height: 46px !important;
  color: #0074D9;
}
.slider .sfl-n {
  margin-top: 15px;
  margin-bottom: 15px;
}
.slider .sfl {
  padding: 10px 20px !important;
  font-size: 18px !important;
}
.slider .sfr {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}
.slider .nb-jkj {
  margin-top: 20px;
}
.slider .sfb {
  margin-top: 20px;
}
.slider .sfr-mg {
  left: 500px !important;
}
.slider .btn-success {
  font-size: 14px;
  padding: 8px;
}
@media screen and (max-width: 1145px) {
  .slider .sfl {
    margin-left: 20px !important;
    font-size: 16px;
  }
  .sfr-mg {
    left: 360px !important;
  }
  .sfr-mg img {
    width: 600px !important;
  }
}
@media screen and (max-width: 970px) {
  .slider .sfl {
    margin-left: -20px !important;
    font-size: 16px;
  }
  .slider .sfr {
    font-size: 14px !important;
  }
  .slider.btn-success {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 870px) {
  .slider .sft {
    line-height: 30px !important;
  }
  .slider .btn-success {
    font-size: 14px !important;
    padding: 10px !important;
  }
  .slider .sfl {
    margin-left: 20px !important;
    font-size: 14px !important;
  }
  .slider .sfr-mg img {
    width: auto !important;
    margin-left: -160px !important;
  }
}
@media screen and (max-width: 675px) {
  .slider .sfr {
    display: none;
  }
  .slider .sfr-mg img {
    width: auto !important;
    margin-left: -180px !important;
  }
}
@media screen and (max-width: 540px) {
  .slider .sfl-n {
    display: none;
  }
  .slider .sfl {
    margin-left: 20px !important;
    font-size: 12px !important;
    padding: 5px !important;
  }
}
@media screen and (max-width: 440px) {
  .slider .sft {
    font-size: 14px !important;
  }
  .slider .sfl {
    margin-bottom: 5px!important;
    left: -10px !important;
  }
  .slider .btn-success {
    font-size: 12px !important;
  }
  .slider .sft-1 {
    font-size: 14px !important;
    margin-top: -10px !important;
  }
  .slider .sfb {
    display: none;
  }
  .slider .nb-jkj {
    margin-left: 98px !important;
  }
}
/* ===================================== Key Features Style  ================================== */
.key-featur {
  background-color: #FFF;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.key-featur .key-single {
  padding: 20px 10px;
  border-right: 1px solid #E2E2E2;
}
.key-featur .key-single .key-detail {
  padding: 0px;
}
.key-featur .key-single .key-logo {
  padding: 5px;
  text-align: center;
}
.key-featur .key-single .key-logo i {
  font-size: 18px;
  background: #0074D9;
  color: #FFF;
  padding: 10px;
  border-radius: 25px;
  margin-top: 6px;
}
.key-featur .key-single:hover {
  color: #FFF;
  background-color: #0074D9;
}
.key-featur .key-single:hover i {
  background: #FFF;
  color: #0074D9;
}
/* ===================================== About Smart Eye Home  ================================== */
.about-smarteye-home {
  padding: 60px 10px;
  font-weight: 300px;
}
.about-smarteye-home p {
  margin-bottom: 15px;
  font-family: robot-slab-regular;
  text-align: justify;
  text-indent: 20px;
}
.about-smarteye-home img {
  padding: 5px;
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-top: 15px;
}
/* ===================================== Count Home  ================================== */
.count-home .count-box {
  float: none;
  margin: auto;
  background-image: url(../images/Business-Images-8.jpg);
  padding: 40px;
  background-size: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 800px) {
  .count-home .count-box {
    background-size: auto;
  }
}
.count-home .count-row {
  margin-top: 20px;
}
.count-home .count-row .cont-single {
  text-align: center;
  font-size: 35px;
  color: #0074D9;
}
.count-home .count-row .cont-single p {
  font-size: 15px;
  color: #444;
}
/* ===================================== What we Offer  ================================== */
.what-we-offer {
  margin-top: -90px;
  background: gray url("../images/our-team.jpg") no-repeat fixed top 10px center / 100% auto;
  background-position: top 0px;
  height: 400px;
}
.what-we-offer .inn-layer {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px;
  height: 400px;
  margin: 0px;
}
.what-we-offer .sec-title {
  margin-top: 130px;
  color: #FFF;
}
.what-we-offer-content {
  margin-top: -60px;
  margin-bottom: 50px;
}
.what-we-offer-content .offer-single {
  text-align: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.04);
  background-color: #FFF;
  padding: 30px;
  margin-bottom: 30px;
  border-top: 5px solid #0074D9;
}
.what-we-offer-content .offer-single i {
  font-size: 26px;
  margin-bottom: 20px;
  color: #0074D9;
}
.what-we-offer-content .offer-single h5 {
  margin-bottom: 10px;
}
.enquiry-row {
  padding: 40px;
  background-color: #0074D9;
  color: #FFF;
}
.enquiry-row h6 {
  margin-bottom: 0px;
  font-size: 22px;
  width: 100%;
  text-align: center;
}
.enquiry-row h6 span {
  background-color: #FFF;
  margin-left: 20px;
  color: #444;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 15px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  font-family: robot-slab-regular;
}
/* ===================================== Meet our Team  ================================== */
.our-team {
  padding: 40px;
  background-color: #FFF;
}
@media screen and (max-width: 1063px) {
  .our-team {
    padding: 40px 20px;
  }
}
.our-team .our-team {
  padding: 30px 0 40px;
  background: #fdfdfb;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.our-team .our-team .pic {
  display: inline-block;
  width: 130px;
  height: 130px;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
}
.our-team .our-team .pic:before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background: #0074D9;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  opacity: 0.2;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}
.our-team .our-team .pic:before {
  height: 100%;
}
.our-team .our-team .pic:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0074D9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.our-team .our-team .pic img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
}
.our-team .our-team:hover .pic img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}
.our-team .our-team .team-content {
  margin-bottom: 30px;
}
.our-team .our-team .title {
  font-size: 22px;
  font-weight: 700;
  color: #4e5052;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.our-team .our-team .post {
  display: block;
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
}
.our-team .our-team .social {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #0074D9;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.5s ease 0s;
}
.our-team .our-team:hover .social {
  bottom: 0;
}
.our-team .our-team .social li {
  display: inline-block;
}
.our-team .our-team .social li a {
  display: block;
  padding: 10px;
  font-size: 17px;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.our-team .our-team .social li a:hover {
  color: #0074D9;
  background: #0074D9;
}
@media only screen and (max-width: 990px) {
  .our-team .our-team {
    margin-bottom: 30px;
  }
}
.our-team .team-row {
  margin-top: 40px;
}
/* ===================================== Testimonial Style  ================================== */
.customer-serv {
  padding: 45px;
}
@media screen and (max-width: 554px) {
  .customer-serv {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 1063px) {
  .customer-serv {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 348px) {
  .customer-serv {
    padding: 30px 10px !important;
  }
}
.customer-serv .ro-clo {
  padding: 40px 0px;
  padding-top: 60px;
}
.customer-serv .card-b::after {
  box-sizing: border-box;
  background-color: #FFF;
  content: "";
  position: absolute;
  z-index: 100;
  height: 25px;
  left: 35px;
  top: 108px;
  transform: rotate(135deg);
  width: 25px;
}
.customer-serv .card-b {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.04);
  padding: 20px;
  text-align: center;
  font-size: 14px;
  background: url(../images/quotes.png) no-repeat bottom right;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: right;
  background-position-y: bottom;
  background-size: auto auto;
  background-color: #FFF;
  background-size: 40px;
  background-position: right 10px bottom 5px;
}
.customer-serv .an-mtc {
  padding-top: 23px;
}
.customer-serv .stars {
  padding-top: 33px;
}
.customer-serv .stars li {
  list-style: none;
  color: #f8b739;
  float: right;
  font-size: 13px;
  margin-left: 4px;
}
.customer-serv .img-circl {
  margin-top: 20px;
  text-align: center;
}
.customer-serv .img-circl img {
  width: 80%;
  border-radius: 50%;
}
.customer-serv .star-par {
  padding-left: 0px;
}
@media screen and (max-width: 1013px) {
  .customer-serv .stars li {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .customer-serv .card-b::after {
    display: none;
    margin-top: 20px;
  }
  .customer-serv .col-12 {
    margin-top: 20px;
  }
}
/* ===================================== Pricing Style  ================================== */
.our-pricing {
  padding: 50px;
  background-color: #FCFCFC;
}
@media screen and (max-width: 450px) {
  .our-pricing {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 1063px) {
  .our-pricing {
    padding: 40px 20px;
  }
}
.our-pricing .content-title h2 {
  margin-bottom: 50px;
}
.our-pricing .pricing-row {
  margin-top: 50px;
}
.our-pricing .pricing-cover {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  border-top: 4px solid #0074D9;
  background-color: #FFF;
}
@media screen and (max-width: 991px) {
  .our-pricing .pricing-cover {
    margin-bottom: 20px;
  }
}
.our-pricing .pricing-cover .pricing-head {
  padding: 30px;
  text-align: center;
  border-bottom: 1px solid #CCC;
}
.our-pricing .pricing-cover .pricing-body {
  padding: 30px 20px;
  text-align: center;
}
.our-pricing .pricing-cover .pricing-body ul li {
  padding: 10px;
}
.our-pricing .pricing-cover .pricing-body h2 {
  margin-top: 20px;
}
.our-pricing .pricing-cover .pricing-body .sel {
  background-color: #EEEEEE;
}
.our-pricing .pricing-cover .pricing-footer {
  padding: 30px;
  text-align: center;
}
.our-pricing .pricing-cover .pricing-footer .btn {
  background-color: #0074D9;
  color: #FFF;
}
.our-pricing .popular {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FBFBFB;
}
.profesion-overide {
  background-image: url("../images/background/brackground_5.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.profesion-overide .layy {
  padding: 100px 40px;
  background-color: rgba(41, 80, 159, 0.8);
}
@media screen and (max-width: 750px) {
  .profesion-overide .layy {
    padding: 30px 10px;
  }
  .profesion-overide .layy h2 {
    font-size: 32px !important;
  }
}
/* ===================================== Join Us Style  ================================== */
.join-us {
  background-color: #FFF;
}
.join-us .content-title h2 {
  width: 100%;
  text-align: center;
}
.join-us .content-title h4 {
  width: 100%;
  text-align: center;
}
.join-us .join-us-content {
  padding: 30px;
}
.join-us .join-us-content h2 {
  margin-bottom: 20px;
}
.join-us .join-us-content ul {
  padding-left: 10%;
}
.join-us .join-us-content ul li {
  margin-top: 10px;
}
.join-us .bkgloq {
  padding-left: 10%;
}
@media screen and (max-width: 767px) {
  .join-us .bkgloq {
    padding-left: 0px;
  }
}
.join-us .bkgloq p {
  text-align: justify;
  text-indent: 20px;
}
.join-us .image-port {
  height: 521px;
  overflow: hidden;
  background-image: url("../images/part_of_team.jpg");
  background-size: 100%;
}
.join-us .image-port .layer {
  height: 521px;
  background-color: rgba(9, 162, 35, 0.5);
}
/* ===================================== Request Call Back Style  ================================== */
.request-callback {
  padding: 30px;
  background-color: #f7f7f7;
  background: url(../images/aerotim-phone.png) no-repeat bottom right;
  background-size: 520px;
}
.request-callback .call-back-box {
  padding: 5px;
  float: none;
  margin: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.request-callback .call-back-box .text-port {
  background-color: #FFF;
  padding: 30px;
}
.request-callback .call-back-box .text-port p {
  text-align: justify;
  text-indent: 20px;
}
.request-callback .contact-box {
  float: none;
  margin: auto;
  padding: 50px;
}
.request-callback .contact-box .form-control {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin-bottom: 20px;
}
/* ===================================== Footer Style  ================================== */
footer {
  background-color: #525252;
  padding: 30px !important;
  color: #FFF;
}
footer .footer-ablout img {
  background-color: #FFF;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-top: 7px;
}
footer .footer-ablout p {
  text-align: justify;
  text-indent: 20px;
}
footer .top-foot {
  background-color: #8A8A8A;
  padding: 20px;
  margin-top: 20px;
}
footer .top-foot .icp-fu {
  text-align: center;
  font-size: 32px;
}
footer .top-foot .suthg {
  font-size: 16px;
}
footer .news-lee {
  background-color: #949494;
  padding: 40px;
  margin-top: 20px;
}
footer .news-lee p {
  font-size: 15px;
}
footer .news-lee .bot-mar {
  margin: 0px;
  margin-top: 15px;
}
footer .useful-links {
  padding: 20px;
}
footer .useful-links h4 {
  font-size: 18px;
}
footer .useful-links ul li {
  float: left;
  padding: 6px;
  font-size: 15px;
}
footer .tweet {
  padding: 15px;
  font-size: 13px;
}
footer .tweet h4 {
  font-size: 18px;
}
@media screen and (max-width: 990px) {
  footer .top-foot .suthg {
    font-size: 14px;
  }
  footer .footer-ablout img {
    margin-bottom: 15px;
  }
}
/* ===================================== Copyright Style  ================================== */
.copy {
  background-color: #444444;
  padding: 20px;
  color: #FFF;
  text-align: center;
}
.copy p {
  text-align: left;
}
.copy a {
  color: #FFF;
}
.copy img {
  width: 20px;
  margin-left: 7px;
  margin-right: 2px;
}
.copy ul {
  float: right;
  margin-top: -20px;
}
.copy ul li {
  float: left;
  padding: 0px 20px;
}
@media screen and (max-width: 810px) {
  .copy ul {
    margin-top: 23px;
    padding-right: 37%;
  }
}
@media screen and (max-width: 536px) {
  .copy ul {
    margin-top: 23px;
    padding-right: 17%;
  }
}
@media screen and (max-width: 400px) {
  .copy ul {
    margin-top: 23px;
    padding-right: 5%;
  }
}
/* ===================================== Home page 2 Header  ================================== */
.header-2 {
  height: auto;
}
.header-2 .home-2-logo {
  padding-bottom: 5px;
}
.header-2 .home-2-logo img {
  margin-top: 0px;
}
.header-2 .home-2-logo .det-li {
  font-size: 11px;
  padding-left: 0;
  margin-top: 18px;
  color: #6f6f6f;
  border-right: 1px solid #848484;
}
.header-2 .home-2-logo .det-li b {
  font-weight: 300;
  font-size: 14px;
}
.header-2 .home-2-logo .ibk-l {
  text-align: center;
}
.header-2 .home-2-logo .ibk-l i {
  color: #848484;
  font-size: 28px;
  text-align: right;
  margin-top: 25px;
}
@media screen and (max-width: 1007px) {
  .header-2 .home-2-logo .det-li b {
    font-size: 13px;
  }
}
.header-2 .home-2-nav {
  border-top: 1px solid #DCDCDC;
}
.header-2 .home-2-nav ul {
  float: left;
}
.header-2 .home-2-nav ul li {
  float: left;
  padding: 15px 35px;
  font-size: 15px;
  color: #444;
}
.header-2 .home-2-nav ul li a {
  color: #444;
}
.header-2 .home-2-nav ul li i {
  margin-left: 6px;
}
.header-2 .home-2-nav ul li:hover .inner-box {
  display: block;
  margin-top: 14px;
}
.header-2 .home-2-nav .inner-box {
  position: absolute;
  display: none;
  width: 200px;
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99;
  margin-top: 20px;
}
.header-2 .home-2-nav .inner-box ul {
  width: 100%;
}
.header-2 .home-2-nav .inner-box ul li {
  float: none;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #CCC;
}
.header-2 .home-2-nav .inner-box ul li:hover {
  background-color: #0074D9;
  color: #FFF;
}
.header-2 .home-2-nav .inner-box ul li:hover a {
  color: #FFF;
}
.header-2 .home-2-nav .inner-box ul li i {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .header-2 .home-2-nav .inner-box {
    width: 100%;
    margin-left: -5%;
  }
}
.header-2 .home-2-nav .li-nav-2 {
  text-align: center;
  margin-top: 15px;
  border-left: 1px solid #ccc;
  color: #808080;
}
@media screen and (max-width: 993px) {
  .header-2 .home-2-nav .li-nav-2 {
    display: none;
  }
}
@media screen and (max-width: 895px) {
  .header-2 .home-2-nav ul li {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .header-2 .home-2-nav {
    display: none;
  }
  .header-2 .home-2-nav div {
    padding: 0px;
  }
  .header-2 .home-2-nav ul li {
    padding: 15px 25px;
    width: 100%;
    border-bottom: 1px solid #CCC;
  }
}
/* =====================================Count - 2 starts here  ================================== */
.our-team-2 {
  margin-top: -115px;
  padding-top: 150px;
}
/* ===================================== What we do starts here  ================================== */
.what-we-ofer-2 {
  background-color: #FFF;
  padding: 40px;
}
@media screen and (max-width: 536px) {
  .what-we-ofer-2 {
    padding: 30px 10px;
  }
}
.what-we-ofer-2 .sevice-list {
  margin-top: 20px;
}
.what-we-ofer-2 .serv-list {
  text-align: center;
  padding: 25px;
}
.what-we-ofer-2 .serv-list b {
  font-size: 15px;
}
.what-we-ofer-2 .serv-list p {
  margin-top: 5px;
  font-size: 14px;
}
.what-we-ofer-2 .serv-list i {
  margin-bottom: 10px;
  font-size: 30px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  padding: 20px;
  border: 1px solid #0074D9;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #0074D9;
  color: #FFF;
}
/* ===================================== Page Title Style  ================================== */
.page-nav {
  padding: 40px;
  text-align: left;
}
.page-nav ul {
  float: none;
}
.page-nav h2 {
  font-size: 34px;
  color: #444;
}
@media screen and (max-width: 600px) {
  .page-nav h2 {
    font-size: 26px;
  }
}
.page-nav ul li {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 17px;
}
.page-nav ul li i {
  width: 30px;
  text-align: center;
  color: #444;
}
.page-nav ul li a {
  color: #444;
}
/* ===================================== About US Page  ================================== */
.about-us {
  background-color: #FFF;
  padding: 50px;
}
@media screen and (max-width: 450px) {
  .about-us {
    padding: 30px 10px;
  }
}
.about-us p {
  text-align: justify;
  text-indent: 20px;
  margin-bottom: 10px;
}
.about-us img {
  margin-top: 15px;
}
/* ===================================== About US Page Offer  ================================== */
.offer-content {
  background-image: url("../images/our-team1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-content .back-det-abt {
  padding: 50px;
  position: relative;
  text-align: center;
  background-color: #4d90fe9e;
  bottom: 0;
}
@media screen and (max-width: 700px) {
  .offer-content .back-det-abt {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 560px) {
  .offer-content .back-det-abt h5 {
    font-size: 26px !important;
  }
  .offer-content .back-det-abt .btn {
    display: none;
  }
}
.offer-content .back-det-abt h5 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1.28px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 25px;
}
.offer-content .back-det-abt h5 span {
  color: #343434;
}
.offer-content .back-det-abt p {
  color: #fff;
  font-size: 16px;
}
.offer-content .njkj {
  margin-top: -80px;
}
.offer-content .njk-ab {
  position: relative;
  padding: 60px;
}
@media screen and (max-width: 700px) {
  .offer-content .njk-ab {
    padding: 30px 10px;
  }
}
.offer-content .btn-default {
  background-color: #FFF;
}
/* ===================================== About US Page Additional Details  ================================== */
.sec-get {
  padding: 50px;
  background-color: #FFF;
}
@media screen and (max-width: 700px) {
  .sec-get {
    padding: 30px 10px;
  }
}
.sec-get .progress {
  margin-bottom: 24px;
  height: 28px;
}
.sec-get .progress .progress-bar {
  background-color: #0074D9;
}
.sec-get .accordion {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.sec-get .accordion .card-header {
  background-color: #FFF;
  padding: 0px !important;
}
.sec-get .accordion .card-header button {
  color: #444;
  text-decoration: none;
}
.sec-get .accordion .card-header i {
  margin-right: 10px;
}
.team-about {
  background-color: #F9F9F9;
}
/* ===================================== About US Page Our Partners  ================================== */
.our-partners {
  padding: 50px;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .our-partners {
    padding: 30px 10px;
  }
}
.our-partners .our-pd {
  margin-top: 50px;
}
.our-partners .our-pd .op-l {
  text-align: center;
  padding-top: 10px;
}
.our-partners .our-pd .opl-ro {
  padding: 20px;
}
.our-partners .our-pd .opl-ro p {
  text-align: justify;
  text-indent: 20px;
  font-size: 13px;
}
.our-partners .our-pd img {
  width: 80%;
}
/* ===================================== Service Page - 1  ================================== */
.servic-all {
  padding: 50px;
  background-color: #FFF;
}
@media screen and (max-width: 450px) {
  .servic-all {
    padding: 30px 10px;
  }
}
.servic-all .sevice-list {
  margin-top: 50px;
}
.servic-all .serv-list {
  padding: 20px;
  border: 1px solid #F0F0F0;
  text-align: center;
  margin-top: 20px;
}
.servic-all .serv-list:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.servic-all .serv-list i {
  font-size: 36px;
  color: #0074D9;
  margin-bottom: 14px;
}
.servic-all .serv-list b {
  font-size: 16px;
}
.servic-all .serv-list p {
  font-size: 13px;
  margin-top: 5px;
}
/* ===================================== Service Page - 2  ================================== */
.all-service-2 .serv-list i {
  background-color: #FFF;
  color: #0074D9;
  box-shadow: none;
}
/* ===================================== Service Single  ================================== */
.serv-single {
  background-color: #FFF;
  padding: 50px;
}
@media screen and (max-width: 850px) {
  .serv-single {
    padding: 30px 10px;
  }
}
.serv-single .servic-list li {
  list-style: none;
  padding: 10px 10px;
  background-color: #f4f5fa;
  border-bottom: 1px solid #e2e2e2;
  font-size: 12px;
}
.serv-single .slact {
  background-color: #FFF !important;
  color: #0074D9;
  border-left: 3px solid #0074D9;
}
.serv-single .serrv-singl-det {
  padding: 15px 0px;
}
.serv-single .serrv-singl-det p {
  text-align: justify;
}
.serv-single .single-toitle {
  padding: 20px;
}
.serv-single .single-toitle h2 {
  width: 100%;
  text-align: center;
}
.serv-single .single-toitle p {
  text-align: center;
  margin-bottom: 20px;
}
.serv-single .listrs {
  padding: 10px 0px;
}
.serv-single .pris-list {
  border: 1px solid #ebebeb;
}
.serv-single .title-plist {
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  padding: 10px;
}
.serv-single .pl-prisdet {
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  padding: 10px;
}
.serv-single .pris-list-item li {
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb;
  font-size: 13px;
  text-align: center;
  background-color: #fcfcfc;
}
.serv-single .pris-list-item li:nth-child(2n) {
  background-color: #ffffff;
}
.serv-single .list-btn {
  padding: 10px;
  text-align: center;
}
.serv-single .btn-rou {
  border-radius: 24px;
  width: 120px;
  text-align: center;
  border-color: #0074D9;
  background-color: #0074D9;
}
.serv-single .listrs-2 {
  padding: 0px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.serv-single .plist-act b {
  color: #0074D9;
}
.serv-single .pl-prisdet b {
  font-size: 20px;
}
.serv-single .listrs-2 .pl-prisdet {
  padding: 18px 10px;
  color: #0074D9;
}
/* ===================================== Service Single  ================================== */
.port-foli {
  background-color: #FFF;
  padding: 50px;
}
@media screen and (max-width: 450px) {
  .port-foli {
    padding: 30px 10px;
  }
}
.port-foli .simplefilter li {
  float: left;
  padding: 7px 20px;
  margin-left: 20px;
  background-color: #0074D9;
  color: #FFF;
  border-radius: 24px;
}
.port-foli #lightgallery {
  margin-top: 20px;
}
.port-foli .filtr-item {
  margin-top: 20px;
  padding-bottom: 20px;
}
.port-foli .filtr-item .alij {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* ===================================== Portfolio-1 Style  ================================== */
.gallery-filter {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .gallery-filter .btn {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 10px;
  }
}
.gallery-filter .btn {
  background-color: #FFF;
}
.gallery {
  padding: 30px;
  background-color: #FFF;
}
@media screen and (max-width: 450px) {
  .gallery {
    padding: 30px 10px;
  }
}
.gallery-title {
  font-size: 36px;
  color: #29509f;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px;
}
.gallery-title:after {
  content: "";
  position: absolute;
  width: 7.5%;
  left: 46.5%;
  height: 45px;
  border-bottom: 1px solid #0074D9;
}
.filter-button {
  font-size: 16px;
  border: 1px solid #0074D9;
  margin-left: 20px;
  border-radius: 5px;
  text-align: center;
  color: #0074D9;
  margin-bottom: 30px;
  padding: 3px 10px;
}
.filter-button:hover {
  font-size: 16px;
  border: 1px solid #0074D9;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  background-color: #0074D9;
}
.btn-default:active .filter-button:active {
  background-color: #29509f;
  color: white;
}
.port-image {
  width: 100%;
}
.gallery_product {
  margin-bottom: 30px;
}
.gallery_product img {
  background-color: #FFF;
  padding: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.box {
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.box:before,
.box:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.box:after {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  top: -100%;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
  clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
}
.box:hover:before {
  opacity: 1;
}
.box:hover:after {
  top: 0;
}
.box img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
  background-color: #FFF;
  padding: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.box:hover img {
  filter: blur(2px) grayscale(60%);
  transform: scale(1.2);
}
.box .box-content {
  text-align: center;
  width: 100%;
  padding: 15px 0 0 15px;
  position: absolute;
  left: 50%;
  bottom: -100%;
  z-index: 2;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
}
.box:hover .box-content {
  bottom: 10px;
}
.box .title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  text-shadow: 0 0 2px #000;
  margin: 0 0 5px;
}
.box .post {
  color: #fff;
  background: #0074D9;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.8s ease 0.3s;
}
.box .icon {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -50%;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.3s ease 0s;
}
.box:hover .icon {
  top: 50%;
}
.box .icon li {
  margin: 0 4px;
  display: inline-block;
}
.box .icon li a {
  color: #fff;
  background: #0074D9;
  font-size: 18px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  transition: all 0.3s ease 0s;
}
.box .icon li a:hover {
  background: #2c3e50;
  color: #fff;
  box-shadow: 0 0 10px #2c3e50;
}
@media only screen and (max-width: 990px) {
  .box {
    margin-bottom: 30px;
  }
}
.gallery-filer-2 {
  padding-right: 0px;
  margin-bottom: 20px;
}
.gallery-filer-2 button {
  width: 100%;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #DEDEDE !important;
  color: #444;
  border: #CCC;
  border-radius: 0px;
  border-bottom: 1px solid #EAEAEA;
  padding: 15px;
  text-align: left !important;
}
.gallery-filer-2 button:hover {
  border-color: #0074D9;
  background-color: #0074D9 !important;
  border-radius: 0px;
}
@media screen and (max-width: 872px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (max-width: 570px) {
  .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
/*====================================== Blog Style ====================================*/
.blog {
  padding: 50px;
}
@media screen and (max-width: 990px) {
  .blog {
    padding: 50px 10px;
  }
}
@media screen and (max-width: 1199px) {
  .blog .container {
    max-width: 100%;
  }
}
.blog img {
  width: 100% !important;
}
.blog .blog-singe {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  background-color: #FFF;
  margin-bottom: 30px;
}
.blog .blog-singe .blog-img-tab {
  padding: 0px;
}
.blog .blog-singe .blog-content-tab {
  padding: 15px;
}
.blog .blog-singe .blog-content-tab h2 {
  font-size: 19px;
}
.blog .blog-singe .blog-content-tab i {
  margin-right: 10px;
  font-size: 12px;
}
.blog .blog-singe .blog-content-tab i small {
  margin-left: 5px;
  font-size: 100%;
}
.blog .blog-singe .blog-content-tab .blog-desic {
  margin-top: 8px;
  font-size: 12px;
  text-indent: 20px;
  margin-bottom: 10px;
}
.blog .blog-singe .blog-content-tab a {
  color: #0074D9;
  font-size: 12px;
}
.blog .blog-singe .blog-content-tab a i {
  margin-left: 15px;
  font-size: 13px;
}
.blog-new-page {
  background-color: #FFF;
}
/* ===================================== Single Blog Style  ================================== */
.blog-single-page {
  padding: 50px;
  background-color: #FFF;
}
@media screen and (max-width: 990px) {
  .blog-single-page {
    padding: 50px 10px;
  }
}
@media screen and (max-width: 1199px) {
  .blog-single-page .container {
    max-width: 100%;
  }
}
.blog-single-page img {
  width: 100%;
}
.blog-single-page h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .blog-single-page h3 {
    font-size: 22px;
  }
}
.blog-single-page p {
  text-align: justify;
  text-indent: 20px;
  margin-bottom: 10px;
}
.blog-single-page p i small {
  margin-left: 5px;
  font-size: 100%;
}
.blog-single-page p i {
  margin-right: 10px;
  font-size: 12px;
}
.blog-single-page .replay {
  font-size: 22px;
  margin-bottom: 0xp;
}
.blog-single-page .comment-row {
  margin-bottom: 20px;
}
.blog-single-page .comment-row b {
  font-weight: 300;
}
.blog-single-page .comment-row small {
  margin-left: 20px;
}
.blog-single-page .comment-row .comnt-img {
  text-align: center;
}
.blog-single-page .comment-row .comnt-img img {
  width: 85%;
}
@media screen and (max-width: 600px) {
  .blog-single-page .comment-row .comnt-img img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .blog-single-page .comment-row .comnt-img {
    padding: 0px;
  }
}
.blog-single-page .chat-msg-box h3 {
  width: 100%;
}
.blog-single-page .chat-msg-box input {
  margin-bottom: 20px;
}
.blog-single-page .chat-msg-box textarea,
.blog-single-page .chat-msg-box button {
  margin-bottom: 20px;
}
.blog-single-page .blog-side b {
  font-size: 14px;
  color: #888;
  border-left: 3px solid #0074D9;
  padding-left: 5px;
  margin-bottom: 10px;
}
.blog-single-page .blog-side ul {
  margin-bottom: 10px;
}
.blog-single-page .blog-side ul li {
  list-style: none;
  font-size: 13px;
  padding: 10px;
}
.blog-single-page .blog-side ul li i {
  margin-right: 10px;
}
.blog-single-page .blog-side .blp {
  padding-right: 0px;
}
.blog-single-page .blog-side .blp-det {
  padding-right: 0px;
}
@media screen and (max-width: 600px) {
  .blog-single-page .blog-side .blp-det {
    padding-top: 2px;
  }
}
.blog-single-page .blog-side .blp-det p {
  text-indent: 4px;
}
.blog-single-page .blog-side .blp-det b {
  font-size: 13px;
  border: 0px;
  font-weight: 400;
  color: #424242;
}
/* ===================================== Blog 2 Style  ================================== */
.blog-container-fluid {
  background-color: #f9f9f9;
  padding: 50px;
}
@media screen and (max-width: 990px) {
  .blog-container-fluid {
    padding: 50px 10px;
  }
}
.blog-container-fluid img {
  width: 100% !important;
}
.blog-container-fluid .blog-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
  background-color: #FFF;
}
.blog-container-fluid .sd-op {
  background-color: #0074D9;
  text-align: center;
  color: #FFF;
  padding-bottom: 10px;
  padding-top: 5px;
}
.blog-container-fluid .sd-op b {
  font-size: 22px;
}
.blog-container-fluid .sd-op small {
  font-weight: 600;
}
.blog-container-fluid .cdfik {
  padding: 0px;
  list-style: none;
  width: 100%;
}
.blog-container-fluid .cdfik li {
  float: left;
  padding: 11.5px;
  text-align: center;
  font-size: 13px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
.blog-container-fluid .pof-det {
  padding: 10px;
  padding-left: 60px;
}
/* ===================================== Contact Us  ================================== */
.contact-us {
  padding: 50px;
  background-color: #FFF;
}
@media screen and (max-width: 990px) {
  .contact-us {
    padding: 50px 10px;
  }
}
.contact-us img {
  margin-top: 15px;
}
.contact-us p {
  text-align: justify;
  text-indent: 20px;
}
.contact-us .sm-link {
  margin-bottom: 20px;
}
.contact-us .sm-link li {
  list-style: none;
  float: left;
  padding: 10px;
  border-radius: 50px;
  border: 1px solid #ccc;
  width: 40px;
  text-align: center;
  margin-left: 10px;
  margin-top: 20px;
}
.contact-us .noformborder {
  border-radius: 0px;
  margin-bottom: 10px;
}
.map {
  width: 100%;
  height: 400px;
}
/* ===================================== Portfolio - 3 Style  ================================== */
.portfolio-3 {
  padding: 50px;
  background-color: #FBFBFB;
  /* Tool Colors */
}
@media screen and (max-width: 990px) {
  .portfolio-3 {
    padding: 50px 10px;
  }
}
.portfolio-3 .logo {
  border-radius: 50%;
}
.portfolio-3 .text-muted a {
  color: #989898;
}
.portfolio-3 .card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 5px;
}
.portfolio-3 .card .card-foot {
  margin: 0px;
  padding: 10px;
}
.portfolio-3 .card .card-foot p {
  text-align: justify;
  text-indent: 20px;
}
.portfolio-3 .card .card-link {
  text-align: center;
  border-top: 1px solid #CCC;
}
.portfolio-3 .card .link-1,
.portfolio-3 .card .link-2 {
  padding: 5px;
  padding-top: 10px;
  cursor: pointer;
}
.portfolio-3 .card .link-1 i,
.portfolio-3 .card .link-2 i {
  font-size: 13px;
  margin-right: 6px;
}
.portfolio-3 .card .link-1 {
  border-right: 1px solid #CCC;
}
.portfolio-3 .text-muted a:hover {
  color: grey;
}
.portfolio-3 .fa a:active,
.portfolio-3 a:hover,
.portfolio-3 a:visited {
  text-decoration: none;
}
.portfolio-3 .general {
  background-color: #0095af;
}
.portfolio-3 .general .card-title {
  color: #f3f3f3;
}
.portfolio-3 .general .card-text {
  color: #f3f3f3;
}
.portfolio-3 .card-img {
  display: block;
  width: 100%;
  height: auto;
}
.portfolio-3 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .2s ease;
  background-color: #008CBA;
}
.portfolio-3 .card-pin:hover .overlay {
  opacity: .5;
  border: 5px solid #f3f3f3;
  transition: ease .5s;
  background-color: #000000;
  cursor: zoom-in;
}
.portfolio-3 .more {
  color: white;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  transform: translate(-20%, -20%);
  -ms-transform: translate(-50%, -50%);
}
.portfolio-3 .download {
  color: white;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 20px;
  text-transform: uppercase;
  transform: translate(-20%, -20%);
  -ms-transform: translate(-50%, -50%);
}
.portfolio-3 .card-pin:hover .card-title {
  color: #ffffff;
  margin-top: 10px;
  text-align: center;
  font-size: 1.2em;
}
.portfolio-3 .card-pin:hover .more a {
  text-decoration: none;
  color: #ffffff;
}
.portfolio-3 .card-pin:hover .download a {
  text-decoration: none;
  color: #ffffff;
}
.portfolio-3 .social {
  position: relative;
  transform: translateY(-50%);
}
.portfolio-3 .social .fa {
  margin: 0 3px;
}
/* ===================================== Home Page - 3 Header Style  ================================== */
.full-banner {
  background-image: url(../images/home-3-bg-2.jpg);
  height: 650px;
  background-size: 100%;
  background-position: center;
}
@media screen and (max-width: 824px) {
  .full-banner {
    background-size: auto;
  }
}
.full-banner .over-lay {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.full-banner header {
  background-color: rgba(0, 0, 0, 0.4);
}
.full-banner .top-row {
  border-bottom: 1px solid #989898;
}
.full-banner .top-row p {
  margin-bottom: 0px;
  padding: 10px;
  color: #FFF;
}
.full-banner .top-row ul {
  float: right;
}
.full-banner .top-row ul li {
  float: left;
  color: #FFF;
  padding: 10px;
}
.full-banner .top-row ul li i {
  margin-right: 5px;
}
@media screen and (max-width: 889px) {
  .full-banner .top-row .header-left-box {
    display: none !important;
  }
  .full-banner .top-row .header-right-box {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100%;
  }
}
@media screen and (max-width: 523px) {
  .full-banner .top-row .hs {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .full-banner .top-row .hs-1 {
    display: none;
  }
}
.full-banner .nav-port h4 {
  padding: 12px;
  font-size: 42px;
  color: #FFF;
}
@media screen and (max-width: 400px) {
  .full-banner .nav-port h4 {
    padding: 5px 0px;
  }
  .full-banner .nav-port h4 i {
    margin-top: -6px !important;
  }
}
@media screen and (max-width: 1034px) {
  .full-banner .nav-port h4 {
    font-size: 32px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 840px) {
  .full-banner .nav-port h4 {
    font-size: 26px;
    margin-top: 10px;
  }
  .full-banner .nav-port h4 i {
    margin-top: -6px !important;
  }
}
.full-banner .nav-port .small-menu {
  float: right;
  font-size: 28px;
  color: #FFF;
  padding: 7px;
  border-radius: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  background-color: #0074D9;
  margin-top: 9px;
}
.full-banner .nav-port ul {
  float: right;
}
.full-banner .nav-port ul li {
  float: left;
  padding: 30px 22px;
  font-size: 16px;
  cursor: pointer;
  color: #FFF;
}
.full-banner .nav-port ul li:hover .inner-box {
  display: block;
}
.full-banner .nav-port ul li a {
  color: #FFF;
}
.full-banner .nav-port ul li i {
  float: right;
  margin-top: 5px;
  margin-left: 10px;
  font-size: 16px;
}
.full-banner .nav-port .inner-box {
  position: absolute;
  display: none;
  width: 200px;
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99;
  margin-top: 20px;
}
.full-banner .nav-port .inner-box ul {
  width: 100%;
}
.full-banner .nav-port .inner-box ul li {
  float: none;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #CCC;
}
.full-banner .nav-port .inner-box ul li a {
  color: #444;
}
.full-banner .nav-port .inner-box ul li:hover {
  background-color: #0074D9;
  color: #FFF;
}
.full-banner .nav-port .inner-box ul li:hover a {
  color: #FFF !important;
}
.full-banner .nav-port .inner-box ul li i {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 989px) {
  .full-banner .nav-port img {
    width: 200px;
    max-width: 200px;
    margin-top: 10px;
  }
  .full-banner .nav-port ul li {
    padding: 30px 14px;
  }
}
@media screen and (max-width: 854px) {
  .full-banner .nav-port ul li {
    padding: 30px 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 770px) {
  .full-banner .nav-port .col-sm-9 {
    display: none;
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .full-banner .nav-port ul {
    width: 100%;
  }
  .full-banner .nav-port ul li {
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid #CCC;
  }
  .full-banner .nav-port .inner-box {
    width: 93%;
    margin-top: 10px;
  }
  .full-banner .nav-port img {
    margin-top: 2px;
  }
}
@media screen and (max-width: 369px) {
  .full-banner .nav-port img {
    width: 180px;
  }
}
.full-banner .custom-slider {
  padding: 50px;
}
@media screen and (max-width: 490px) {
  .full-banner .custom-slider {
    padding: 10px;
  }
}
.full-banner .custom-slider h1 {
  text-align: center;
  font-size: 62px;
  width: 100%;
  color: #FFF;
  height: 152px;
}
@media screen and (max-width: 824px) {
  .full-banner .custom-slider h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 490px) {
  .full-banner .custom-slider h1 {
    font-size: 32px;
  }
}
.full-banner .custom-slider h4 {
  text-align: center;
  font-size: 22px;
  width: 100%;
  color: #FFF;
  margin-top: 20px;
}
.full-banner .custom-slider .buy-btn {
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
.full-banner .custom-slider .buy-btn .btn {
  font-size: 24px;
  width: 180px;
  border-radius: 25px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.full-banner .scroll-to-fixed-fixed ul li {
  color: #444 !important;
}
.full-banner .scroll-to-fixed-fixed ul li a {
  color: #444 !important;
}
.full-banner .scroll-to-fixed-fixed h4 {
  color: #444;
}
/* ===================================== Key Feature Home Page - 3 Style  ================================== */
.key-featur-home-3 {
  background-color: #FFF;
  padding-bottom: 50px;
  background-color: none;
}
.key-featur-home-3 .key-single {
  margin-top: -90px !important;
  background-color: #FFF;
  text-align: center;
  padding: 20px;
  margin: 0px;
}
.key-featur-home-3 .key-single .key-logo {
  text-align: center;
  width: 100%;
}
.key-featur-home-3 .key-single .key-logo i {
  margin-bottom: 20px;
  font-size: 26px;
  color: #0074D9;
}
.key-featur-home-3 .key-single .key-detail p {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .key-featur-home-3 .key-single {
    margin-top: 20px !important;
    text-align: center;
  }
  .key-featur-home-3 .key-single .key-detail {
    width: 100%;
  }
}
/* ===================================== Color Chooser Style  ================================== */
.color-chooser {
  background-color: #FFF;
  transition: all 0.5s ease 0s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: fixed;
  width: 300px;
  height: 240px;
  left: -300px;
  top: 190px;
  z-index: 999;
}
@media screen and (max-width: 824px) {
  .color-chooser {
    display: none;
  }
}
.color-chooser .chooser-title {
  height: 50px;
  width: 350px;
  background-color: #0074D9;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.04);
}
.color-chooser .chooser-title .titl-1 {
  width: 300px;
  float: left;
  height: 50px;
  text-align: center;
}
.color-chooser .chooser-title .titl-1 h6 {
  font-size: 20px;
  padding-top: 13px;
  color: #FFF;
}
.color-chooser .chooser-title .titl-2 {
  width: 50px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  height: 50px;
  float: left;
  background-color: #fff;
}
.color-chooser .chooser-title .titl-2 i {
  color: #6D6D6D;
  font-size: 20px;
  margin-top: 15px;
}
.color-chooser .color-row {
  padding: 20px 10px;
}
.color-chooser .color-row .color {
  height: 40px;
  margin-bottom: 15px;
}
.color-chooser .color-row .c1 {
  background-color: #0074D9;
}
.color-chooser .color-row .c2 {
  background-color: #39CCCC;
}
.color-chooser .color-row .c3 {
  background-color: #2ECC40;
}
.color-chooser .color-row .c4 {
  background-color: #0074D9;
}
.color-chooser .color-row .c5 {
  background-color: #FF4136;
}
.color-chooser .color-row .c6 {
  background-color: #7f298c;
}
.color-chooser p {
  width: 100%;
  text-align: center;
  padding: 0px 30px;
  margin-top: 3px;
  font-size: 13px;
}