@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-family: 'Meera Inimai', sans-serif;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),w
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-family: 'Meera Inimai', sans-serif;

}

/*
  Name: N
  Author: Rainy Design
  Author Uri: http://rainydesign.com
  Date Created: 22 February 2016
  Support: DesignRainy@gmail.com
  Version: 1.0

 */
/*=======================
  TABLE OF CONTENTS 
========================*/
/*
  
  1. VARIABLES
  2. MIXINS 
  3. HELPER STYLES
  4. LAYOUT
  5. GENERAL STYLES
  6. TYPOGRAPHY
  7. COMMON STYLES
  8. PRE LOADER
  9. HEADER
  10. CAROUSEL
  11. INTRO
  12. FEATURED SECTION
  13. OUR PROJECTS
  14. OUR SERVICE
  15. OUR ENGINEERS
  16. OUR BLOG
  17. WHY CHOOSE US
  18. FUN FACTS
  19. TESTIMONIAL
  20. MAIN FOOTER
  21. MISC
  22. BLOG
  23. PAGES 


 */
/*=======================
  VARIABLES 
========================*/
/*=======================
  MIXINS 
  =======================*/
/*=======================
  HELPER STYLES 
  =======================*/
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-padding-col [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
/*=======================
  LAYOUTS 
  =======================*/
.section-block {
  padding: 1.5em 0;
}
/*=======================
  GENERAL STYLES 
  =======================*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: 'Roboto', sans-serif!important;
  line-height: 1.5;
  color: #4d4d4d;
  position: relative;
}

ul {
  padding-left: 0;
  list-style: none;
}
/*=======================
  TYPOGRAPHY  
  =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  
  font-family: 'Roboto', sans-serif!important;
  color: #0d0d0d;
  font-weight: 500;
}
p {
     font-size: 15px;
    line-height: 27px;
    color: #212020!important;
    font-weight: normal;
}
/*=======================
  COMMON STYLES  
  =======================*/
  .btn-read{
	color: #981a25;
	font-weight:bold;
  }
  .btn-read:hover{
	color:#fba41a;
	font-weight:bold;
  }
  
.btn {
  border-radius: 0;
  letter-spacing: 1px;
}
.btn-main,
.btn-ghost {
  background: #990501;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px solid #990501;
  transition: .3s;
}
.btn-main:hover,
.btn-ghost:hover {
	color: #ffffff;
	border-color: #FFCC00;
	background-color: #FFCC00;
}
.btn-ghost {
  background: transparent;
  border: 2px solid #ffffff;
}
.btn-ghost:hover {
  background: transparent;
  border-color: #FFCC00;
}
/* SECTION TITLE STYLE */
.section-title-block {
  text-align: center;
  margin-bottom: 28px;
}
.section-title-block .section-title {
  display: inline-block;
  margin-top: 0;
  color: #981a25;
  font-size: xx-large;
  margin-bottom: 14px;
  background-size: 18px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 12px;
  font-weight: bold;
}
.lead1
{    width: 77%;padding-top:17px;
    margin: auto;
    text-align: center;
    font-size: 15px;
    color: #615c5c!important;
    /* font-family: 'source_sans_proregular'; */
    line-height: 25px;
}
/*.section-title-block .section-title:after {
  content: "\f130";
  font-family: "Ionicons";
  display: block;
  margin: 12px auto 0;
  color: #FFCA00;
}*/
.section-title-block .lead {
  width: 69%;
    margin: auto;
    text-align: center;
    font-size: 18px;
    font-family: 'source_sans_proregular';
    line-height: 1.5;
}
@media (max-width: 767px) {
  .section-title-block .lead {
    width: 90%;
    font-size: 16px;
  }
}
/* BLOCK TOP TITLE STYLE */
.block-top-title {
  margin-bottom: 42px;
}
.block-top-title h3 {
  display: inline-block;
  margin-bottom: 35px;
  position: relative;
  margin-top: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 580px) {
  .block-top-title h3 {
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.block-top-title h3:after {
  content: '';
  width: 28px;
  height: 3px;
  position: absolute;
  bottom: -10px;
  right: -14px;
  background: #990501;
}
@media (max-width: 580px) {
  .block-top-title h3:after {
    display: none;
  }
}
.area-title {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  margin: 0;
}
.iconed-list {
  clear: #999999;
  margin-top: 24px;
  margin-bottom: 12px;
}
.iconed-list li {
  padding-left: 30px;
  color: #999999;
  margin-bottom: 12px;
}
.iconed-list li:before {
  content: '\f101';
  font-family: FontAwesome;
  float: left;
  margin-left: -30px;
  color: #990501;
}
.iconed-list.icon1 li:before {
  content: '\f00c';
}
/* vertical nav tabs */
.vertical-nav-tab li a {
  font-family: 'montserratregular';
  font-weight: bold;
  text-transform: uppercase;
  padding: 18px;
  border-radius: 0;
  border-color: #e6e6e6 !important;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
}
.vertical-nav-tab li a:hover {
  background: #990501;
  color: #ffffff;
}
.vertical-nav-tab li:first-child a {
  border-top: 1px solid #e6e6e6;
}
@media (min-width: 992px) {
  .vertical-nav-tab li {
    float: none;
  }
  .vertical-nav-tab li.active a {
    border-right: none;
    color: #990501;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
  }
  .vertical-nav-tab li.active a:hover {
    border-bottom: 1px solid #e6e6e6;
    border-right: 0;
  }
  .vertical-nav-tab li.active a:focus {
    color: #990501;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }
}
/*=======================
  PRELOADER  
  =======================*/
.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  z-index: 10000;
}
.pre-loader .loader-inner {
  text-align: center;
  width: 5em;
  height: 5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pre-loader .logo01 {
  text-align: center;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pre-loader .loader-inner > div {
  display: inline-block;
  background: #990501;
}
/*=======================
  HEADER 
  =======================*/
header .top-bar {
  /* TOP BAR */
  background: #981a25;
  color: #ffffff;
  height: 42px;
}
header .top-bar ul {
  margin-bottom: 0;
}
header .top-bar ul li {
  display: inline-block;
}

header .top-bar ul li a {
  line-height: 41px;
  color: #ffffff;text-decoration:none;
}
header .top-bar ul.social-links li a {
  width: 1em;
  height: 1em;
  text-align: center;
  margin-right: 7px;
  display: inline-block;
}
header .top-bar ul.social-links li:last-child a {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta {
  text-align: left;
}
header .top-bar ul.top-bar-meta li {
  margin-right: 1em;
}
header .top-bar ul.top-bar-meta li:after {
  display: inline-block;
  margin-left: 1em;
}
header .top-bar ul.top-bar-meta li:last-child {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta li:last-child:after {
  content: none;
}
header .top-bar ul.top-bar-meta li .fa {
  margin-right: .5em;
}
header .navbar {
  /* NAVBAR */
  margin-bottom: 0;
}
header .navbar * {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
header .navbar.navbar-default {
  /* navbar default */
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
header .navbar.navbar-default .navbar-nav > li {
  /* navbar-nav item */
  position: relative;
}
header .navbar.navbar-default .navbar-nav > li:after {
  content: '';
  width: 1px;
  height: 24px;
  background: #e6e6e6;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
header .navbar.navbar-default .navbar-nav > li:last-child:after {
  content: none;
}
header .navbar.navbar-default .navbar-nav > li > a {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #0d0d0d;
  font-size: 15px;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
       border-top: 3px solid transparent;
    /* padding-top: 25px; */
    font-family: 'montserratregular';
    text-transform: uppercase;
    font-size: 12px;
    /* padding-bottom: 28px; */
    transition: .3s;
    /* padding-left: 18px;*/
  }
  header .navbar.navbar-default .navbar-nav > li > a:after {
    content: '';
    height: 2px;
    display: block;
    /*
    width: calc(100% - 40px);
    background: transparent;*/
    margin: auto;
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    color: #990501;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    border-left: 5px solid #990501;
  }
}
header .navbar.navbar-default .navbar-nav > li.active {
  /* avtive nav item */
}
header .navbar.navbar-default .navbar-nav > li.active > a {
  position: relative;
  background: transparent;
  color: #990501;
}
header .navbar.navbar-default .navbar-nav > li.active > a:after {
  background: #990501;
}
header .navbar.navbar-default .header-address,
header .navbar.navbar-default .header-time {
  margin-left: 36px;
  padding-top: 30px;
  padding-bottom: 30px;
}
header .navbar.navbar-default .header-address span,
header .navbar.navbar-default .header-time span {
  width: 48px;
  height: 48px;
  border: 2px solid #FFCA00;
  text-align: center;
  line-height: 44px;
  color: #ffffff;
  background: #FFCA00;
  font-size: 18px;
  float: left;
}
header .navbar.navbar-default .header-address p,
header .navbar.navbar-default .header-time p {
  
    margin-left: -12px;
  margin-bottom: 0;
}
header .navbar.navbar-default .header-address {
  margin-right: 0;
}
header .navbar.navbar-default .navbar-collapse {
  position: relative;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-collapse {
    padding-left: 0;
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-collapse {
    max-height: none;
  }
}
header .navbar.navbar-default .navbar-right .dropdown-menu {
  left: 0px;
  right: auto;
}
header .navbar.navbar-default .navbar-header {
  /* navbar header */
  float: none;
}
header .navbar.navbar-default .navbar-header .navbar-brand {
  /* STYLING FOR NAVBAR BRAND */
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  transition: .3s;
  font-family: 'montserratregular';
}
header .navbar.navbar-default .navbar-header .navbar-brand:hover span {
  color: #990501;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    
    height: auto;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    margin-left: 15px;
    margin-bottom: -60px;
  }
}
header .navbar.navbar-default .navbar-header .navbar-toggle:hover {
  background: #f5f5f5;
}
header .navbar.navbar-default .navbar-header .navbar-toggle:active,
header .navbar.navbar-default .navbar-header .navbar-toggle:focus {
  background: #f5f5f5;
}
header .navbar.navbar-default .search-wrapper {
  /* search wrapper */
  margin-left: 20px;
}
header .navbar.navbar-default .search-wrapper .form-control {
  height: 42px;
}
header .navbar.navbar-default .search-wrapper .search-input {
  /* search input */
  width: 42px;
  border-radius: 30px;
  transition: .5s;
  padding-left: 2em;
  background: #ffffff;
}
header .navbar.navbar-default .search-wrapper .search-input:focus {
  width: 180px;
  padding-left: 2.8em;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-input {
    width: 100%;
    margin: auto;
    margin-left: -7px;
  }
  header .navbar.navbar-default .search-wrapper .search-input:focus {
    width: 100%;
  }
}
header .navbar.navbar-default .search-wrapper .search-icon {
  /* search icon */
  position: relative;
  top: 3px;
  margin-right: -31px;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-icon {
    left: 94%;
    top: 37px;
  }
}
header .navbar.navbar-default .navbar-form {
  /* navbar form style */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-form {
    margin: 0;
    margin-right: -7px;
    padding-right: 0;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
header .navbar.navbar-default .navbar-form .submit-btn {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #990501;
}
header .navbar.navbar-default .dropdown .glyphicon-triangle-bottom {
  font-size: 10px;
  color: #cccbcb;
  position: relative;
  top: 2px;
  left: 2px;
}
header .navbar.navbar-default .dropdown:hover {
  /* dropdown menu collapsing on hover */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
.mega-menu {
    left: 0;
    transition: all 0.3s ease 0s;
}
#nav li:hover .mega-menu{
  top: 100%;
  opacity: 1;
  visibility: visible;
}
#nav .mega-menu {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  opacity: 0;
  position: absolute;
  top: 130%;
  visibility: hidden;
  width: 400px;
  z-index: 999;
}
.mega-menu > span {
  border-right: 1px solid #ddd;
  float: left;
  width: 50%;
}
.mega-menu > span:last-child{
  border-right: 0px solid transparent;
}
#nav li .mega-menu h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: .3s;
  padding-left:15px;
  color: #990501;
 font-family: 'Roboto', sans-serif!important;
  font-size: 18px;

}

#nav li .mega-menu a {
  padding-top: 8px;
  padding-bottom: 8px;
  transition: .3s;
  border-bottom: 1px dotted #e6e6e6;
  padding-left:15px;
  color: #333333;
  font-size: 13px;

}
#nav li .mega-menu a:hover {
  color: #990501;
  background: #ffffff;font-family: 'Roboto', sans-serif!important;
}

#nav li a {
    display: block;
}

header .navbar.navbar-default .dropdown-menu {
  /* dropdown menu style */
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #e6e6e6;
  text-transform:uppercase;
    font-family: 'montserratregular';
  font-size: 13px;
}

header .navbar.navbar-default .dropdown-menu > li > a {
  padding-top: 15px;font-size:14px;
  padding-bottom: 15px;
  transition: .3s;
  border-bottom: 1px dotted #e6e6e6;
}
header .navbar.navbar-default .dropdown-menu > li > a:hover {
  color:white;
  background: #c21c1e;
}
header .navbar.navbar-default .dropdown-menu li a {
  color: #333333;font-size:12px;
}
header .navbar.navbar-default .dropdown-menu li a:hover {
  color:white;
}
header .navbar.navbar-default .dropdown-menu li.divider {
  margin: 0;
}
header .navbar.navbar-default .open {
  /* styling for navbar menu when open */
}
header .navbar.navbar-default .open .dropdown-menu li a {
  color: #333333;
}
header .navbar.navbar-default .open .dropdown-menu li a:hover {
  color: #990501;
}
header .navbar.navbar-fixed-top {
  /* NAVBAR FIEXED TOP STYLE */
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-nav > li > a {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
header .navbar.navbar-fixed-top .navbar-nav > li.active a:after {
  bottom: -1px;
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-header .navbar-brand {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 34px;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-form {
    margin: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
header .navbar.navbar-fixed-top .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-fixed-top .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #990501;
}
header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:focus,
header .navbar-default .navbar-nav > .open > a:hover {
  /* overriding some bootstrap class */
  background: #ffffff;
  color: #990501;
}
/*=======================
  CAROUSEL 
  =======================*/
.carousel.fade {
  /* CAROUSEL FADE STYLE */
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.carousel.fade .item:first-child {
  opacity: 0;
}
.carousel.fade .item.active {
  opacity: 1;
  z-index: 1;
}
.carousel.fade .item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel.fade .carousel-control {
  /* CAROUSEL CONTROL */
  z-index: 2;
  opacity: 0;
  transition: .3s;
}
.carousel.fade .carousel-control:hover {
  opacity: 1;
}
.carousel.fade .carousel-control.left,
.carousel.fade .carousel-control.right {
  background: 0;
}
.carousel.fade .carousel-control .fa {
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  font-size: 30px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  transition: .3s;
  text-shadow: none;
}
.carousel.fade .carousel-control .fa.fa-angle-left {
  padding-right: 5px;
  left: 1em;
}
.carousel.fade .carousel-control .fa.fa-angle-right {
  padding-left: 5px;
  right: 1em;
}
.carousel.fade .carousel-control .fa:hover {
  background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  .carousel.fade .carousel-control .fa {
    display: none;
  }
}
.carousel .carousel-indicators {
}
@media screen and (min-width: 768px)
{.carousel-indicators {
    bottom: -53px!important;
}
}
.carousel .carousel-indicators li {
  margin-right: 5px;
}
.carousel .carousel-indicators li:last-child {
  margin-right: 0;
}
.carousel .carousel-inner {
  max-height: 768px;
}
.carousel .carousel-caption {
  /* carousel caption */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel .carousel-caption .caption-wrapper {
  width: 60%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1199px) and (min-width: 768px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 90%;
  }
}
.carousel .carousel-caption .caption-wrapper h3 {
  /* STYLING THE CAROUSEL CONTENT DATA */
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-shadow: none;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper h3 {
    font-size: 18px;
    background-size: 3px;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-title {
  /* caption title */
  font-size: 42px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 21px;
  color: #ffffff;
  line-height: 1.5;
}
@media (max-width: 992px) and (min-width: 768px) {
  .carousel .carousel-caption .caption-wrapper .caption-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper .caption-title {
    font-size: 24px;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-title span {
  font-weight: bold;
}
.carousel .carousel-caption .caption-wrapper .caption-title strong {
  font-weight: bold;
  color: #FFCA00;
}
.carousel .carousel-caption .caption-wrapper .caption-content {
  /* caption content */
  font-size: 18px;
  text-shadow: none;
  margin-bottom: 42px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    display: none;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-btns {
  /* caption buttons */
}
.carousel .carousel-caption .caption-wrapper .caption-btns button {
  margin-right: 10px;
}
.carousel .carousel-caption .caption-wrapper .caption-btns button:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    padding: 7px 14px;
  }
}
@media (max-width: 530px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    margin-bottom: 14px;
  }
}
/* CAROUSEL CAPTION LAYOUT STYLE FOR DIFFERENT ITEM */
.main-carousel .carousel-inner{
	 height:520px!important;
}
  .carousel-image
  {
	  text-align:center;
  }
.main-carousel .carousel-inner .item:first-child {
  text-align: right;
}
.main-carousel .carousel-inner .item:first-child .caption-wrapper {
 
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 260px;
}
.main-carousel .carousel-inner .item:first-child h3 {
  text-align: right;
}
.main-carousel .carousel-inner .item:first-child .caption-title {
  text-align: right;
}
.main-carousel .carousel-inner .item:first-child .caption-content {
  text-align: right;
}
.main-carousel .carousel-inner .item:first-child .caption-btns {
  text-align: center;
}
.main-carousel .carousel-inner .item:nth-child(2) {
  text-align: left;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-wrapper {
  left: 4%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.main-carousel .carousel-inner .item:nth-child(2) h3 {
  text-align: left;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-title {
  text-align: left;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-content {
  text-align: left;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-btns {
  text-align: left;
}
/*=======================
  INTRO 
  =======================*/
.intro {
  padding-top: 0em;
  padding-bottom: 0em;
  background: #FFCA00;
}
.intro .content-wrapper {
  text-align: center;
}
.intro .content-wrapper h3 {
  color: #1a1a1a;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .intro .content-wrapper h3 {
    float: left;
    line-height: 52px;
    margin-bottom: 0;
  }
}
.intro .content-wrapper .btn-main {
  background: #333333;
  color: #ffffff;
}
.intro .content-wrapper .btn-main:hover {
  background: transparent;
  color: #333333;
  border: 2px solid #333333;
}
@media (min-width: 992px) {
  .intro .content-wrapper .btn-main {
    float: right;
  }
}
/*=======================
  FEATURED SECTION
  =======================*/
.featured-section {
  /*padding-bottom: calc(8em - 48px);*/
}
.featured-section .featured-content {
  text-align: center;
}
.featured-section .featured-content > div {
  margin-bottom: 48px;
}
.featured-section .featured-content > div:hover .icon-block {
  color: #990501;
}
.featured-section .featured-content .image-block {
  margin-bottom: 30px;
}
.featured-section .featured-content .icon-block {
  width: 96px;
  height: 96px;
  text-align: center;
  line-height: 96px;
  background: #fafafa;
  font-size: 36px;
  color: #333333;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 30px;
  transition: .3s;
}
.featured-section .featured-content .content-block {
  padding-left: 12px;
  padding-right: 12px;
}
.featured-section .featured-content .content-block h4 {
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 24px;
  margin-bottom: 21px;
}
.featured-section .featured-content .content-block .learn-more-btn {
  display: inline-block;
  margin-top: 12px;
  text-transform: capitalize;
  color: #FFCA00;
  font-family: 'montserratregular';
  border-bottom: 2px dotted #990501;
  transition: .3s;
}
.featured-section .featured-content .content-block .learn-more-btn:hover {
  color: #333333;
}
/*=======================
  OUR PROJECTS
  =======================*/
  .view-more
  {
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: black;
    border: 2px solid #272622;
  }
   .view-more:hover
  {
	background-color:#ffca00;
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: black;
    border: 2px solid #272622;
  }
   .view-more-pub
  {
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: black;
    border: 2px solid orange;
  }
   .view-more-pub:hover
  {
	background-color:#ffca00;
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: black;
    border: 2px solid #272622;
  }
    .view-more1
  {
	background-color:#ffca00;
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: white;
    border: 2px solid #272622;
  }
   .view-more1:hover
  {
	background-color:black;
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: white;
    border: 2px solid #272622;
  }
.our-projects {
  background: url(../images/image20.jpg) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.our-projects:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
    background-color: #f7f6f175;
}
.our-projects .section-title {
  color: #ffca00;
    font-size: 43px;
    text-shadow: 5px 4px 5px #0c0a0a;
}
.our-projects .item {
  position: relative;
  margin-bottom: 30px;
}
.our-projects .item .image-block {
  overflow: hidden;
}
.our-projects .item .image-block img {
  transition: .5s;
}
.our-projects .item .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 182, 0, 0.8);
  opacity: 0;
  text-align: center;
  transition: .3s;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}
.our-projects .item .hover-content .content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  margin: auto;
}
.our-projects .item .hover-content .content-wrap .icon-block {
  display: block;
    color: #f3eded;
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    background: #981a25;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    -webkit-transform: translateY(-8em);
    transform: translateY(-8em);
    transition: .5s;
}
.our-projects .item .hover-content .content-wrap .icon-block:hover {
  color: white;
}
.our-projects .item .hover-content .content-wrap .content-block {
  -webkit-transform: translateY(12em);
          transform: translateY(12em);
  transition: .4s;
}

.our-projects .item .hover-content .content-wrap .content-block h4 a {
      color: #f1f1f1;
    font-size: 21px;
    text-shadow: 2px 2px 4px #000000;
    text-decoration: none;

}
.our-projects .item .hover-content .content-wrap .content-block p {
  color: #ffffff;
}
.our-projects .item:hover .image-block img {
  -webkit-transform: rotate(-3deg) scale(1.2);
          transform: rotate(-3deg) scale(1.2);
}
.our-projects .item:hover .hover-content {
  opacity: 1;
}
.our-projects .item:hover .hover-content .icon-block {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.our-projects .item:hover .hover-content .content-block {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
/*=======================
  OUR SERVICE
  =======================*/
.our-service {
}
.our-service .service-content > div {
  margin-bottom: 48px;
}
.our-service .service-block {
  text-align: center;
}
.our-service .service-block .icon-block {
  
    box-shadow: 0px 2px 16px grey;
    width: 4em;
    height: 4em;
    line-height: 3em;
    font-size: 21px;
    text-align: center;
    background: #981a25;
    color: #ffffff;
    border-radius: 50%;
    margin: auto;
    transition: .3s;
}
.our-service .service-block .icon-block .fa 
{
    font-size: 50px;
    padding-top: 15px;
}
.our-service .service-block .icon-block .fas
{
    font-size: 50px;
    padding-top: 15px;
}
.our-service .service-block .content-block h4 {
    font-weight: 600;
  margin-top: 24px;    font-family: 'Roboto', sans-serif!important;
  margin-bottom: 18px;
}
.our-service .service-block .content-block p {
  margin-bottom: 0;
}
.our-service .service-block:hover .icon-block {
  background: #ffca00;
  color:white;
}
.content-block .fa
{
	color:#f19a08;font-size:15px;
}
/*=======================
  OUR ENTINEERS
  =======================*/
.our-engineers {
  background: #fafafa;
}
.our-engineers .section-title-block {
  margin-bottom: 70px;
}
.our-engineers .engineer-details {
  background: #990501;
  padding: 12px 24px;
  text-align: center;
}
.our-engineers .engineer-details h4 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.our-engineers .engineer-details p {
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.our-engineers .engineer-details .social-links li {
  display: inline-block;
  margin-right: .4em;
}
.our-engineers .engineer-details .social-links li:last-child {
  margin-right: 0;
}
.our-engineers .engineer-details .social-links li a {
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: #333333;
  color: #ffffff;
}
/*=======================
  OUR BLOG
  =======================*/
.our-blog{
  background:#FFCC00;
}

.our-blog .area-title {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .our-blog .area-title {
    text-align: center;
  }
}
.our-blog .blog-posts > li {
  margin-bottom: 48px;
}
@media (max-width: 767px) and (min-width: 460px) {
  .our-blog .blog-posts > li {
    padding-left: 5em;
    padding-right: 5em;
  }
}
.our-blog .blog-posts > li .image-block {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .our-blog .blog-posts > li .image-block {
    width: 18.5em;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .our-blog .blog-posts > li .blog-content {
    width: calc(100% - 20em);
    float: left;
  }
}
.our-blog .blog-posts > li .blog-content .post-meta li {
  display: inline-block;
  margin-right: 1em;
}
.our-blog .blog-posts > li .blog-content .post-meta li:last-child {
  margin-right: 0;
}
.our-blog .blog-posts > li .blog-content .post-meta li span {
  margin-right: 5px;
}
.our-blog .blog-posts > li .blog-content .post-meta li a {
  color: #333333;
}
.our-blog .blog-posts > li .blog-content .post-title {
  line-height: 1.5;
}
.our-blog .blog-posts > li .blog-content .post-title a {
  color: #333333;
}
.our-blog .blog-posts > li .blog-content .read-more-link {
  display: inline-block;
  margin-top: 0;
  color: #990501;
}
/*=======================
  WHY CHOOSE US 
  =======================*/
.why-choose-area .area-title {
  margin-bottom: 48px;
}
.why-choose-area .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #e6e6e6;
}
.why-choose-area .panel + .panel {
  margin-top: -1px;
}
.why-choose-area .panel-heading {
  background: #fafafa;
  color: #333333;
}
.why-choose-area .panel-heading a {
  color: #333333;
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
}
.why-choose-area .panel-heading a:focus {
  text-decoration: none;
}
.why-choose-area .panel-body {
  padding: 24px;
}
.why-choose-area .read-more-link {
  margin-top: 12px;
  color: #990501;
}
/*=======================
  FUN FACTS
  =======================*/
.fun-facts {
  background: url(../img/construction/facts-bg.jpg) no-repeat center;
  position: relative;
  z-index: 1;
  padding-top: calc(8em - 48px);
}
.fun-facts:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.fun-facts .section-content {
  color: #ffffff;
  text-align: center;
}
.fun-facts .section-content > div {
  margin-bottom: 48px;
}
.fun-facts .section-content .icon {
  font-size: 36px;
  color: #990501;
}
.fun-facts .section-content .icon-block {
  width: 5em;
  height: 5em;
  text-align: center;
  line-height: 5em;
  margin: auto;
  background: #FFCA00;
}
.fun-facts .section-content .icon-block .icon {
 
    color: #a22b2b;
    text-shadow: 2px 4px 6px #efede9;
}
.fun-facts .section-content h2 {
  color: #ffffff;
}
.fun-facts .section-content h2 span {
      font-size: 120px;
    display: block;
    font-size: 79%;
    color: white;
    text-shadow: 2px 2px 4px #9c9c9a;
    margin-top: 30px;
    /* text-transform: uppercase; */
    position: relative;
}
.fun-facts .section-content h2 span:before {
  content: '';
  width: 24px;
  height: 3px;
  background: #FFCC00;
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
/*=======================
  TESTIMONIAL 
  =======================*/
.testimonial-carousel {
  padding-bottom: calc(8em - 48px);
  /**
   * clients area
   */
}
.testimonial-carousel .area-title {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .testimonial-carousel .area-title {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .testimonial-carousel .testimonial-area {
    margin-bottom: 72px;
  }
}
.testimonial-carousel .carousel {
  /* carousel */
  text-shadow: none;
}
.testimonial-carousel .carousel .carousel-control-block .carousel-control {
  display: none;
}
.testimonial-carousel .carousel .carousel-indicators {
  color: #333333;
  border-color: #333333;
}
.testimonial-carousel .carousel .carousel-indicators li {
  border-color: #cccbcb;
}
.testimonial-carousel .carousel .carousel-indicators li.active {
  background: #cccbcb;
}
.testimonial-carousel .quote-wrapper blockquote {
  border: 1px solid #e6e6e6;
  padding: 30px;
  position: relative;
}
.testimonial-carousel .quote-wrapper blockquote:before,
.testimonial-carousel .quote-wrapper blockquote:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -24px;
  left: 1.5em;
  border: 12px solid transparent;
  border-top-color: #e6e6e6;
}
.testimonial-carousel .quote-wrapper blockquote:after {
  border-top-color: #ffffff;
  border-width: 12px;
  bottom: -23px;
}
.testimonial-carousel .quote-wrapper .quote-author {
  position: relative;
  margin-bottom: 8em;
}
.testimonial-carousel .quote-wrapper .quote-author img {
  width: 5em;
  float: left;
  margin-top: -12px;
}
.testimonial-carousel .quote-wrapper .quote-author h5 {
  text-transform: uppercase;
  margin-left: calc(5em + 30px);
  margin-bottom: 6px;
  margin-top: 42px;
}
.testimonial-carousel .quote-wrapper .quote-author p {
  margin-left: calc(5em + 30px);
}
.testimonial-carousel .quote-wrapper .quote-author:after {
  content: "\f347";
  font-family: Ionicons;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  font-size: 48px;
  position: absolute;
  right: .5em;
  bottom: -0.3em;
  color: #e6e6e6;
}
.testimonial-carousel .clients-area .client-list li {
  width: 33.33%;
  float: left;
  padding: 24px 48px;
  height: 96px;
  position: relative;
}
.testimonial-carousel .clients-area .client-list li:nth-child(even) {
  background: #fafafa;
}
@media (max-width: 480px) {
  .testimonial-carousel .clients-area .client-list li {
    width: 50%;
  }
  .testimonial-carousel .clients-area .client-list li:last-child {
    display: none;
  }
  .testimonial-carousel .clients-area .client-list li:nth-child(3) {
    background: #fafafa;
  }
  .testimonial-carousel .clients-area .client-list li:nth-child(4) {
    background: #ffffff;
  }
  .testimonial-carousel .clients-area .client-list li:nth-child(7) {
    background: #fafafa;
  }
  .testimonial-carousel .clients-area .client-list li:nth-child(8) {
    background: #ffffff;
  }
}
.testimonial-carousel .clients-area .client-list li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 96px;
  margin: auto;
}
/*=======================
  MAIN FOOTER 
  =======================*/
.main-footer {
  background: #1a1a1a;
  color: #ffffff;
}
.main-footer .footer-content {
  /* footer content */
  padding-top: 3em;
}
@media (max-width: 768px) {
  .main-footer .footer-content {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .main-footer .footer-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.main-footer .footer-content .content-block {
  margin-bottom: 48px;
}
.main-footer .footer-content .block-heading {
  /* block heading */
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.main-footer .footer-content .short-about {
  /* about */
}
.main-footer .footer-content .short-about h4 {
  color: #ffffff;
  text-transform: uppercase;
}
.main-footer .footer-content .short-about p {
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul {
  margin-top: 28px;
}
.main-footer .footer-content .short-about ul li {
  display: inline-block;
  transition: .4s;
  margin-right: 2px;
}
.main-footer .footer-content .short-about ul li .icon-block {
  width: 42px;
  height: 42px;
  background: transparent;
  color: #333333;
  line-height: 42px;
  text-align: center;
  transition: .3s;
  font-size: 17.5px;
  border: 1px solid #4d4d4d;
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul li:hover .icon-block {
  background: #990501;
  color: #ffffff;
  border-color: #b37f00;
}
.main-footer .footer-content .short-about ul li:last-child {
  margin-right: 0;
}
.main-footer .footer-content .address-block {
  /* address */
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link span,
.main-footer .footer-content .address-block .phone-call span {
  margin-right: 14px;
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link a,
.main-footer .footer-content .address-block .phone-call a {
  color: #fdf7f7;
}
.main-footer .footer-content .address-block .email-link a:nth-of-type(2),
.main-footer .footer-content .address-block .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.main-footer .footer-content .address-block .email-link {
  margin-bottom: 21px;
}
.main-footer .footer-content .useful-links {
  /* userful links */
}
.main-footer .footer-content .useful-links ul li {
  margin-bottom: 14px;
}
.main-footer .footer-content .useful-links ul li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .useful-links ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .footer-content .useful-links ul li a:hover {
  color: #990501;
}
.main-footer .footer-content .twitter-updates {
  /* twitter updates */
}
.main-footer .footer-content .twitter-updates .tweet-list li {
  margin-bottom: 21px;
}
.main-footer .footer-content .twitter-updates .tweet-list li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .twitter-updates .tweet-list li p {
  color: #cccbcb;
}
.main-footer .footer-content .twitter-updates .tweet-list li p a {
  color: #FFCA00;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time {
  font-style: italic;
  font-size: 13px;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time span {
  font-style: normal;
  font-size: 14px;
}
.main-footer .copyright-info {
  /* copyright info */
  background: #333333;
  padding: 21px 0;
  position: relative;
}
.main-footer .copyright-info .copyright-block p {
  margin-bottom: 0;
  color: #cccbcb;
}
@media (max-width: 767px) {
  .main-footer .copyright-info .copyright-block p {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.main-footer .copyright-info .extra-link ul {
  margin-bottom: 0;
  text-align: right;
}
.main-footer .copyright-info .extra-link ul li {
  display: inline-block;
  margin-right: 14px;
}
.main-footer .copyright-info .extra-link ul li:last-child {
  margin-right: 0;
}
.main-footer .copyright-info .extra-link ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .copyright-info .extra-link ul li a:hover {
  color: #990501;
}
.main-footer .copyright-info .back-to-top {
  /* block top title */
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  background: #ffffff;
  color: #333333;
  top: -1.5em;
  transition: .3s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.main-footer .copyright-info .back-to-top a {
  color: #333333;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-footer .copyright-info .back-to-top:hover {
  background: #990501;
}
.main-footer .copyright-info .back-to-top:hover a {
  color: #ffffff;
}
/*=======================
  MISC
  =======================*/
/* styling for pop up js */
.popup .popup_content img {
  max-height: 100%;
}
.popup_cont {
  z-index: 2000;
}
/* blog carousel */
.blog-carousel {
  /* styling for owl carousel item */
  overflow: hidden;
}
/**
 * owl carousel for blog postss
 */
.our-blog .owl-carousel .owl-controls .owl-nav {
  margin-top: 48px;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  transition: .3s;
  padding: 0;
  border-radius: 0;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next:hover {
  background: #990501;
}
/**
 * owl carousel for clients
 */
.our-clients .owl-carousel .owl-nav {
  margin-top: 48px;
}
/**
 * owl navigation for engineers
 */
.engineers .owl-nav {
  margin-top: 48px;
}
.engineers .owl-nav .owl-prev,
.engineers .owl-nav .owl-next {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  transition: .3s;
  padding: 0;
  border-radius: 0;
}
.engineers .owl-nav .owl-prev:hover,
.engineers .owl-nav .owl-next:hover {
  background: #990501;
}
/*=======================
  BLOG
  =======================*/
.blog-content p
{
color:#000000;
}
.blog-posts {
  margin-top: 3em;
}
.blog-posts .content .the-post {
  /* styling the blog post */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #fafafa;
}
.blog-posts .content .the-post .img-content {
  background-size: cover;
  background-position: center;
}
.blog-posts .content .the-post .blog-content {
  /* blog content */
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.blog-posts .content .the-post .blog-content .post-author {
  width: 90px;
  height: 90px;
  border: 3.5px solid #ffffff;
  position: absolute;
  top: -3em;
  left: 28px;
}
.blog-posts .content .the-post .blog-content .post-title {
  /* post title */
  padding-bottom: 14px;
  margin: 21px 28px 0;
  text-transform: uppercase;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post .blog-content .post-title {
    font-size: 18px;
  }
}
.blog-posts .content .the-post .blog-content .post-title a {
  color: #333333;
  transition: .3s;
}
.blog-posts .content .the-post .blog-content .post-title:hover a {
  color: #990501;
}
.blog-posts .content .the-post .blog-content .post-text {
  /* post text // you can style here for post formatting */
  padding: 0px 28px 28px;
  margin: 0;
}
.blog-posts .content .the-post .blog-content .post-meta {
  /* post meta */
  font-family: 'montserratregular';
  margin: 0 28px 0 calc(6em + 28px + 28px );
  padding-top: 28px;
  text-transform: uppercase;
  font-size: 13px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta {
    margin-left: 28px;
    padding-top: 5em;
    font-size: 12px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li {
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta li {
    margin-right: 7px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li a {
  color: #1a1a1a;
  font-weight: 700;
  transition: .2s;
  margin-left: 3px;
}
.blog-posts .content .the-post .blog-content .post-meta li a:hover {
  color: #990501;
}
.blog-posts .content .the-post .blog-content .post-meta li:last-child {
  margin-right: 0;
}
.blog-posts .content .the-post .blog-content footer {
  padding: 28px 0;
  margin: 0 28px;
  border-top: 1px solid #e6e6e6;
  font-family: 'montserratregular';
}
.blog-posts .content .the-post .blog-content footer a {
  color: #1a1a1a;
  font-weight: bold;
}
.blog-posts .content .the-post .blog-content footer a:hover {
  color: #990501;
}
.blog-posts .content .the-post .blog-content footer a:hover span {
  color: #1a1a1a;
}
.blog-posts .content .the-post .blog-content footer .post-category {
  float: left;
}
.blog-posts .content .the-post .blog-content footer .post-category span {
  margin-right: 3.5px;
}
.blog-posts .content .the-post .blog-content footer .read-more-link {
  float: right;
}
.blog-posts .content .the-post.single {
  /* style for single post article */
}
.blog-posts .content .the-post.single .blog-content .post-meta li a {
  margin-left: 3.5px;
  transition: .3s;
}
.blog-posts .content .the-post.single .blog-content .post-meta li a:hover {
  color: #b37f00;
}
.blog-posts .content .the-post.single .blog-content .post-meta li:last-child a {
  margin-left: 0;
}
.blog-posts .content .the-post.single .blog-content .post-text {
  /* post formatting in single post */
  padding: 14px 28px 28px;
}
.blog-posts .content .the-post.single .blog-content .post-text blockquote {
  margin-top: 2em;
  margin-bottom: 2em;
  color: #8c8c8c;
}
.blog-posts .content .the-post.single .blog-content .post-footer {
  padding: 28px 0px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .footer-title {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul {
  margin-bottom: 0;
  font-size: 13px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li {
  display: inline-block;
  margin-right: 7px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block {
    margin-bottom: 28px;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li a:after {
  content: ',';
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li:last-child a:after {
  content: none;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
  text-align: right;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
    text-align: left;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul {
  margin-left: -3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li a {
  padding: 0 3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.blog-posts .content .comments-block {
  /* comments block */
  background: #fafafa;
  margin-bottom: 3em;
}
.blog-posts .content .comments-block .comment-block-title {
  padding: 21px 35px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .comments-block .comment-list {
  margin: 0;
  padding: 21px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list {
    padding: 21px;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block {
  border-bottom: 1px solid #e6e6e6;
  padding: 42px 0 32px;
  /* extra 10 commes from bootstraps p elements bottom margin */
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
  width: 6em;
  float: left;
  margin-right: 2em;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
  width: calc(100% - 8em);
  float: left;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
    width: 100%;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
  margin-top: 0;
  margin-bottom: 21px;
  font-weight: normal;
  color: #999999;
  font-size: 13px;
  font-family: 'source_sans_proregular';
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
  font-weight: 700;
  color: #333333;
  margin-right: 14px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 14px;
  font-family: 'montserratregular';
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
    display: block;
    margin-bottom: .5em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta span {
  font-weight: 700;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply {
  display: inline-block;
  font-weight: 700;
  color: #333333;
  margin-left: 14px;
  font-size: 14px;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #333333;
  display: block;
  margin-top: 3.5px;
}
@media (max-width: 768px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
    line-height: 1.5;
  }
}
.blog-posts .content .comments-block .comment-list .comment:last-child .comment-block {
  border-bottom: 0;
  border-top: 1px solid #e6e6e6;
}
.blog-posts .content .comments-block .comment-list .comment .reply-block {
  padding-left: 6em;
}
@media (max-width: 767px) {
  .blog-posts .content .comments-block .comment-list .comment .reply-block {
    padding-left: 2em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .reply-block .comment-block {
  border-top: 0;
}
.blog-posts .content .add-comment-block {
  /* add comment block */
  background: #fafafa;
  margin-bottom: 5em;
}
.blog-posts .content .add-comment-block .add-comment-block-title {
  padding: 21px 35px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .add-comment-block form {
  padding: 42px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .content .add-comment-block form .form-group .form-control {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
}
.blog-posts .content .add-comment-block form .form-group .form-control:focus {
  box-shadow: 0 0 1px #990501;
}
.blog-posts .content .add-comment-block form .form-group .form-control.message-input {
  height: 12.4em;
  padding: 14px;
}
.blog-posts .content .add-comment-block form .btn {
  color: #ffffff;
}
.blog-posts .sidebar {
  /* sidebar */
}
.blog-posts .sidebar .sidebar-block {
  /* sidebar block */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #fafafa;
  padding: 28px 28px 18px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .block-title {
  /* block title */
  margin: -29px -29px 28px;
  /* 1px added on left right to cover the border */
  padding: 21px 28px;
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.blog-posts .sidebar .sidebar-block h1,
.blog-posts .sidebar .sidebar-block h2,
.blog-posts .sidebar .sidebar-block h3,
.blog-posts .sidebar .sidebar-block h4,
.blog-posts .sidebar .sidebar-block h5,
.blog-posts .sidebar .sidebar-block h6 {
  color: #333333;
  line-height: 1.5;
  margin: 0;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block {
  width: 5em;
  height: 5em;
  float: left;
  margin-right: 21px;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block img {
  border: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block {
  width: calc(100% - 91px);
  float: left;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block a {
  margin-left: 3px;
  margin-right: 3px;
}
.blog-posts .sidebar .sidebar-block ul li {
  margin-bottom: 21px;
  padding-bottom: 21px;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block ul li h1,
.blog-posts .sidebar .sidebar-block ul li h2,
.blog-posts .sidebar .sidebar-block ul li h3,
.blog-posts .sidebar .sidebar-block ul li h4,
.blog-posts .sidebar .sidebar-block ul li h5,
.blog-posts .sidebar .sidebar-block ul li h6 {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul li h1 a,
.blog-posts .sidebar .sidebar-block ul li h2 a,
.blog-posts .sidebar .sidebar-block ul li h3 a,
.blog-posts .sidebar .sidebar-block ul li h4 a,
.blog-posts .sidebar .sidebar-block ul li h5 a,
.blog-posts .sidebar .sidebar-block ul li h6 a {
  color: #333333;
}
.blog-posts .sidebar .sidebar-block ul li h1 a:hover,
.blog-posts .sidebar .sidebar-block ul li h2 a:hover,
.blog-posts .sidebar .sidebar-block ul li h3 a:hover,
.blog-posts .sidebar .sidebar-block ul li h4 a:hover,
.blog-posts .sidebar .sidebar-block ul li h5 a:hover,
.blog-posts .sidebar .sidebar-block ul li h6 a:hover {
  color: #990501;
}
.blog-posts .sidebar .sidebar-block ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li {
  margin-bottom: 21px;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li:last-child {
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
  margin-bottom: 11.5px;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
    font-size: 90%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a {
  color: #333333;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a:hover {
  color: #990501;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
  text-transform: lowercase;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
    font-size: 95%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb .comment-author {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p {
  font-size: 12px;
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p a {
  color: #333333;
  font-weight: 700;
}
.blog-posts .sidebar .sidebar-block ul.circle-thumb .sidebar-img-block img {
  border-radius: 50%;
}
/**
 * pagination
 */
.pagination-block ul {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
.pagination-block ul li {
  display: inline-block;
  padding: 7px 0;
  margin-right: 3.5px;
}
.pagination-block ul li a {
  color: #333333;
  font-weight: 700;
  padding: 14px 21px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  transition: .3s;
}
.pagination-block ul li a:hover {
  background: #f5f5f5;
}
.pagination-block ul li.dots {
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 12px 21px;
}
.pagination-block ul li:first-child {
  float: left;
}
.pagination-block ul li:last-child {
  float: right;
}
.pagination-block ul li.active a {
  background: #990501;
  border-color: #b37f00;
  color: #ffffff;
}
.pagination-block ul li.active a:hover {
  background: #b37f00;
}
.pagination-block ul li:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .pagination-block ul li {
    /* removing numbered element on small screen except first child and last child */
    display: none;
  }
  .pagination-block ul li:first-child {
    display: inline-block !important;
  }
  .pagination-block ul li:last-child {
    display: inline-block !important;
  }
}
.blog-page {
  /* different style for pagination on blog page */
}
.blog-page .pagination-block ul {
  margin-bottom: 5em;
}

/* this contact form style shares the style with the index page's contact form */
@media (max-width: 1199px) {
  .contact-form {
    margin-top: 28px;
  }
}
.contact-form h5 {
  margin-top: 31px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.contact-form .form-message p {
  margin-bottom: 14px;
}
.contact-form .form-message p.success {
  background: #990501;
  color: #ffffff;
  padding: .8em;
}
.contact-form .form-message p.error {
  background: red;
  color: #ffffff;
  padding: .8em;
}
.contact-form .form-control {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
  padding-left: 14px;
  border-color: #e6e6e6;
}
.contact-form .form-content .name-field {
  padding-right: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .name-field {
    padding-right: 15px;
  }
}
.contact-form .form-content .email-field {
  padding-left: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .email-field {
    padding-left: 15px;
  }
}
.contact-form .form-content .message-field textarea {
  height: 8em;
  padding-top: 14px;
}
.contact-form .form-content .btn {
  color: #ffffff;
}
.address {
  /* ADDRESS BLOCK */
}
@media (max-width: 991px) {
  .address {
    margin-top: 28px;
  }
}
.address h5 {
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 28px;
}
.address .email-link {
  /* email link */
  margin-bottom: 14px;
}
.address .email-link span {
  margin-right: 14px;
}
.address .email-link a {
  color: #333333;
}
.address .email-link a:nth-of-type(2) {
  margin-left: 29px;
}
.address .phone-call {
  /* phone call */
}
.address .phone-call span {
  margin-right: 14px;
}
.address .phone-call a {
  color: #333333;
}
.address .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.google-maps-block {
  /* google map block */
  margin-top: 6em;
}
.google-maps-block .map {
  height: 400px;
  background: #fafafa;
}
/**
 * PORTFOLIO PAGE STYLE
 */
.portfolio-page .pagination-block ul {
  margin-bottom: 0;
}
/**
 * ABOUT PAGE
 */
.about-intro {
  padding-bottom: 0;
  /* content blcok */
}
@media (max-width: 767px) {
  .about-intro .content-block .content-wrapper {
    padding: 0 3em;
  }
}
@media (max-width: 480px) {
  .about-intro .content-block .content-wrapper {
    padding: 0 1.5em;
  }
}
@media (min-width: 768px) {
  .about-intro .content-block .block-top-title {
    margin-top: 5em;
  }
}
.about-intro .content-block .block-top-title p {
  font-size: 18px;
  line-height: 1.5;
}
.about-intro .image-block {
  /* image block */
  height: 420px;
}
.about-intro .image-block img {
  width: 300px;
  margin-left: 6em;
}
@media (max-width: 767px) {
  .about-intro .image-block img {
    margin: auto;
  }
}
/**
 * TAB STYLE
 */
.tab-section {
  padding-bottom: calc(8em - 48px);
}
.tab-block {
  margin-bottom: 48px;
}
.tab-block .nav-tabs {
  /* nav tabs */
}
.tab-block .nav-tabs li {
  width: 25%;
  float: left;
}
.tab-block .nav-tabs li a {
  text-align: center;
  font-family: 'montserratregular';
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  transition: .3s;
  margin: 0;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-radius: 0;
}
.tab-block .nav-tabs li:first-child {
  border-left: 1px solid #e6e6e6;
}
.tab-block .nav-tabs li.active a {
  border-left: none;
}
.tab-block .tab-content {
  /* tab content */
}
.tab-block .tab-content .tab-content-wrap {
  padding: 14px 28px;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.tab-block .tab-content h2 {
  margin-bottom: 28px;
}
.tab-block.tab-style-1 {
  /* tab style 1 */
}
.tab-block.tab-style-1 .nav-tabs li a {
  color: #333333;
}
.tab-block.tab-style-1 .nav-tabs li a:hover {
  color: #990501;
}
.tab-block.tab-style-1 .nav-tabs li:not(.active) a {
  background: #fafafa;
  border-bottom-color: #e6e6e6;
}
.tab-block.tab-style-2 {
  /* tab style 2 */
}
.tab-block.tab-style-2 .nav-tabs li a {
  background: #fafafa;
  color: #333333;
}
.tab-block.tab-style-2 .nav-tabs li a:hover {
  color: #990501;
}
.tab-block.tab-style-2 .nav-tabs li:not(.active) a {
  background: #f5f5f5;
  border-bottom-color: #e6e6e6;
}
.tab-block.tab-style-2 .tab-content {
  background: #fafafa;
}
/**
 * ACCORDION
 */
.accordion-block .panel {
  /* panel */
  border-radius: 0;
  border-color: #e6e6e6;
}
.accordion-block .panel-default {
  /* panel default */
}
.accordion-block .panel-default .panel-heading {
  border-radius: 0;
  padding: 0;
}
.accordion-block .panel-default .panel-heading a {
  padding: 21px;
  display: block;
}
.accordion-block .panel-default .panel-heading a:hover {
  color: #990501;
}
.accordion-block .panel-default .panel-heading a:focus {
  text-decoration: none;
  color: #990501;
}
.accordion-block .panel-default .panel-body {
  padding: 28px;
}
.accordion-block.accordion-style-1 {
  /* accordion style 1 */
}
.accordion-block.accordion-style-1 .panel-heading {
  background: #fafafa;
}
.accordion-block.accordion-style-2 {
  /* accordion style 2 */
}
.accordion-block.accordion-style-2 .panel-heading {
  background: #f5f5f5;
  color: #0d0d0d;
}
.accordion-block.accordion-style-2 .panel-body {
  background: #fafafa;
}
/**
 * TYPOGRAPHY 
 */
.typography-page .content-block {
  margin-bottom: 5em;
}
.typography-page .block-top-title {
  margin-bottom: 1em;
}
.typography-page .heading-block h1,
.typography-page .heading-block h2,
.typography-page .heading-block h3,
.typography-page .heading-block h4,
.typography-page .heading-block h5,
.typography-page .heading-block h6 {
  margin-bottom: 35px;
}
/* heading section */
.heading-section {
  padding-bottom: 2em;
}
/* column section */
.column-section {
  padding-bottom: 2em;
  border-top: 1px solid #e6e6e6;
}

/*Flash teext*/
.flash {
   animation-name: flash;
    animation-duration: 0.2s; 
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: blue;}
}
/*---*/
.navbar-brand {
    height: 100px;
	padding:0px;
}

.yellow
{
color:#981a25;
}

.date
{
background:#000000;

  font-family: 'Roboto', sans-serif!important;
font-size:20px;
color:#FFFFFF;
padding:5px;
text-align:center;
line-height:20px;
padding-top:10px;
margin-bottom:25px;
}

.smallfont
{
font-size:10px;
}

.rowmargin
{
margin-left:0px;
margin-right:0px;
}

.courses h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: .3s;
  font-weight: bold;
  padding-left:15px;
  color: #990501;
  font-family: 'montserratregular';
  text-transform: uppercase;
  font-size: 18px;
}


@media (min-width:750px)
{
.courses
{
display:none !important;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}

@media (min-width:0px) and (max-width:750px)
{
.mega-menu
{
display:none;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
@media (min-width:750px) and (max-width:1186px)
{
.logo
{
width:100%;
}

	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
@media (max-width: 696px) and (min-width: 538px)
{
#logo-main {
    position: relative;
    padding-top: -59px;
    margin-top: 4px;
    height: 116px!important;
    width: 84%;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
@media (max-width: 1366px) and (min-width: 1025px){
    #inner-img
{
    height:270px!important;
    
}

}

@media (max-width: 5000px) and (min-width: 1025px){
  #logo-main {
      width: 63%!important;
    position: relative !important;
}

    #text
{
    position:absolute;right:20px!important;top:-4px!important;
}
#saints
{
    position:absolute;right:278px!important;top:31px;
}
header .top-bar ul li a {
    font-size: 14px!important;
}
}
@media (max-width: 1366px) and (min-width: 1024px){
    #saints {
    position: absolute;
    right: 243px!important;
    top: 26px;
}
    #text
{
    position:absolute;right:20px!important;top:-4px;
}
    .btn-primary
    {
        font-size: 14px!important;
    }
     #logo-main {
    position: relative !important;
    width: 55%!important;
}
.our-service .service-content > div {
    margin-bottom: 48px;
    height: 300px;
}
.content {
    position: absolute;
    bottom: 223px!important;
}
.e-book {
    position: absolute;
    bottom: 116px!important;
    color: #c40d0d;
    font-size: 35px;
    left: 29px;
    text-shadow: 2px 2px 4px #bba861;
}
.book-p {
    position: absolute;
    bottom: 69px!important;
    text-align: left;
    color: #c40d0d;
    font-size: 15px;
    left: 33px;
}
   
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
#text
{
    position:absolute;right:60px!important;    top: -20px;
}
#saints
{
    width: 83%;
    right: 278px!important;
    top: 20px;
}
header .navbar.navbar-default .navbar-collapse
{
  /*  padding-top:125px;*/
}
header .top-bar ul.top-bar-meta li {
    margin-right: 13px;
}
header .top-bar ul li a
{
    font-size:12px;
}
}
@media (max-width: 720px) and (min-width: 540px)
{
header .top-bar ul.top-bar-meta {
    text-align: center;
}
.content {
    position: absolute;
    bottom: 312px!important;
    background: rgb(0, 0, 0);
    background: rgb(17 15 11 / 48%);
    color: #f1f1f1;
    width: 92%;
    padding: 20px;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
.btn-lg1
{
    width:100%!important;
}
}
@media (max-width: 568px) and (min-width: 320px)
{
    #calinner-banner
{
	width:100%;height:250px!important;
}
#inner-img
{
    height:370px!important;
}
#logo-main {
    position: relative;
    padding-top: -59px;
    height: 63px!important;
    width:82%!important
}
.btn-primary {
    
    margin-left: -25px;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
@media (max-width: 1024px) and (min-width: 768px)
{
header .top-bar ul.top-bar-meta {
    text-align: center;
}

.effect4
{
    width:200px!important;
}
#calinner-banner
{
    height:357px!important;
}
.content {
    position: absolute;
    bottom: 450px;
    background: rgb(0, 0, 0);
    background: rgb(17 15 11 / 48%);
    color: #f1f1f1;
    width: 92%;
    padding: 20px;
}
  #about-img
    {
    width: 100%!important;
    height: 350px!important;
}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
#text
{
    position:absolute;right:20px!important;
}
#saints
{
    position:absolute;right:300px;
}
#image-pub
{ width: 91%;
    height: 350px;
   margin-bottom:13px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.centered {
	background-color: #ffca00;
    padding: 10px;
    width: 75%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 45px;
    font-size: 18px;
    text-shadow: 2px 2px 4px #a79c9c;
    /* letter-spacing: 1px; */
    font-weight: 500;
    font-family: roboto,sans-serif;
    color: #7b0d0d;
    position: absolute;
    bottom: 40px;
    left: -3px;

}
.whatsappp {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
}
.whatsappp img
{
width:50px;
height:50px;}
.bounce {
    animation-name: bounce;
}
.animated {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
#logo-main
{
	width:100%;
}
#cal-banner
{
	width:100%;height:650px;
}
#calinner-banner
{
width:100%!important;height:450px;
}
.top-centered {
position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    left: 29%;
    transform: translate(-29%, -49%);
    white-space: normal;
    font-weight: 700;
    font-size: 48px;
    color: #ffca00;
    text-shadow: rgb(15 16 17) 3px 2px;
    border-width: 0px;
    text-transform: uppercase;
}
.top-para
{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 58%;
    left: 29%;
    transform: translate(-29%, -49%);
	margin-left: 17px;
    font-size: 18px;
    text-shadow: 2px 2px 4px #000000;
    color: white!important;
}
.top-para1
{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 55%;
    left: 1%;
    transform: translate(-29%, -49%);
    margin-left: 17px;
    font-size: 18px;
    text-shadow: 2px 2px 4px #000000;
    color: white!important;
}
.top-left {   

 position: absolute;
    top: 8px;
    left: 16px;
    white-space: normal;
    font-weight: 700;
    line-height: 63px;
    transform: translate(7%, 118%);
    font-size: 48px;
    color: #ffca00;
    text-shadow: rgb(15 16 17) 3px 2px;
    border-width: 0px;
    text-transform: uppercase;
}
#ad-right
{
	position:absolute;right:50px;
}
#inner-about
{
	width:100%;height:100%;border: 1px solid #d0d0d0;
  border-radius: 4px;padding:5px;-webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
.breadcrumb
{
	background:none!important;line-height: 60px;
	    text-align: center;    padding:60px 15px;
}
#span-bar{
	position: absolute;
    top: 9px;
}
#about-title
{
	font-size:27px;font-weight:700; color: #d01627;text-transform:uppercase!important;
}
#rel-head
{
	background-color:#b51d2a;color:white;text-align:center;height:40px;
	    box-shadow: 0 4px 8px 0 rgb(190 185 185 / 58%), 0 6px 20px 0 rgb(0 0 0 / 18%);
}
#rel-head span{
	font-size:20px;text-align:center;
}
#about-span
{
	font-size:20px;font-weight:600;color:#d01627!important;
}
.e-book {
  position: absolute;bottom:148px;
  color:#c40d0d;font-size:35px;
  left:29px;
  text-shadow: 2px 2px 4px #bba861;
}
.book-p
{
position: absolute;
    bottom: 94px;
    text-align: left;
    color: #c40d0d;
    font-size: 15px;
    left: 33px;
}
.centered1 {
      color: white;
    position: absolute;
    top: 25%;
    font-weight: 700;
    font-size:50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.breadcrumb>.active
{
	color:#fff!important;
}
.fa-quote-right

{
	color: #f30000;
    font-size: 14px;
}
.fa-quote-left

{
	color: #f30000;
    font-size: 14px;
}
#cap-style{
	    font-size: 107px;
    color: white;
    right: 26px;
    /* left: 118px; */
    opacity: 0.2;
    position: absolute;
}
#phone-style{
	    font-size: 90px;
    color: white;
    left: 20px;
    opacity: 0.2;
    position: absolute;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border-color: #292424!important;
}

#about-car
{
    border: 1px solid #3a3535;margin-left:10px;width:97%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 33%), 0 6px 20px 0 rgb(0 0 0 / 49%);
}
#about-right
{
	text-align:left;font-size:15px;line-height:40px;font-weight:400;				
    background: linear-gradient(to right, #faa71d8a 0%, #fef66d 100%);margin-top:-11px;
    padding-left: 10px;
}
#about-img
{
	width:100%;
	transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   border:2px solid black;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#about-img:hover
{
	
transform:scale(5.1);
-webkit-transform:scale(0.9);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
.tweet-list1 li
{
	border-bottom:1px solid #faa71d70;
}
.tweet-list1 li i
{
	color:black!important;margin-left: 10px;
}
.color-hy
{
	    color:black!important;
    font-size: 16px !important;
    text-decoration:none !important;
}
/*----*/
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
    #about-img
    {
    width: 100%!important;
    height: 220px!important;
}
	.form-group p 
{
	margin-left: 0px!important;
    text-align: left!important;
    font-size: 14px!important;
    margin-top: 0px!important;
    position: relative!important;
    line-height: 25px!important;
}
.icon-bar1 {
   position: fixed;
    z-index: 1000;
    top:140px!important;right:0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.effect4 
{
	width:100px!important;
	height:100px!important;
}
.e-book
{
bottom: 123px!important;
    font-size: 25px;
    left: 31px;
}
.book-p
{
	bottom:75px!important;
}
.webdesignnn-bread  h1
{
	font-size:23px!important;text-align:center;margin-top:10px!important;
}
.breadcrumb
{
	    margin-top: 50px;
    line-height: 19px!important;
}
	#inner-about
{
	width:100%;height:210px;border: 1px solid #d0d0d0;
  border-radius: 4px;padding:5px;-webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
	
	header .navbar.navbar-default
	{
		border:none!important;
	}
	.centered1 {
    color: white;
    position: absolute;
    top: 14%!important;
    font-weight: 700;
    font-size: 20px!important;
    left: 20%;
    transform: translate(-50%, -50%);
	}
	.breadcrumb {
    background: none!important;
    text-align: center;
    padding: 17px 15px!important;
	}
#inner-banner
{
	width:100%;
	height:130px!important;
}
header .top-bar ul li a {
  line-height:43px!important;font-size:11px!important;
  color: #ffffff;text-decoration:none;
}
header .navbar.navbar-default .navbar-collapse
{
	border-top:0px!important;
}
#cal-banner
{
	width:100%;height:220px!important;
}
#calinner-banner
{
	width:100%;height:220px;
}
#about-car
{
	width:95%!important;
}
#logo-main
{
       position: relative;
    padding-top: -59px;
    margin-top: 4px;
    height: 69px!important;
    width: 84%;
}
.navbar-default .navbar-toggle
{
	top:13px!important;
}
.fa-angle-right 
{
	margin-top:100px;font-size:20px!important;
	margin-right:0px!important;
}
.fa-angle-left
{
	margin-top:100px;font-size:20px!important;
	margin-left:0px!important;
}

.top-centered {

    position: absolute;
    width: 100%;
    text-align: center;
    top: 41%;
    line-height: 30px;
    left: 31%;
    transform: translate(-29%, -49%);
    white-space: normal;
    font-weight: 700;
    font-size: 19px;
    color: #ffca00;
    text-shadow: rgb(15 16 17) 3px 2px;
    border-width: 0px;
    text-transform: uppercase;
}
.top-para
{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 64%;
    left: 25%;
    transform: translate(-29%, -49%);
    /* margin-left: 17px; */
    font-size: 7px;
    text-shadow: 2px 2px 4px #000000;
    color: white!important;
}

.top-para1
{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 65%;
    left: 13%;
    transform: translate(-29%, -49%);
    margin-left: 17px;
    font-size: 9px;
    text-shadow: 2px 2px 4px #000000;
    color: white!important;
}
.top-left {   

    position: absolute;
    width: 100%;
    /* text-align: center; */
    top: 45%;
    line-height: 26px;
    left: 31%;
    transform: translate(-29%, -49%);
    white-space: normal;
    font-weight: 700;
    font-size: 17px;
    color: #ffca00;
    text-shadow: rgb(15 16 17) 3px 2px;
    border-width: 0px;
    text-transform: uppercase;
}
#ad-right{
	position: absolute;
    right: 50px;
    left: -12px;
    bottom: -4px;
}
.fa-angle-right
	{
	    display:none!important;
	}
	.fa-angle-left
	{
	    display:none!important;
	}
}

/*------inner page banner design--*/

.page-banner{
	position:relative; height: 480px;
	padding: 0;height:210px;
	color: #ffffff;overflow-y:hidden;
	background: #0f2c36;overflow-x:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.page-banner .faded-text{
	top: 150px;
}

.page-banner .faded-text.light .f-text span{
	font-size: 240px;
	color: rgba(255,255,255,0.05);
	text-shadow: none;
  -webkit-text-fill-color: rgba(0,0,0,0); /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255,255,255,0.15);
}

.page-banner .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}

.page-banner .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	    background: rgb(21 15 16 / 63%);

}

.page-banner .banner-inner{
	position: relative;
	display: block;
	text-align: center;
	z-index:2;
}

.page-banner .inner-container{
	position: relative;
	padding: 0px 0px 0px 0; top: -13px;
}

.page-banner h1{
	position:relative;
	font-size:40px;top:60px;
	/*color:#ffffff;*/
	line-height: 1.2em;
	font-weight: 700;
	letter-spacing: 0px;
	/*text-transform: uppercase;*/
	margin: 0; 
	color: white;
}
.breadcrumb>li
{
	font-size:13px;
	text-transform:uppercase;
}



/*modal*/

.email-signature{
    color: #fff;
    background: #3c40c6;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding: 20px 35px;
    border-radius: 50px 0;
    overflow: hidden;
    position: relative;
}
.email-signature:before,
.email-signature:after{
    content: '';
    background-color: #fff;
    height: 25%;
    width: 5px;
    border-radius: 0 0 20px 20px;
    box-shadow: -10px -20px 0 0 #fff, -20px -40px 0 0 #fff;
    position: absolute;
    right: 5px;
    top: 0;
}
.email-signature:after{
    box-shadow: 10px -20px 0 0 #fff, 20px -40px 0 0 #fff;
    transform: rotateX(180deg);
    left: 5px;
    right: auto;
    top: auto;
    bottom: 0;
}
.email-signature .signature-icon{
    width: 170px;
    height: 170px;
    padding: 15px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
}
.email-signature .signature-icon:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    clip-path: polygon(0% 15%, 25% 25%, 15% 0%, 85% 0%, 75% 25%, 100% 15%, 100% 85%, 75% 75%, 85% 100%, 15% 100%, 25% 75%, 0% 85%);
}
.email-signature .signature-icon img{
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #555;
}
.email-signature .icon{
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
.email-signature .icon li{
    display: inline-block;
    margin: 0 3px;
}
.email-signature .icon li a{
    color: #3c40c6;
    background: #fff;
    font-size: 15px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease 0s;
}
.email-signature .icon li a:hover{
    color: #fff;
    background: #3c40c6;
    box-shadow: 0 0 5px #fff
}
.email-signature .signature-details{ margin: 0 0 15px; }
.email-signature .signature-details:before,
.email-signature .signature-details:after{
    content: '';
    height: 2px;
    width: 40%;
    margin: 0 auto 15px;
    display: block;
}
.email-signature .signature-details:after{
    width: 60%;
    margin: 15px auto 0;
}
.email-signature .title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.email-signature .title span{ font-weight: 500; }
.email-signature .post{
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.email-signature .signature-content{
    padding: 0;
    margin: 0;
    list-style: none;
}
.email-signature .signature-content li{
    font-size: 14px;
    margin: 0 0 7px;
}
.email-signature .signature-content li:after{
    content: '';
    height: 2px;
    width: 30%;
    margin: 7px auto 0;
    border-top: 2px dotted rgba(255,255,255,0.2);
    display: block;
}
.email-signature .signature-content li:last-child{ margin: 0; }
.email-signature .signature-content li:last-child:after{ display: none; }
.email-signature .signature-content li span{
    font-size: 13px;
    margin-right: 6px;
}
#featured-section
{
	
background:url(../img/backbg.png) left top repeat;
}

a{text-decoration:none!important;}
#flash-text
{
font-size: 22px;
    padding: 10px;
    font-weight: 600;width:100%;
    background:#ffc155bd;
}
.con-ad
{
	    color: #f5d469;
    border: 1px solid white;
    padding: 9px 29px 9px 29px;
    font-size: 18px;
    text-decoration: none;
}
.con-ad:hover
{
	    color:black;
    border: 1px solid white;
    padding: 9px 29px 9px 29px;
	background:#f5ca1d;
    font-size: 18px;
    text-decoration: none;
}
.content p
{
	color:white!important;font-size:20px;text-align:center;padding-bottom:10px;
}
#about-rightactive
{
	text-align:left;font-size:15px;line-height:40px;font-weight:400;
	padding-left:10px!important;
    background:#faa71d;
    margin-left: -10px;margin-bottom:-1px;padding:2px;
}
#about-rightactive i
{
	color:white!important;
}
#about-rightactive a
{
	color:white!important;
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
   margin-top:22px;
    background: #777;
    -webkit-box-shadow: 0 4px 12px #777;
  -moz-box-shadow: 0 15px 10px #777;
}
.effect4:hover{

  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.serviceBox{
    color: #666;
    background: linear-gradient(to right,#f1c40f 49%,#f39c12 50%);
    text-align: center;
    padding: 2px 10px 12px;
    border-radius: 150px 0 50px 50px;
    transition: all 0.3s ease 0s;
}
.serviceBox .service-content{
    background: linear-gradient(to top left, #fff,#fff,rgba(255,255,255,0.8));
    padding: 20px 13px;
    border-radius: 0 130px 50px 50px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
.serviceBox .service-icon{
    color: #f1c40f;
    font-size: 50px;
    margin: 0 0 10px 0;
}
.serviceBox:hover .service-icon i{
    color: #da8219;
    transform: rotateY(360deg);
    transition: all 0.3s;
}
.serviceBox .title{
    color: #da8219;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description{
    font-size: 15px;
    line-height: 25px;
}
.serviceBox.purple{ background: linear-gradient(to right, #ae3de2 49%, #8622d5 50%); }
.serviceBox.purple .service-icon{ color: #ae3de2; }
.serviceBox.purple .service-icon:hover{ color: #ae3de2; 
   -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);}
.serviceBox.purple:hover .service-icon i,
.serviceBox.purple .title{
    color: #8622d5;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}
b
{
	font-size:16px!important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #3c3838!important;
}
.table
{
	margin-bottom:10px!important;
}
.table-responsive p
{
	font-size:15px!important;padding:5px;padding-top:10px;
}
.table-responsive
{
	margin-bottom:20px!important;margin-top:15px!important;
}
.table thead th
{
	text-align:center!important;font-size:18px;color:#12158c!important;
}

.table tbody tr td {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}




/* form*/
.form-container{
    background-color: rgba(255,255,255,0.9);
    font-family: 'Titillium Web', sans-serif;
    padding: 25px 30px 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.form-container .title{
    color: #333;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 25px;
}
.form-container .title:after{
    content: '';
    background-color: #faa71d;
    height: 2px;
    width: 150px;
    margin: 5px auto 0;
    clear: both;
    display: block;
}
.form-container .form-horizontal{
    margin: 0 0 20px;
    font-size: 0;
}
.form-container .form-horizontal .sub-title{
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    margin: 0 0 15px;
    padding: 17px 0 0;
}
.form-horizontal .form-group{
    width: calc(50% - 10px);
    margin: 0 10px 15px 0;
	text-align:left!important;
    display: inline-block;
}
.form-group p 
{
	
    margin-left: 10px;
    font-size: 12.2px;
    margin-top: -20px;
    position: absolute;
    line-height: 17px!important;

}

.form-horizontal .form-group label{
    color: #191616;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 3px;
}
.form-horizontal .form-control{
    color: #555;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 1px;
    height: 33px;
    padding: 5px;
    box-shadow: none;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    display: inline-block;
    transition: all 0.3s;
}
.form-horizontal .form-control:focus{
    box-shadow: none;
    border: 1px solid #faa71d;
}
.form-horizontal .btn{color: #fff;
    background: #c51c23;
    font-size: 17px;
   font-weight: 600; 
    /* text-transform: uppercase; */
    padding: 8px 41px 7px;
    margin: 0 auto -20px;
    border: none;
    border-radius: 0;
    display: block;
    transition: all 0.3s ease;
}
.form-horizontal .btn:hover,
.form-horizontal .btn:focus{
    color: #fff;
    background-color: #faa71d;
    box-shadow: 0 0 10px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3) inset;
    outline: none;
}
.form-horizontal .user-login{
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
}
.form-horizontal .user-login a{
    color: #0cd674;
    transition: all 0.3s ease 0s;
}
.form-horizontal .user-login a:hover{ color: #555; }
.form-container .social-links{
    font-size: 14px;
    text-align: center;
}
.form-container .social-links span{
    font-style: italic;
    margin: 0 0 20px;
    display: block;
    position: relative;
}
.form-container .social-links span:before,
.form-container .social-links span:after{
    content: '';
    background-color: #999;
    height: 1px;
    width: 25%;
    position: absolute;
    top: 50%;
    left: 0;
}
.form-container .social-links span:after{
    left: auto;
    right: 0;
}
.form-container .social-links a{
    color: #fff;
    background-color: #20599F;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    width: 120px;
    padding: 7px 15px;
    margin: 0 5px;
    transition: all 0.3s ease 0s;
}
.form-container .social-links a i{
    font-size: 13px;
    margin-right: 3px;
}
.form-container .social-links a:nth-child(2){ background-color: #00ADF2; }
.form-container .social-links a:hover{
    text-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
@media only screen and (max-width:576px){
    .form-container .form-group,
    .form-container .form-group:nth-child(even),
    .form-container .form-group.phone-no,
    .form-container .form-group.age{
        width: 100%;
        margin: 0 0 25px;
    }
}
@media only screen and (max-width:479px){
    .form-container .social-links a{
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .form-container .social-links a:nth-child(even){ margin: 0 auto 10px; }
}
input[type=checkbox], input[type=radio]
{
	margin: 2px 0 0!important;
	margin-left: -20px!important;
}
#anthem
{
text-align:left!important;
}

#gallery {
  @media screen and (min-width: 991px) {
	  
    padding: 60px 30px 0 30px;
  }
}
#pub-book
{
font-size: 19px;padding:15px;
    color: #c51c23;
    font-weight: 600;margin-bottom:10px;
}
#image
{border-radius: 2px 50px;border:1px solid #ffdfaa;
	width:450px;
	height:350px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 33%), 0 6px 20px 0 rgb(0 0 0 / 49%);
}
.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
border-radius: 2px 50px;
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-buttons div{
    background: #3646b5;
    border-radius: 0;
    opacity: 1;
    padding: 5px 10px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
/*timeline*/
.testimonial{
    background:#ffffff;
   padding: 16px;margin-bottom:15px;
    position: relative;    border-bottom: 2px solid #faa71d;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 35px solid #faa71d;
    border-left: 50px solid #efefef;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .testimonial-title{
    font-size: 25px;margin-bottom:15px;
    margin-left: 40px;
    text-align: left!important;
    font-weight: bold;
    color: #192bc2;
}
.testimonial .description{
    font-size: 14px;
    line-height: 20px;
    color: #0b132b;
	margin-left:40px;
}
.testimonial .post{
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #ff1053;
    margin-top: 10px;
}
.testimonial .pic{
   
    width: 82px;
    border: 2px solid #b51d2a;
    height: 81px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 1px;
    /* bottom: -35px; */
    right: 23px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 25px 20px 25px;
    }
}

.main-timeline .timeline{
    width: 90%;
    padding: 0 100px 0 0;
    margin: 0 10px 20px 0;
    float: left;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before{
    content: '';
    background-color: #2a2a2c;
    height: 5px;
    width: 80px;
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: -1;
}
.main-timeline .timeline-content{
    color: #555;
    background-color: #fff;
    text-align: center;
    padding: 0 0 10px;
    border-radius: 20px;
    display: block;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #121365;
    background: linear-gradient(to right,#121365,#4546D0);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 100px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: -50px;
    top: 0;
    z-index: 1;
}
.main-timeline .timeline-year:before{
    content: '';
    background-color: #fff;
    height: 80%;
    width: 80%;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}
.main-timeline .timeline-icon{
    color: #121365;
    font-size: 35px;
}
.main-timeline .title{
    color: #fff;
    background: linear-gradient(to right,#121365,#4546D0);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 20px 20px 0 0;
}
.main-timeline .description{
    font-size: 15px;
    margin: 0 15px;text-align:left!important;
}
.main-timeline .timeline:nth-child(even){
    padding: 0 0 0 100px;
    margin: 0 0 35px 10px;
    float: right;
}
.main-timeline .timeline:nth-child(odd){
    margin: 0 0 35px 0px;
    float: left;
}
.main-timeline .timeline:nth-child(even):before{
    right: auto;
    left: 50px;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: -50px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    right: auto;
    left: 20px;
}

.main-timeline .timeline:nth-child(even) .timeline-icon{ color: #FB6894; }
.main-timeline .timeline:nth-child(even) .timeline-year,
.main-timeline .timeline:nth-child(even) .title{
   background: linear-gradient(to right,#b51d2a,#faa71d);
}
.main-timeline .timeline:nth-child(odd) .timeline-icon{ color: #4B49C3; }
.main-timeline .timeline:nth-child(odd) .timeline-year,
.main-timeline .timeline:nth-child(odd) .title{
    background: linear-gradient(to right,#4B49C3,#16176e);
}
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 95px 0 0;
        margin: 0 0 20px;
        float: none;
    }
    .main-timeline .timeline:before{ display: none; }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        left: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(odd){
        width: 100%;
        padding: 95px 0 0;
        margin: 0 0 20px;
        float: none;
    }
    .main-timeline .timeline:before{ display: none; }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(odd) .timeline-year{
        right: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width:567px){
    .main-timeline .title{ font-size: 18px; }
}

/**faq**/
#accordion{
    padding-left: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#accordion:before{
    content: "";
    width: 5px;
    height: 100%;
    background: #5d5d5b;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}
#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 30px 15px 0;
    background: #efefef;
    font-size: 18px;
    font-weight: bold;
    color: #101113;text-align:left!important;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a:before{
content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    font-size: 17px;
    color: #004e89;
    border: 6px solid #fda805;
    position: absolute;
    top: 0;
    left: -80px;
}
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    background: #fff;
}
#accordion .panel-body{
    padding: 10px 15px;
    background: #eee;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 0.9);
    font-size: 14px;
    color: #487677;
    line-height: 25px;
}
#testimonial-slider
{
background:#0b0a0acf url(../img/pattern-2.png) left top repeat;
}
.test-more
{	float:right;
	background-color:#ffca00;
    padding: 11px 36px 10px 36px;
    font-size: 17px;
    color: white;
    border: 2px solid #272622;
}
#contact-head
{
	font-size: 19px;
    text-align: left;
    font-weight: 550;
    color: #231412;
}
.nav>li>a
{
	padding: 10px 13px!important;
}
.icon-bar1 {
   position: fixed;
    z-index: 1000;
    top:80px;right:0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar1 a {
  display: block;    box-shadow: -5px 2px 8px 2px rgba(0, 0, 0, 0.2), 13px 6px 20px 0 rgba(0, 2, 1, 0.19);
  text-align: center;
  padding: 14px 7px 12px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar1 a:hover {
  background-color: #000;
}

.facebook {
  background:#faa71d;font-weight:600;
  color: white;
}

.b-cart {
  &:hover {
    opacity: 0.8;
  }
}

.b-items {
  margin: 100px 0 0 0;
  padding: 0;

  .b-items__item {
    display: inline-block;
    border: 1px solid #eee;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin: 0 12px 21px 12px;
  
    .b-items__item__img {
      border-radius: 4px 4px 0 0;
    }
    
    a {
      display: block;
      text-decoration: none;
      text-align: center;
      
      &:hover {
        opacity: 0.8;
      }
    }
  }
  
  .b-items__item__title {
    display: block;
    font-size: 18px;
    margin-top: 9px;
    color: #95A5A6;
  }
  
  .b-items__item__add-to-cart {
    display: block;
    background: #16A085;
    color: #fff;
    margin-top: 9px;
    padding: 12px 0;
    border-radius: 0 0 4px 4px;
    border-bottom: 2px solid #0a9479;
  }
}

.b-flying-img {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  left: 0;
  z-index: 5;
  animation:fly 0.8s 1;
  -webkit-animation:fly 0.8s 1;
  -webkit-backface-visibility: hidden;
}

@keyframes fly {
    0% {
        -moz-transform: rotate(0deg); /*  Firefox */
        -ms-transform: rotate(0deg); /* IE */
        -o-transform: rotate(0deg); /*  Opera */
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg); /* Для Firefox */
        -ms-transform: rotate(360deg); /* Для IE */
        -o-transform: rotate(360deg); /* Для Opera */
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fly {
    0% {
        -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    }
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.wiggle {
  display: inline-block;
  animation: wiggle 2.5s infinite;
}

.wiggle:hover {
  animation: none;
}
hr
{
	margin:0px!important;border-top:1px solid #ed0b0b!important;
}
#text-card
{
	background-color: #e1dddd;
    width: 100%;
    padding: 10px;margin-top:-22px;
}

#add-header
{
}
#inner-img
{width: 100%;
    background: #f9f9f9;
    margin: 10px auto;
    padding: 30px;
	
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0 0 0 / 0%);
    border: 1px solid #6b696942;margin-bottom:20px;
}
#rupee
{
	    height: auto;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    color: #981a25!important;
}
.b-items__item
{
	margin-bottom:30px;
}

.btn-cart
{
	
    color: #fff;
    background-color: #f59001;
    border-color: #caa46e;
    font-size: 8px;width:100%;
    font-size: 16px;
    padding: 8px 16px 9px 17px;
    margin-bottom: 12px;
}
.chat
{
	font-size: 20px;
    margin-top: 2px;
    color: #faa71d;
    -webkit-text-stroke: 1px #faa71d;
    font-weight: 600;
    -webkit-text-fill-color: #faa71d;
    margin-left: 3px;
}


.facebook1
{
    color:white;font-weight:600;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 5000px){
    .content {
  position: absolute;
  bottom:245px!;
  background: rgb(0, 0, 0); /* Fallback color */
  
    background: rgb(17 15 11 / 48%);
  color: #f1f1f1;
  width: 92%;
  padding:20px;
}
	#top-bar {
	display:none;
	}
.icon-bar2 {
position: fixed;
    display: inline-block;
    z-index: 1000;
    top: 345px;line-height:11px;
    left: -120px;
    /* right: 5px; */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.btn-lg
{
    background: #981a25;
}

.facebook {
 font-weight:600;
  color: white;
}

}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
    .btn-primary
    {
        
    font-size: 16px!important;
    }
    #image-pub
    {
        width:100%!important;height:400px!important;
    }
      .content {
  position: absolute;
  bottom:245px;
  background: rgb(0, 0, 0); /* Fallback color */
  
    background: rgb(17 15 11 / 48%);
  color: #f1f1f1;
  width: 92%;
  padding:20px;
}
    header .top-bar ul.top-bar-meta {
    text-align: center!important;
}
.btn-lg1
{
    width:100%!important;
}
    .fa-angle-right
    {
        display:none;
    }
    .fa-angle-left
    {
        display:none;
    }
	.icon-bar2 {
	display:none;
	}
	.fa-angle-right
	{
	    display:none;
	}
	.fa-angle-left
	{
	    display:none;
	}
}
/*Flash teext*/
.flash1 {
   animation-name: flash1;
    animation-duration: 0.5s; 
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash1
 {
    from {color: white;}
    to {color: #f7c710;}
}
.icon-bar2 a:hover
{
	color:white!important;
}
.icon-bar2 a:focus
{
	color:white!important;
}
.btn-lg1
{
    background: #981a25;line-height:30px;
}

.facebook {
  color: white;
}
/*Flash teext*/
.flash1 {
   animation-name: flash1;
    animation-duration: 0.2s; 
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash1
 {
    from {color: white;}
    to {color: #f7c710;}
}

header .top-bar1
{
	background: #981a25;
    color: #ffffff;
    height: 71px;
    width: 100%;
    overflow: hidden;
}
.icon-bar4 {
position: fixed;
    display: inline-block;
    z-index: 1000;
    top: 345px;line-height:11px;
    right:-118px;
    /* right: 5px; */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#gleanings-btn
{
font-size:14px;width:290px;color:white;
    border-radius: 8px;
    border: 1px solid #fff;
}