/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Theme menu  */
/*   04 - Banner */
/*   05 - Media To Content */
/*   06 - Awesome Banner  */
/*   07 - Short Banner  */
/*   08 - Short Banner  */
/*   09 - Our Project  */
/*   10 - Happy Customer  */
/*   11 - Theme Counter  */
/*   12 - Blog  */
/*   13 - Footer  */
/*   14 - Theme Inner Banner  */
/*   15 - Theme About Us  */
/*   16 - Service Details  */
/*   17 - Project Details  */
/*   18 - Blog v2  */
/*   19 - Blog Details  */
/*   20 - Error page */
/*   21 - FAQ Page  */
/*   22 - Contact Us  */



/**
* Importing necessary  Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:400,600');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----revolution-slider---*/
@import url('../vendor/revolution/settings.css');
@import url('../vendor/revolution/layers.css');
@import url('../vendor/revolution/navigation.css');
/*----------- Fancybox css -------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*----------- Animate css -------*/
@import url('../vendor/animate.css');
/*-------Hover Css --------*/
@import url('../vendor/hover.css');

/***

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;

}
/*==================== Click Top ====================*/
.scroll-top {
  width:40px;
  height:40px;
  position: fixed;
  color: #fff;
  bottom: 10px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  display: none;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global stlye ___________________*/

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #696969;
  font-size: 14px;
  position: relative;
}
body .main-page-wrapper {
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h2,h3,h4,h5,h6 {color:#151515;}
h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans', sans-serif;}
h1 {font-size: 85px; font-weight: 700;}
h2 {font-size: 35px; font-weight: 400;}
h3 {font-size: 28px; font-weight: 700;}
h4 {font-size: 20px; font-weight: 400;}
h5 {font-size: 18px; font-weight: 700;}
h6 {font-size: 16px; font-weight: 400;}
ul {list-style-type: none;}
p  {line-height: 28px;}
a  {text-decoration: none; display: inline-block;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;-webkit-box-shadow: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;}
.float-right {float:right;}
.round-border {border-radius: 50%;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
/*------------------------------- Transition --------------------------*/
.tran3s,#mega-menu-holder>ul> li > a:before,#mega-menu-holder>ul> li > a:after,.project-details .owl-theme .owl-dots .owl-dot span,
.project-details .page-changer .opacity img,.faq-page .panel-heading h5 a:before {
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.tran4s {
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
/*------------------------------- Theme Button -----------------------*/
body .theme-button {
  line-height: 46px;
  text-align: center;
  color: #fff;
  border-radius: 23px;
}
/*------------------------------- Theme Title -----------------------*/
.theme-title {text-align: center;}
.theme-title h2 {
  display: inline-block;
  position: relative;
  padding: 14px 0 20px 0;
  text-transform: uppercase;
}
.theme-title h2:before {
  content: '';
  width: 55px;
  height: 1px;
  position: absolute;
  top:6px;
  left:-44px;
}
.theme-title h2:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top:0;
  left:11px;
}
.theme-title h6 {color: #696969;}
/*-------------------------------------- Color css ---------------------------*/
.p-color,#mega-menu-holder>ul> li> a:after,#mega-menu-holder>ul> li:hover> a,#mega-menu-holder>ul> li.active> a,header.theme-main-header.style-two #mega-menu-holder>ul> li.active> a,
header.theme-main-header.style-two #mega-menu-holder>ul> li:hover> a,header.theme-main-header.style-two.fixed #mega-menu-holder>ul> li.active> a,header.theme-main-header.style-two.fixed #mega-menu-holder>ul> li:hover> a,
.our-service .single-service i,.theme-counter .text-center i,.short-banner a,.project-details .page-changer .backto,
.our-blog .single-news-post:hover .post h3 a,.our-service .single-service:hover h4 a,footer .footer-logo ul li a:hover,footer .footer-list ul li a:hover,
.inner-banner .opacity ul li:last-child,.inner-banner .opacity ul li a:hover,.service-details .top-content .single-list-content i,.project-details .bottom-content .list-box li h6 span,
.service-details .bottom-content .text-center h4 span,.project-details .top-content .single-list-content i,.project-details .middle-content .single-list-content h4 span,
.blog-page-wrapper .snappy-sidebar .sidebar-catagories ul li a:hover,.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li:hover .post a,.blog-page-wrapper .single-blog:hover .post h3 a,
.contact-address .address-wrapper>ul.list li .icon,#mega-menu-holder li:hover .sub-toggle,#mega-menu-holder li.active .sub-toggle,
header.theme-main-header.style-two #mega-menu-holder li.active .sub-toggle,header.theme-main-header.style-two #mega-menu-holder li.hover .sub-toggle {
  color:#0061a7;
}
.p-bg-color,#mega-menu-holder>ul> li> a:before,.theme-title h2:before,.our-project .single-project .text .view:hover,
.theme-title h2:after,.awesome-banner .opacity a:hover,.our-project .mixitUp-menu ul li.active,.project-details .owl-theme .owl-dots .owl-dot.active span,
.project-details .owl-theme .owl-dots .owl-dot:hover span,.project-details .page-changer .backto:hover,.blog-page-wrapper .snappy-sidebar h5:before,
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul li a:hover,.blog-page-wrapper .single-blog .post .post-info ul li a:hover,.blog-page-wrapper .page-pagination li.active a,
.blog-page-wrapper .page-pagination li a:hover,.blog-page-wrapper .page-pagination li:last-child a,.blog-page-wrapper .blog-details .text-wrapper .share-option li a:hover,
.faq-page .panel-heading h5 a:before,.contact-address .address-wrapper .social-icon li a:hover,.menuzord-menu ul.dropdown li:hover > a,.our-blog .load-more:hover {
  background: #0061a7;
}
.our-project .single-project .text .view:hover,.project-details .page-changer .backto,.blog-page-wrapper .blog-details .text-wrapper .share-option li a:hover,
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul li a:hover,.blog-page-wrapper .single-blog .post .post-info ul li a:hover {
  border-color:#0061a7;
  border-style: solid;
}
/*-------------------------- Theme menu --------------------*/
header.theme-main-header {
  padding-top: 30px;
}
header.theme-main-header.style-one {
  background: #fff;
  border-bottom: 1px solid #b0bac3;
}
header.theme-main-header.style-two {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  z-index: 99;
  background: transparent;
  border-bottom: 1px solid #4f4e4d;
}
header.theme-main-header.style-two #mega-menu-holder>ul> li> a,
header.theme-main-header.style-two #mega-menu-holder li .sub-toggle {color: #fff;}
#mega-menu-holder>ul> li> a:before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left:0;
  bottom: 0;
}
#mega-menu-holder>ul> li.active > a:before,
#mega-menu-holder>ul> li:hover > a:before {height: 2px;}
#mega-menu-holder>ul> li > a:after {
  content: '';
  font-family: 'font-awesome';
  width: 100%;
  text-align: center;
  position: absolute;
  left:0;
  opacity: 0;
  bottom: 5px;
}
#mega-menu-holder>ul> li.active > a:after,
#mega-menu-holder>ul> li:hover > a:after {
  opacity: 1;
  bottom: 14px;
}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
header.theme-main-header.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  margin:0;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
    box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -webkit-animation: menu_sticky  0.70s ease-in-out;
  animation: menu_sticky  0.70s ease-in-out;
}
header.theme-main-header.style-one.fixed {border: none;}
header.theme-main-header.style-two.fixed {background: #fff; border: none;}
header.theme-main-header.style-two.fixed #mega-menu-holder>ul> li> a {color: #151515;}
/*------------------------------ Banner ------------------------*/
#banner .tp-caption h1 {
  color: #fff;
  line-height: 90px;
}
#banner .tp-caption h1 .font-fix {
  font-family: 'Open Sans', sans-serif;
  font-size: 50px;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
}

#banner .tp-caption a {
  width: 222px;
  line-height: 56px;
  border: 2px solid #fff;
  color: #0061a7;
  background: white;
  font-weight: 600;
  text-align: center;
  border-radius: 25px;
}
    #banner .tp-caption a:hover {
        background: #0061a7;
        color: white;
        border-color: #0061a7;
        border-style: solid;
    }
   

#banner .uranus .tp-bullet-inner {
  background-color: #81c7de;
}
#banner .uranus .tp-bullet.selected,#banner .uranus .tp-bullet:hover {-webkit-box-shadow: 0 0 0 2px #0061a7;box-shadow: 0 0 0 2px #0061a7;}
#banner .uranus .tp-bullet.selected .tp-bullet-inner,#banner .uranus .tp-bullet:hover .tp-bullet-inner {background-color: #fff;}
/*-------------------- Media To Content ------------------*/
.media-top-content {margin: 140px 0 150px 0;}
.media-top-content .float-left {width: 50%;}
.media-top-content h2 {
  text-transform: uppercase;
  line-height: 45px;
  margin-bottom: 30px;
}
.media-top-content p {
  padding-right: 170px;
}
.media-top-content a {width: 170px;margin-top: 55px;}
/*--------------------- Our Service ----------------*/
.our-service .theme-title {margin-bottom: 80px;}
.our-service .single-service {
  text-align: center;
  margin-bottom: 45px;
}
.our-service .single-service i {font-size: 72px;}
.our-service .single-service h4 a {
  display: block;
  color: #151515;
  margin: 7px 0 30px 0;
}
.our-service .single-service p {padding: 0 10px;}
.our-service.inner-page {margin-bottom: 95px;}
/*----------------------- Awesome Banner ----------------*/
.awesome-banner {
  background: url(../images/home/1.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  margin: 95px 0 150px 0;
}
.awesome-banner .opacity {
  background: rgba(0,97,167,0.6);
  padding: 125px 0 130px 0;
  text-align: center;
}
.awesome-banner .opacity h2 {
  font-size: 56px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.awesome-banner .opacity p {
  width: 53%;
  margin: 24px auto 40px auto;
  color: #fff;
}
.awesome-banner .opacity a {
  width: 306px;
  height: 52px;
  border: 1px solid #fff;
  background: #0061a7;
  line-height: 46px;
  color: #fff;
  font-size: 25px;
  border-radius: 23px;
}
/*------------------------- Short Banner ---------------------*/
.short-banner {
  padding: 28px 0;
  margin-bottom: 150px;
}
.short-banner h4 {
  font-size: 22px;
  color: #fff;
  margin-top: 10px;
}
.short-banner a {
  width: 170px;
  background: #fff;
}
.short-banner a:hover {color: #fff;background: #151515;}
/*---------------------------- Our Project -------------------*/
.our-project {margin-bottom: 150px;}
.our-project .theme-title {margin-bottom: 60px;}
.our-project .mixitUp-menu {text-align: center;}
.our-project .mixitUp-menu ul li {
  font-family: 'Noto Sans', sans-serif;
  display: inline-block;
  color: #151515;
  font-size: 16px;
  border-radius: 18px;
  line-height: 40px;
  padding: 0 35px;
  margin-bottom: 18px;
  cursor: pointer;
}
#mixitUp-item {margin-top: 45px;}
.our-project .mixitUp-menu ul li.active {color: #fff;}
#mixitUp-item .mix {display: none;}
#mixitUp-item .mix img {width: 100%;}
#mixitUp-item .grid-style-one {
  width: 25%;
  float:left;
}
#mixitUp-item .grid-style-two,
#mixitUp-item .grid-style-three {
  width: 33.33333333%;
  float:left;
}
#mixitUp-item.row [class*="col-"] {margin-bottom: 30px;}
.our-project .single-project {
  position: relative;
  overflow: hidden;
}
.our-project .single-project .text {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background: rgba(0,97,167,0.6);
  opacity: 0;
  visibility: hidden;
}
.our-project .single-project .text .title {
  padding: 30px 0 0 30px;
  color: #fff;
  opacity: 0;
  -webkit-transform:translateX(-45px);
          transform:translateX(-45px);
  -webkit-transition-delay:0.2s;
          transition-delay:0.2s;
}
.our-project .single-project .text .title h5 a {
  display: block;
  margin-bottom: 9px;
  color: #fff;
}
.our-project .single-project .text .view {
  width: 168px;
  line-height: 43px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 18px;
  text-align: center;
  position: absolute;
  top:50%;
  left:50%;
  margin-left: -84px;
  opacity: 0;
  -webkit-transition-delay:0.29s;
          transition-delay:0.29s;
  -webkit-transform:translateY(60%);
          transform:translateY(60%);
}
.our-project .single-project .text .zoom {
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  -webkit-transition-delay:0.35s;
          transition-delay:0.35s;
  -webkit-transform:translateX(20px);
          transform:translateX(20px);
}
.our-project .single-project:hover .text {
  opacity: 1;
  visibility: visible;
}
.our-project .single-project:hover .text .title {
  opacity: 1;
  -webkit-transform:translateX(0);
          transform:translateX(0);
}
.our-project .single-project:hover .text .view {
  opacity: 1;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.our-project .single-project:hover .text .zoom {
  opacity: 1;
  -webkit-transform:translateX(0);
          transform:translateX(0);
}
/*--------------------------- Happy Customer -------------------*/
.happy-customer {margin-bottom: 127px;}
.happy-customer .theme-title {margin-bottom: 70px;}
.happy-customer .single-slide {
  border: 1px solid #ebe7e7;
  padding: 40px 10px 60px 10px;
  text-align: center;
  position: relative;
}
.happy-customer .single-slide img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  margin: 0 auto 27px auto;
}
.happy-customer .single-slide h6 {
  font-size: 14px;
  margin: 12px 0 25px 0;
}
.happy-customer .single-slide i {
  font-size: 38px;
  color: #ebe7e7;
  position: absolute;
  top:10px;
  left:30px;
}
.customer-slider .item {margin: 0 15px;}
/*---------------------- Theme Counter -------------------*/
.theme-counter {margin-bottom: 80px;}
.theme-counter .text-center i {
  display: block;
  font-size: 50px;
}
.theme-counter .text-center h5 {margin: 22px 0 10px 0;font-weight: normal;}
.theme-counter .text-center .number {
  font-family: 'Noto Sans', sans-serif;
  font-size: 45px;
  font-weight: 700;
  color: #151515;
  margin-bottom: 50px;
}
/*------------------------------ Blog -----------------------*/
.our-blog {margin-bottom: 100px;}
.our-blog .theme-title {margin-bottom: 70px;}
.our-blog .single-news-post img {
  width: 51.3%;
  border-radius: 4px;
}
.our-blog .single-news-post .post {
  width: 48.7%;
  padding:10px 0 0 55px;
}
.our-blog .single-news-post .post span {
  display: block;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.our-blog .single-news-post .post h3 a {
  display: block;
  color: #151515;
  margin: 4px 0 6px 0;
}
.our-blog .single-news-post .post p {margin: 25px 0 15px 0;}
.our-blog .single-news-post .post>a {width: 150px;}
.our-blog .single-news-post {margin-bottom: 50px;}
.our-blog .load-more {
  display: block;
  width: 110px;
  height: 110px;
  border: 5px solid #dadadd;
  background: #adacac;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 50px;
  margin: 45px auto 0 auto;
}
/*--------------------- Partnar Logo ---------------------*/
.partner-section {
  background: #f7f7f7;
  padding: 90px 0 78px 0;
}
/*------------------------------ Footer -------------------------*/
footer {
  background: #00061e;
  padding: 95px 0 0 0;
}
footer p,footer a,footer li {
  color: rgba(255,255,255,0.6);
}
footer .footer-logo p {
  margin: 45px 0 30px 0;
}
footer .footer-logo ul li {
  display: inline-block;
}
footer .footer-logo ul li a {
  margin: 0 22px 0 0;
  color: #696969;
  font-size: 18px;
}
footer h6 {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 52px;
}
footer .footer-list,footer .Subscribe {padding-left: 60px;}
footer .footer-list ul li a {
  margin-bottom: 16px;
}
footer .Subscribe form {
  height: 50px;
  position: relative;
  margin: 30px 0 20px 0;
}
footer .Subscribe form input {
  width: 100%;
  height: 100%;
  background: #dddddd;
  border-radius: 23px;
  border: 1px solid #dddddd;
  padding: 0 85px 0 20px;
  color: #656363;
}
footer .Subscribe form button {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  width: 80px;
  color: #fff;
  text-transform: uppercase;
}
footer .bottom-footer {
  text-align: center;
  margin-top: 65px;
  background: #03061c;
  padding: 20px 0;
}
footer .bottom-footer p {text-transform: uppercase;}
/*----------------------- Theme Inner Banner ------------------*/
.inner-banner {
  background: url(../images/inner-page/banner.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom: 150px;
}
.inner-banner .opacity {
  background: rgba(40,57,84,0);
  padding: 340px 0 45px 0;
}
.inner-banner .opacity h2 {
  font-size: 58px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 185px;
}
.inner-banner .opacity ul {text-align: center;}
.inner-banner .opacity ul li {
  display: inline-block;
  margin: 0 2px;
  color: #fff;
}
.inner-banner .opacity ul li a {color: #fff;}
/*-------------------- Theme About Us ----------------------*/
.theme-about-us {margin-bottom: 90px;}
.theme-about-us .text .icon {
  width: 94px;
  height: 94px;
  color: #fff;
  font-size: 60px;
  text-align: center;
  line-height: 94px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.theme-about-us .text h3 {
  font-weight: normal;
  margin-bottom: 27px;
}
.theme-about-us .text p {padding-right: 20px;}
.theme-about-us .text {margin-bottom: 60px;}
/*---------------------- Service Details -------------------*/
.service-details .top-content h2 {
  font-size: 38px;
  text-transform: uppercase;
}
.service-details .top-content h3 {
  font-weight: normal;
  font-size: 26px;
  text-transform: uppercase;
  margin: 20px 0 35px 0;
}
.service-details .top-content p {
  font-size: 16px;
  line-height: 34px;
}
.service-details .top-content .single-list-content {
  text-align: center;
  margin-top: 55px;
}
.service-details .top-content .single-list-content i {font-size: 62px;}
.service-details .top-content .single-list-content h4 {margin: 7px 0 30px 0;}
.service-details .top-content .single-list-content p {
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
}
.service-details .bottom-content {margin: 110px 0 140px 0;}
.service-details .bottom-content .f1 {
  font-size: 16px;
  line-height: 34px;
  margin: 85px 0 35px 0;
}
.service-details .bottom-content .f2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  color: #151515;
}
.service-details .bottom-content .text-center h4 span {
  font-weight: 700;
  font-size: 30px;
  margin-right: 5px;
}
.service-details .bottom-content .text-center p {margin: 30px 0 50px 0;}
.tableizer-table {
  font-size: 12px;
}
.tableizer-table th {
    background-color: #104E8B;
    color: #FFF;
}
/*---------------------- Project Details -------------------*/
.project-details .top-content h2 {
  font-size: 38px;
  text-transform: uppercase;
}
.project-details .top-content h3 {
  font-weight: normal;
  font-size: 26px;
  text-transform: uppercase;
  margin: 20px 0 45px 0;
}
.project-details .top-content .single-list-content i {
  font-size: 38px;
  display: block;
  margin-top: -8px;
}
.project-details .top-content .single-list-content h4 {margin: 7px 0 30px 0;}
.project-details .top-content .single-list-content {padding: 0 0 60px 30px;}
.project-details .top-content .single-list-content:last-child {padding-bottom: 30px;}
.project-details .middle-content .single-list-content h4 span {
  font-weight: 700;
  font-size: 30px;
  margin-right: 5px;
}
.project-details .middle-content .single-list-content p {margin: 30px 0 0 0;}
.project-details .middle-content .single-list-content {padding: 30px 0 30px 30px;}
.project-details .bottom-content {margin: 50px 0 55px 0;}
.project-details .bottom-content img {width: 100%;}
.project-details .bottom-content .list-box {
  background: #f1eeee;
  padding: 63px 10px 20px 40px;
}
.project-details .bottom-content .list-box li h6 span {
  font-weight: 700;
  font-size: 25px;
  margin-right: 4px;
}
.project-details .bottom-content .list-box li h6 {
  text-transform: uppercase;
  margin-bottom: 15px;
}
.project-details .bottom-content .list-box li {margin-bottom: 36px;}
.project-details .bottom-content .f1 {
  font-size: 16px;
  line-height: 34px;
  margin: 65px 0 35px 0;
}
.project-details .bottom-content .f2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  color: #151515;
}
.owl-theme .owl-nav {margin: 0;}
.project-details .owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  border-radius: 0;
  padding: 0;
  margin: 30px 3px 0 3px;
}
.project-details .project-slider-content {margin-bottom: 75px;}
.project-details .page-changer {
  position: relative;
  margin-bottom: 140px;
}
.project-details .page-changer a.changer {
  width: 270px;
  line-height: 118px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}
.project-details .page-changer .opacity {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left:0;
  background: rgba(0,0,0,1);
  z-index: -1;
}
.project-details .page-changer .opacity img {width: 100%;opacity: 0.3;}
.project-details .page-changer a:hover .opacity img {opacity: 0.2;}
.project-details .page-changer a:hover .opacity {background: rgba(0,97,167,1);}
.project-details .page-changer .backto {
  display: block;
  position: absolute;
  width: 222px;
  line-height: 56px;
  border-width: 2px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  top:50%;
  left:50%;
  border-radius: 25px;
  -webkit-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
}
.project-details .page-changer .backto:hover {color: #fff;}
/*---------------------------- Blog v2 ---------------------------*/
.blog-page-wrapper {padding: 150px 0 150px 0;}
.blog-page-wrapper.bg-color {background: #f3f2f2;}
.blog-page-wrapper .snappy-col {
  float: left;
  padding: 0 15px;
}
.blog-page-wrapper .snappy-large-side {width: 69.2%;}
.blog-page-wrapper .snappy-sidebar {width: 30.8%;}
.blog-page-wrapper .snappy-sidebar>div {
  background: #fff;
  padding: 48px 20px 105px 25px;
}
.blog-page-wrapper .snappy-sidebar h5 {
  font-weight: normal;
  text-transform: uppercase;
  padding-left: 15px;
  position: relative;
}
.blog-page-wrapper .snappy-sidebar h5:before {
  content: '';
  width: 5px;
  height: 16px;
  position: absolute;
  top:2px;
  left:0;
}
.blog-page-wrapper .snappy-sidebar .sidebar-search p {margin: 15px 0 30px 0;}
.blog-page-wrapper .snappy-sidebar .sidebar-search form input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #f0f0f0;
  border: none;
}
.blog-page-wrapper .snappy-sidebar .sidebar-catagories h5 {margin-bottom: 32px;}
.blog-page-wrapper .snappy-sidebar .sidebar-catagories ul li a {
  position: relative;
  color: #696969;
  padding-left: 50px;
  margin-bottom: 25px;
  display: block;
  font-weight: 600;
}
.blog-page-wrapper .snappy-sidebar .sidebar-catagories ul li a:before {
  content: '';
  font-family: 'font-awesome';
  width: 26px;
  height: 26px;
  border: 1px solid #f6f0f0;
  line-height: 24px;
  text-align: center;
  position: absolute;
  top:-3px;
  left:0;
  font-size: 16px;
}
.blog-page-wrapper .snappy-sidebar .sidebar-catagories {margin: 60px 0 60px 0;}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li img {width: 68px;height: 68px;}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li .post {
  width: calc(100% - 68px);
  padding-left: 20px;
}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li .post a {
  font-weight: 600;
  color: #151515;
  display: block;
  line-height: 22px;
  margin-bottom: 5px;
}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li .post span {
  font-size: 12px;
  font-weight: 600;
}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li .post span i {margin-right: 5px;}
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post li,
.blog-page-wrapper .snappy-sidebar .sidebar-latest-post h5 {margin-bottom: 40px;}
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul {margin: 0 -5px}
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul li {
  padding: 0 5px;
  float: left;
  margin-bottom: 12px;
}
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul li a {
  padding: 0 25px;
  line-height: 43px;
  border: 1px solid #f6f0f0;
  color: #696969;
  text-align: center;
}
.blog-page-wrapper .snappy-sidebar .sidebar-tags ul li a:hover {color: #fff;}
.blog-page-wrapper .snappy-sidebar .sidebar-tags h5 {margin-bottom: 45px;}
.blog-page-wrapper .single-blog {background: #fff;}
.blog-page-wrapper .single-blog .post {
  position: relative;
  padding: 50px 10px 45px 0;
}
.blog-page-wrapper .blog-v2 .single-blog .post {padding-left:130px; }
.blog-page-wrapper .blog-v2 .single-blog {margin-bottom: 60px;}
.blog-page-wrapper .single-blog .post h3 a {color: #151515;}
.blog-page-wrapper .single-blog .post .post-info ul {margin: 0 -10px;}
.blog-page-wrapper .single-blog .post .post-info ul li {
  float: left;
  padding: 0 10px;
  line-height: 24px;
  margin-top: 15px;
  font-size: 12px;
}
.blog-page-wrapper .single-blog .post .post-info ul li a {
  padding: 0 10px;
  line-height: 24px;
  border: 1px solid #f6f0f0;
  color: #696969;
  text-align: center;
}
.blog-page-wrapper .single-blog .post .post-info ul li a:hover {color: #fff;}
.blog-page-wrapper .single-blog .post .post-info ul li a i {font-size: 15px;}
.blog-page-wrapper .single-blog .post .post-info {margin-bottom: 30px;}
.blog-page-wrapper .single-blog .post .read-more {
  width: 170px;
  margin-top: 30px;
}
.blog-page-wrapper .single-blog .post .date {
  position: absolute;
  top:0;
  left:0;
  color: #fff;
  text-align: center;
  width: 84px;
  height: 128px;
}
.blog-page-wrapper .single-blog .post .date span {
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
}
.blog-page-wrapper .single-blog .post .date strong {
  font-family: 'Noto Sans', sans-serif;
  font-size: 45px;
  font-weight: 700;
  display: block;
  margin: 5px 0 -10px 0;
}
.blog-page-wrapper .page-pagination {margin: 0 2px;}
.blog-page-wrapper .page-pagination li {
  float: left;
  padding: 0 2px;
  margin-top: 10px;
}
.blog-page-wrapper .page-pagination li a {
  line-height: 46px;
  font-size: 18px;
  padding: 0 28px;
  color: #151515;
  border-radius: 23px;
}
.blog-page-wrapper .page-pagination li.active a,
.blog-page-wrapper .page-pagination li a:hover,
.blog-page-wrapper .page-pagination li:last-child a {color: #fff;}
.blog-page-wrapper .page-pagination li:last-child a {margin-left: 20px;}
/*--------------------------- Blog Details --------------------*/
.blog-page-wrapper .blog-details .post .post-info {
  padding: 0 0 40px 130px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 50px;
}
.blog-page-wrapper .blog-details .single-blog .post {padding-right: 0;}
.blog-page-wrapper .blog-details .single-blog {
  border-bottom: 1px solid #f0f0f0;
}
.blog-page-wrapper .blog-details {background: #fff;}
.blog-page-wrapper .blog-details .text-wrapper {
  padding: 0 60px 0 70px;
}
.blog-page-wrapper .blog-details .text-wrapper .mark-text {
  margin: 25px 0 30px 0;
  padding: 26px 30px 24px 30px;
}
.blog-page-wrapper .blog-details .text-wrapper .mark-text p {color: #fff;}
.blog-page-wrapper .blog-details .text-wrapper .share-option li {display: inline-block;}
.blog-page-wrapper .blog-details .text-wrapper .share-option li:first-child {
  width: 100px;
  line-height: 38px;
  border: 1px solid #f6f0f0;
  color: #333333;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 22px;
}
.blog-page-wrapper .blog-details .text-wrapper .share-option li a {
  color: #6f6f6f;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #f6f0f0;
  margin-right: 5px;
}
.blog-page-wrapper .blog-details .text-wrapper .share-option li a:hover {color: #fff;}
.blog-page-wrapper .blog-details .text-wrapper .share-option {margin: 50px 0 10px 0;}
.blog-page-wrapper .blog-details .add-comment {padding: 95px 60px 85px 70px;}
.blog-page-wrapper .blog-details .add-comment h4 {
  text-transform: uppercase;
  margin-bottom: 55px;
}
.blog-page-wrapper .blog-details .add-comment .row {margin: 0 -10px;}
.blog-page-wrapper .blog-details .add-comment .row [class*="col-"] {padding: 0 10px;}
.blog-page-wrapper .blog-details .add-comment input,
.blog-page-wrapper .blog-details .add-comment textarea {
  width: 100%;
  max-width: 100%;
  background: #f3f2f2;
  margin-bottom: 20px;
  border: none;
  padding: 0 20px;
}
.blog-page-wrapper .blog-details .add-comment input {height: 50px;}
.blog-page-wrapper .blog-details .add-comment textarea {
  height: 220px;
  resize:none;
  padding: 20px;
}
.blog-page-wrapper .blog-details .add-comment button {
  width: 185px;
  margin-top: 20px;
}
.blog-page-wrapper .blog-details.blog-details-v2 .text-wrapper {padding: 0 70px;}
.blog-page-wrapper .blog-details.blog-details-v2 .text-wrapper .mark-text {
  margin-left: 65px;
  margin-right: 65px;
}
.blog-page-wrapper .blog-details.blog-details-v2 .post .post-info {
  padding-left: 0;
  text-align: center;
}
.blog-page-wrapper .blog-details-v2 .single-blog .post .post-info ul li {
  float: none;
  display: inline-block;
}
.blog-page-wrapper .blog-details-v2 .single-blog .post .date {left:170px;}
.blog-page-wrapper .blog-details.blog-details-v2 .add-comment {width: 69%;padding-bottom: 0;}
/*------------------------------ Error page ----------------------*/
.error-page {padding: 40px 0 200px 0;}
.error-page img {margin: 0 auto;}
.error-page h3 {
  font-size: 30px;
  margin: 50px 0 40px 0;
}
.error-page a {
  font-size: 18px;
  margin-top: 40px;
}
.error-page a i {
  font-size: 12px;
  vertical-align: 1px;
  margin-right: 8px;
}
/*------------------------------ FAQ Page ----------------------*/
.faq-page {padding-bottom: 150px;}
.faq-page .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
  margin-bottom: 10px;
}
.faq-page .panel-heading {
  padding: 0;
  border-radius: 0;
  background: #f3f0f0;
  text-align: center;
}
.faq-page .panel-heading h5 a {
  font-size: 18px;
  color: #151515;
  line-height: 26px;
  font-weight: normal;
  position: relative;
  display: block;
  padding: 19px 57px 19px 0;
}
.faq-page .panel-heading h5 a:before {
  content: '';
  position: absolute;
  font-family: 'font-awesome';
  width: 56px;
  height: 100%;
  top:0;
  right: 0;
  line-height: 64px;
  color: #fff;
  font-size: 12px;
}
.faq-page .panel-heading.active-panel h5 a:before {content: '';}
.faq-page .faq-panel .panel-body {
  border: 1px solid #edecec;
  border-top: none !important;
  padding: 40px 20px 40px 30px;
}
.faq-page .faq-panel .panel-body img {margin: 0 auto;}
/*---------------------- Contact Us --------------------------*/
.contact-page>.container>h2 {
  font-size: 52px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
}
.contact-us-v2 p {
  line-height: 30px;
  text-align: center;
  width: 60%;
  margin: 25px auto 112px auto;
}
.contact-us-v2 p span {
  display: inline-block;
  width: 26px;
  height: 1px;
  background: #292929;
  vertical-align: middle;
  margin-left: 5px;
}
.contact-us-v2 form input,
.contact-us-v2 form textarea {
  width: 100%;
  padding: 0 15px 14px 0;
  border: none;
  border-bottom: 1px solid #a6a6a6;
  font-size: 15px;
  background: transparent;
}
.contact-us-v2 form input:focus,
.contact-us-v2 form textarea:focus {
  border-color: #d5d5d5;
}
.contact-us-v2 form input {
  margin-bottom: 25px;
}
.contact-us-v2 form textarea {
  max-width: 100%;
  padding-bottom: 0;
  margin-top: 145px;
}
.contact-us-v2 form button {
  width: 170px;
  margin-top: 50px;
}
.contact-address {margin:100px 0 150px 0;}
#contact-google-map {
  width: 100%;
  height: 410px;
}
.contact-address .address-wrapper>ul.list li {
  margin: 26px 0 55px 0;
  padding-left: 85px;
  position: relative;
}
.contact-address .address-wrapper>ul.list li .icon {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 32px;
  background: #e9e9e9;
  position: absolute;
  top:-19px;
  left:0;
}
.contact-address .address-wrapper .social-icon li {
  display: inline-block;
  margin:25px 16px 0 0;
}
.contact-address .address-wrapper .social-icon li a {
  width: 58px;
  line-height: 58px;
  background: #e9e9e9;
  color: #696969;
  text-align: center;
  font-size: 16px;
}
.contact-address .address-wrapper .social-icon li a:hover {color: #fff;}
/*======================= Form Validation ===================*/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p{
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {
  color: #26ace3;
}
#error {
  color: #C9182B;
}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {display: none !important;}
.form-validation input.error {border-bottom:1px solid #f03838 !important;}
.form-validation textarea.error {border-bottom:1px solid #f03838 !important;}
.single-service img, .theme-counter img{
  margin:0 auto;
}
.form-services h4 {
    color: #929090;
    font-size: 15px;
    font-weight: 600;
}

.form-services ul li label {
    color: #464545;
    margin: 0;
    margin-right: px;
}

.form-services ul {
    margin-top: 36px;
}

.form-services h6 {
    margin-top: 14px;
}

.form-services ul li {
    font-size: 14px;
    margin-top: -11px;
}

    .form-services ul li:last-child {
        margin-top: 5px;
    }

.form-services p {
    color: #807d7d;
}

.form-services input {
    margin-top: 10px;
}

.form-services label input {
    margin-right: 6px;
}

.form-services .btn.btn-blue {
    padding: 4px 28px !important;
    margin-top: 9px;
    font-size: 12px;
}

.form-services .border-3-blue {
    border-top: 3px solid #d0e5f7;
    margin-top: 50px;
    padding-top: 15px;
}

.form-services h6 span {
    width: 30px;
    height: 30px;
    border: 2px solid #337ab7;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #337ab7;
    font-size: 14px;
}

    .form-services h6 span i {
        transform: rotate(-45deg);
    }

.width15 {
    width: 15%;
    margin: 0 15px !Important;
}

.border-3-grey {
    border-top: 3px solid #f1efef;
    margin: 30px 0;
    padding-top: 10px;
}

.margin-top10 {
    margin-top: 10px;
}

.paddingleft0 {
    padding-left: 0;
}

p.para {
    line-height: 17px;
    color: #a2a2a2;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (max-width:450px) {
    .form-services ul {
        margin-top: 25px;
    }

    .form-services h4 {
        margin-top: 20px;
    }

    .form-services h6 {
        margin-top: 6px;
    }
}