small {
    font-size: 100%;
}

#pm_layout_wrapper {
    background: #fff;
    
}
.breadcrumb {
	background: rgb(24, 134, 219);
	border-radius: 0px;
}
.breadcrumb > li > a:hover{
color: #fff;
}
#footer {
    background: #fdb81a;
}

.active_menu {
    color: #fdb81a !important;
}

.themecolor {
    color: #fdb81a;
}

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section {
    padding: 60px 0 0 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.white {
    color: #fff !important;
}

.buttonstyle {
    background-color: #fdb81a;
    color: white;
    display: block;
    font-family: 'Cantata One';
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    padding: 10px;
    text-align: center;
    width: auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.icon-circle {
    background-color: white;
    border-radius: 50%;
    border: 1x solid grey;
    padding: 5px;
}

.black {
    color: #000 !important;
}

.topphone {
    margin: 5px;
}

.topheadercont {
    font-family: 'Cantata One';
    font-weight: 300;
    font-size: 14px;
    margin: 12px;
    text-align: center;
}

#footer {
    background: #fdb81a !important;
}

#footer h5 {
    padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bolder;
}

#footer a {
    color: #ffffff;
    text-decoration: none !important;
    /* background-color: transparent; */
    -webkit-text-decoration-skip: objects;
}

#footer ul.social li {
    padding: 3px 0;
}

#footer ul.social li a i {
    margin-right: 5px;
    font-size: 25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

#footer ul.social li:hover a i {
    font-size: 30px;
    margin-top: -10px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
    color: #ffffff;
}

#footer ul.social li a:hover {
    color: #eeeeee;
}

#footer ul.quick-links li {
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

#footer ul.quick-links li:hover {
    padding: 3px 0;
    margin-left: 5px;
    font-weight: 700;
}

#footer ul.quick-links li a i {
    margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

.bottom-footer {
    text-align: center;
    /* background: #fff; */
    padding: 10px;
    bottom: 0;
    color: #000;
}

ul li:before {
    content: "";
}

.text {
    font-family: 'Open sans';
    font-weight: 500;
    line-height: 1.8;
    color: #fff;
}

.footertext {
    font-family: 'Open sans';
    font-weight: 500;
}

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    cursor: pointer;
}

.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    background-color: #f2d878;
    border-radius: 30px;
    color: #000;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: auto 3px;
    width: 50px;
    font-size: 24px;
    text-align: center;
}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	/* float:left; */
	margin:0 5px 0 0;
	cursor:pointer;
	/* background:#6d6e71 ; */
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#fff ;
	color:#6d6e71;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}

/*
    Multicoloured Hover Variations
*/

.icon.social.fb:hover {
    color: #3B5998;
}

.icon.social.tw:hover {
    color: #4099FF;
}

#social-gp:hover {
    color: #d34836;
}

.icon.social.in:hover {
    color: #0077B5;
}

/* #social-icons { */
    /* cursor: pointer; */
    /* color: #f2d878;
    left: 12px;
} */
ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

  ul.social-network li {
      display: inline;
      /* margin: 0 5px; */
  }


/* footer social icons */

.social-network a.icoRss:hover {
  background-color: #F56505;
}

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
  background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
  background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
  background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}
.social-network a.icoInstagram:hover {
  background-color: #E4405F;
}

  .social-network a.icoRss:hover i,
  .social-network a.icoFacebook:hover i,
  .social-network a.icoTwitter:hover i,
  .social-network a.icoGoogle:hover i,
  .social-network a.icoVimeo:hover i,
  .social-network a.icoLinkedin:hover i,
  .social-network a.icoInstagram:hover i {
      color: #fff;
  }

a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
}

.social-circle li i {
  margin: 0;
  line-height: 50px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #000;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.md {
  border: 1px solid #fff;
}
.logo-bg {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}

header.fixed .navbar-collapse.collapse {
    margin-top: 10px;
}

#pm-slider-progress-bar {
    height: 2px !important;
    z-index: 99;
}

.card {
    float: left;
    padding: 0 1.7rem;
    width: 100%;
}

.card .menu-content {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.card .menu-content::before,
.card .menu-content::after {
    content: '';
    display: table;
}

.card .menu-content::after {
    clear: both;
}

.card .menu-content li {
    display: inline-block;
}

.card .menu-content a {
    color: #fff;
}

.card .menu-content span {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Open Sans';
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.card .wrapper {
    background-color: #fff;
    min-height: 350px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 10px 8px 30px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}


/* .card .wrapper:hover {
            transform: scale(1.2, 1.2);
        } */


/* .card .wrapper:hover .data {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        } */

.card .wrapper:hover img {
    transform: scale(1.2, 1.2);
}

.card img {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.card .data {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* -webkit-transform: translateY(calc(70px + 1em));
            transform: translateY(calc(70px + 1em));
            transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s; */
}

.card .data .content {
    padding: 1em;
    position: relative;
    z-index: 1;
}
.index .card .data .content {
  padding: 0.2em;
  position: relative;
  z-index: 1;
}
.card .author {
    font-size: 14px;
    font-weight: bolder;
}

.card .title {
    margin-top: 10px;
}
.index .card .title {
  margin: 10px 0px;
  color:#000;
}
.card .text {
    height: 70px;
    margin: 0;
    color: #000;
}

.card input[type='checkbox'] {
    display: none;
}

.card input[type='checkbox']:checked+.menu-content {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.example-1 .date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fdb81a;
    color: #000;
    padding: 1.5em;
}

.example-1 .date span {
    display: block;
    text-align: center;
}

.example-1 .date .day {
    font-weight: 700;
    font-size: 24px;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
}

.example-1 .date .month {
    text-transform: uppercase;
}

.example-1 .date .month,
.example-1 .date .year {
    font-size: 12px;
}

.example-1 .content {
    background-color: #fff;
    box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}

.example-1 .title a {
    color: gray;
}

.example-1 .menu-button {
    position: absolute;
    z-index: 999;
    top: 16px;
    right: 16px;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.example-1 .menu-button span {
    width: 5px;
    height: 5px;
    background-color: gray;
    color: gray;
    position: relative;
    display: inline-block;
    border-radius: 50%;
}

.example-1 .menu-button span::after,
.example-1 .menu-button span::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    position: absolute;
    border-radius: 50%;
}

.example-1 .menu-button span::before {
    left: -10px;
}

.example-1 .menu-button span::after {
    right: -10px;
}

.example-1 .menu-content {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.example-1 .menu-content li {
    width: 33.333333%;
    float: left;
    background-color: #77d7b9;
    height: 60px;
    position: relative;
}

.example-1 .menu-content a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
}

.example-1 .menu-content span {
    top: -10px;
}

.cover {
    object-fit: cover;
    width: 100%;
    height: 350px;
}
.index .cover {
	object-fit: cover;
	width: 100%;
	height: 450px;
	object-position: bottom;
}
.so-btn i {
    /* padding: 0 0 0 12px; */
    font-family: 'FontAwesome';
    font-style: normal;
    position: relative;
    z-index: 100;
    font-size: 14px;
}

.so-btn {
    display: inline-block;
    text-decoration: none;
    font-family: 'Open sans';
    font-weight: 300;
    font-size: 14px;
    color: #000;
    padding: 12px 20px;
    background-color: #fdb81a;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    width: 100%;
}

.so-btn:hover {
    background-color: #333;
    color: white;
}

.so-btn.animated i {
    opacity: 0;
    margin-left: -25px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.so-btn.animated:hover i {
    margin-left: 2px;
    opacity: 1;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
    margin-bottom: 30px;
}

#quote-carousel .carousel-indicators .active {
    width: 80px;
    height: 80px;
    opacity: 1;
    transition: all .2s;
    margin-bottom: 0px;
}

.item blockquote {
    border-left: 1px solid #e2e2e2;
    margin: 0;
}
.testimon{
    background:rgba(35, 26, 26, 0.8);
    border-radius: 15px;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

@media (max-width:767px) {
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?srf3rx");
    src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  #fh5co-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  #fh5co-wrapper > div {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
  }
  
  #fh5co-page {
    position: relative;
    -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* background: #fff; */
  }
  .menu-show #fh5co-page {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  
  #fh5co-main-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.93);
    padding: 3em 0;
    z-index: 1002;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    overflow-y: scroll;
  }
  #fh5co-main-nav .fh5co-nav-toggle {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 20px;
    height: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 0;
    padding: 0 !important;
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #fh5co-main-nav .fh5co-nav-toggle:hover {
    background: rgba(0, 0, 0, 0.7);
  }
  #fh5co-main-nav .fh5co-nav-toggle i {
    top: 19px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    text-indent: 0;
  }
  #fh5co-main-nav .fh5co-nav-toggle.show {
    visibility: visible;
    opacity: 1;
  }
  .menu-show #fh5co-main-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  #fh5co-main-nav h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0;
  }
  #fh5co-main-nav h1 .fh5co-logo {
    color: #fff;
  }
  #fh5co-main-nav h1 .fh5co-logo:hover {
    text-decoration: none;
  }
  #fh5co-main-nav ul {
    text-align: center;
    padding: 50px 0 50px 0;
    margin: 0;
  }
  @media screen and (max-width: 768px) {
    #fh5co-main-nav ul {
      padding: 20px 0 0 0;
    }
  }
  #fh5co-main-nav ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: "Playfair Display", Arial, serif;
  }
  #fh5co-main-nav ul li a {
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    padding: 10px 20px;
  }
  @media screen and (max-width: 768px) {
    #fh5co-main-nav ul li a {
      font-size: 30px;
      padding: 10px 0;
    }
  }
  #fh5co-main-nav ul li a:hover, #fh5co-main-nav ul li a:active, #fh5co-main-nav ul li a:focus {
    color: white;
    outline: none;
    text-decoration: none;
  }
  @media screen and (max-width: 768px) {
    #fh5co-main-nav ul li {
      display: block;
    }
  }
  #fh5co-main-nav .fh5co-social-icon a i {
    color: rgba(255, 255, 255, 0.5);
  }
  
  .fh5co-table {
    display: table;
    width: 100%;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    .fh5co-table {
      display: block !important;
      height: inherit !important;
      width: inherit !important;
    }
  }
  .fh5co-table .fh5co-table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    .fh5co-table .fh5co-table-cell {
      display: block !important;
      height: inherit !important;
      width: inherit !important;
    }
  }
  
  
  @media screen and (max-width: 768px) {
    header {
      padding: 2em 0;
    }
  }
  header .fh5co-navbar-brand {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
  }
  header .fh5co-navbar-brand h1 {
    width: 20%;
    display: block;
    font-family: "Playfair Display", Arial, serif;
    margin-bottom: 0;
  }
  header .fh5co-navbar-brand .fh5co-logo {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
  }
  header .fh5co-navbar-brand .fh5co-logo:hover {
    text-decoration: none !important;
    color: #fff !important;
  }
  header .fh5co-navbar-brand .fh5co-logo:active, header .fh5co-navbar-brand .fh5co-logo:focus {
    outline: none;
    text-decoration: none;
  }
  header .fh5co-navbar-brand .fh5co-logo span {
    font-size: 12px;
    letter-spacing: 4px;
    display: block;
    margin-bottom: 2px;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 20px;
  }
  header .fh5co-navbar-brand .fh5co-social-icon {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 50px;
  }
  header .fh5co-navbar-brand .fh5co-social-icon a {
    margin-bottom: 0;
  }
  @media screen and (max-width: 992px) {
    header .fh5co-navbar-brand .fh5co-social-icon a i {
      color: rgba(255, 255, 255, 0.5);
    }
  }
  @media screen and (max-width: 480px) {
    header .fh5co-navbar-brand .fh5co-social-icon {
      display: none;
    }
  }
  
  .fh5co-nav-toggle {
    cursor: pointer;
    text-decoration: none;
    position: absolute !important;
    top: 0;
    right: 0;
  }
  .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
    background: #fff;
  }
  .fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
    background: #fff;
  }
  .fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
  }
  .fh5co-nav-toggle i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 30px;
    height: 2px;
    color: #000;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #000;
    transition: all .2s ease-out;
  }
  .menu-show .fh5co-nav-toggle i {
    background: #fff;
    color: #fff;
  }
  .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
    content: '';
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .menu-show .fh5co-nav-toggle i::before, .menu-show .fh5co-nav-toggle i::after {
    background: #fff;
  }
  @media screen and (max-width: 992px) {
    .fh5co-nav-toggle i {
      background: rgba(255, 255, 255, 0.8);
    }
    .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
      background: rgba(255, 255, 255, 0.8);
    }
  }
  .fh5co-nav-toggle.dark i {
    position: relative;
    color: #000;
    background: #000;
    transition: all .2s ease-out;
  }
  .fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
    background: #000;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  
  .fh5co-nav-toggle i::before {
    top: -7px;
  }
  
  .fh5co-nav-toggle i::after {
    bottom: -7px;
  }
  
  .fh5co-nav-toggle:hover i::before {
    top: -10px;
  }
  
  .fh5co-nav-toggle:hover i::after {
    bottom: -10px;
  }
  
  .fh5co-nav-toggle.active i {
    background: transparent;
  }
  
  .fh5co-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }
  
  .fh5co-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }
  
  .fh5co-nav-toggle {
    float: right;
    z-index: 1003;
    position: relative;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 0px;
  }
  @media screen and (max-width: 768px) {
    .fh5co-nav-toggle {
      display: block;
      top: 0px;
    }
  }
  .breadcrumb > .active {
    color: #f8f0f0 !important;
  }
  #fh5co-hero {
    width: 85%;
    margin-bottom: 5em;
    min-height: 700px;
    background: #fff url(../images/loader.gif) no-repeat center center;
    z-index: 1;
  }
  @media screen and (max-width: 992px) {
    #fh5co-hero {
      width: 100%;
    }
  }
  #fh5co-hero .btn {
    font-size: 24px;
  }
  #fh5co-hero .btn.btn-primary {
    padding: 14px 30px !important;
  }
  #fh5co-hero .flexslider {
    border: none;
    z-index: 1;
    margin-bottom: 0;
  }
  #fh5co-hero .flexslider .slides {
    position: relative;
  }
  @media screen and (max-width: 768px) {
    #fh5co-hero .flexslider .slides {
      overflow: hidden;
    }
  }
  #fh5co-hero .flexslider .slides li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 700px;
    position: relative;
  }
  #fh5co-hero .flexslider .slides li:after {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
  }
  #fh5co-hero .flexslider .flex-control-nav {
    position: absolute;
    bottom: 1em;
    z-index: 1000;
  }
  @media screen and (max-width: 768px) {
    #fh5co-hero .flexslider .flex-control-nav {
      bottom: 1em;
    }
  }
  #fh5co-hero .flexslider .flex-control-nav li a {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: none;
    width: 12px;
    height: 12px;
    cursor: pointer;
  }
  #fh5co-hero .flexslider .flex-control-nav li a.flex-active {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
  }
  #fh5co-hero .flexslider .flex-direction-nav {
    display: none;
  }
  #fh5co-hero .flexslider .slider-text {
    display: table;
    opacity: 0;
    height: 700px;
    z-index: 9;
  }
  @media screen and (max-width: 768px) {
    #fh5co-hero .flexslider .slider-text {
      text-align: center;
    }
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner {
    display: table-cell;
    vertical-align: middle;
    height: 700px;
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
      font-size: 40px;
    }
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner p {
    color: rgba(255, 255, 255, 0.8);
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner p .btn:hover {
    color: #fff !important;
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner span {
    color: rgba(255, 255, 255, 0.8);
    text-transform: none;
    letter-spacing: 5px;
    font-size: 12px;
    display: block;
    margin-bottom: 20px;
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead a {
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead a:hover {
    text-decoration: none;
  }
  #fh5co-hero .flexslider .slider-text > .slider-text-inner .desc {
    padding: 5em;
    background: rgba(83, 157, 219, 0.9);
    -webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  }
  @media screen and (max-width: 992px) {
    #fh5co-hero .flexslider .slider-text > .slider-text-inner .desc {
      padding: 0;
      background: none;
      -webkit-box-shadow: 0px 10px 30px -13px transparent;
      -moz-box-shadow: 0px 10px 30px -13px transparent;
      box-shadow: 0px 10px 30px -13px transparent;
    }
  }
  
  #fh5co-featured,
  #fh5co-about,
  #fh5co-blog,
  #fh5co-contact-section,
  #fh5co-work-section,
  #fh5co-about-section,
  #fh5co-map-section {
    padding-bottom: 7em;
  }
  
  #fh5co-intro-section {
    margin-bottom: 2em;
    padding-bottom: 2em;
  }
  
  #fh5co-blog, #fh5co-work-section {
    /* padding-top: 7em; */
  }
  
  .fh5co-work-section {
    padding-top: 0 !important;
  }
  
  .fh5co-heading {
    margin-bottom: 3em;
  }
  .fh5co-heading h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.5;
  }
  
  .fh5co-bg-section {
    background: rgba(0, 0, 0, 0.05);
  }
  
  .intro-heading {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    .intro-heading {
      font-size: 30px;
    }
  }
  
  .post-entry {
    width: 100%;
    min-height: 700px;
    display: table;
  }
  @media screen and (max-width: 992px) {
    .post-entry {
      display: block;
      min-height: 400px;
    }
  }
  .post-entry .post-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 700px;
  }
  @media screen and (max-width: 768px) {
    .post-entry .post-image {
      display: block;
      height: 400px;
    }
  }
  .post-entry .display-tc {
    display: table-cell;
    vertical-align: middle;
    height: 700px;
    text-align: right;
  }
  @media screen and (max-width: 992px) {
    .post-entry .display-tc {
      display: block;
      vertical-align: none;
      text-align: left;
      height: inherit;
    }
  }
  .post-entry .desc {
    padding: 5em;
    background: rgba(83, 157, 219, 0.9);
    -webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
  }
  .post-entry .desc h3 {
    color: #fff;
    font-size: 40px;
    line-height: 54px;
  }
  .post-entry .desc p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
  }
  .post-entry .desc .date {
    display: block;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }
  @media screen and (max-width: 768px) {
    .post-entry .desc {
      padding: 1.5em;
    }
    .post-entry .desc h3 {
      font-size: 30px;
    }
  }
  
  .work {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 400px;
    margin-bottom: 30px;
  }
  .work .view {
    width: 100%;
    height: 400px;
    display: table;
    opacity: 0;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
  }
  @media screen and (max-width: 768px) {
    .work .view {
      opacity: 1;
    }
  }
  .work .view span, .work .view i {
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
  }
  .work h3 {
    margin-top: 30px;
  }
  .work h3 a {
    color: #000;
  }
  .work:hover .view, .work:focus .view {
    opacity: 1;
  }
  
  .fh5co-counters {
    padding: 3em 0;
    background: #e6e6e6;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
  }
  .fh5co-counters .heading-section h2 {
    color: #fff;
    font-weight: 400;
    font-size: 40px;
  }
  .fh5co-counters .fh5co-counter {
    font-size: 60px;
    display: block;
    color: #fff;
    font-family: "Karla", Arial, sans-serif;
    width: 100%;
    font-weight: 700;
    margin-bottom: .3em;
  }
  .fh5co-counters .fh5co-counter-label {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 5px;
    margin-bottom: 2em;
    display: block;
  }
  
  .about-content {
    margin-bottom: 5em;
  }
  
  .fh5co-staff {
    margin-bottom: 30px;
  }
  .fh5co-staff img {
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.21);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .fh5co-staff h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .fh5co-staff p {
    margin-bottom: 30px;
  }
  .fh5co-staff .role {
    color: #b3b3b3;
    margin-bottom: 30px;
    font-weight: normal;
    display: block;
    font-size: 16px;
  }
  .fh5co-staff:hover img {
    background: rgba(83, 157, 219, 0.2);
  }
  
  .fh5co-blog {
    margin-bottom: 60px;
  }
  .fh5co-blog > a {
    display: block;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .fh5co-blog > a img {
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    .fh5co-blog {
      width: 100%;
    }
  }
  .fh5co-blog .blog-text {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 30px;
    float: left;
    background: #fff;
    border: 1px solid rgbs(#000, 0.2);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .fh5co-blog .blog-text span {
    display: inline-block;
    margin-bottom: 20px;
  }
  .fh5co-blog .blog-text span.comment {
    float: right;
    font-size: 14px;
  }
  .fh5co-blog .blog-text span.comment a {
    color: rgba(0, 0, 0, 0.3);
  }
  .fh5co-blog .blog-text span.comment a i {
    color: #539DDB;
    padding-left: 7px;
  }
  .fh5co-blog .blog-text span.posted_on {
    font-size: 13px;
    letter-spacing: 5px;
    text-transform: uppercase;
  }
  .fh5co-blog .blog-text h3 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .fh5co-blog .blog-text h3 a {
    color: black;
  }
  .fh5co-blog .blog-text:hover {
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.3);
  }
  .fh5co-blog .blog-text:hover h3 a {
    text-decoration: none;
  }
  
  .fh5co-social-icons {
    margin: 0;
    padding: 0;
  }
  .fh5co-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .fh5co-social-icons li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
  }
  .fh5co-social-icons li a i {
    font-size: 20px;
  }
  
  
  .fh5co-social-icon a {
    padding: 0 5px;
  }
  .fh5co-social-icon a i {
    color: #000;
  }
  .fh5co-social-icon a:hover, .fh5co-social-icon a:focus {
    text-decoration: none;
  }
  
  .mfp-with-zoom .mfp-container,
  .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  
  .mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
  }
  
  .mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
  }
  
  .mfp-with-zoom.mfp-removing .mfp-container,
  .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
  }
  
  .nopaddingbottom {
    padding-bottom: 0 !important;
  }
  
  .js .animate-box {
    opacity: 0;
  }
  /*=======================================================
			GREAT DEALS
========================================================*/
.great-deals {
	padding: 0 !important;
	/* padding-top: 90px; */
}
.great-deals .coupon {
}
.great-deals .coupon .space {
	margin-bottom: 30px;
	position: relative;
}
.great-deals .coupon-inner {
	padding: 30px 0;
	padding-bottom: 0px;
	border: 1px solid #e9e9e9;
	position: relative;
	float: left;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.great-deals .coupon-inner:hover {
	border-color: #ffdd00;
}
.great-deals .coupon-inner .top-tag {
	display: inline-block;
	width: 100%;
}
.great-deals .coupon-inner .ribn-red {
	width: 60%;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: url(../img/ribn-red.png) right no-repeat;
	padding-right: 15px;
}
.great-deals .coupon-inner .ribn-red span {
	background: #f01b3b;
	line-height: 24px;
	display: inline-block;
	width: 100%;
}
.great-deals .coupon-inner .ribn-pur {
	width: 60%;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: url(../img/ribn-purple.png) right no-repeat;
	padding-right: 15px;
}
.great-deals .coupon-inner .ribn-pur span {
	background: #9900b5;
	line-height: 24px;
	display: inline-block;
	width: 100%;
}
.great-deals .coupon-inner .star {
	float: right;
	margin-top: -5px;
	font-size: 26px;
	color: #ef203f;
	margin-right: 25px;
}
.great-deals .coupon-inner .top-tag {
	display: inline-block;
	width: 100%;
	position: relative;
}
.great-deals .coupon-inner .c-img {
	display: inline-block;
	width: 100%;
	padding: 0 25px;
	margin-top: 10px;
}
.great-deals .coupon-inner .head {
	font-size: 18px;
	text-transform: uppercase;
	color: #222222;
	line-height: 26px;
	margin-top: 25px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.great-deals .coupon-inner .btn {
	background: #002b5e;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	display: inline-block;
	padding: 6px 25px;
	margin: 0 auto;
	margin-top: 15px;
}
.great-deals .coupon-inner .btn:hover {
	background: #000;
	color: #fff;
}
.btm-info {
	display: inline-block;
	width: 100%;
	background: #f7f7f7;
	height: 50px;
	margin-top: 35px;
	position: relative;
	overflow: hidden;
	margin-bottom: -5px;
}
.btm-info li {
	padding: 0px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #777777;
	font-size: 11px;
	border-left: 1px solid #e5e5e5;
	padding-bottom: 5px;
}
.btm-info li i {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	margin-top: 10px;
}
.great-deals .btm-info li:nth-child(1) {
	text-transform: none;
	color: #222222;
	font-size: 14px;
	line-height: 50px;
	border: none;
}
.great-deals .btm-info li:nth-child(1) i {
	width: auto;
	color: #002b5e;
}

/*=======================================================
			COUPON TABS
========================================================*/
.coupen-tab {
	padding-bottom: 60px;
}
.coupen-tab .tab-role {
	background: #fff;
	display: inline-block;
	width: 100%;
}
.coupen-tab .tab-role .nav-tabs > li {
	margin: 0px;
	padding: 0px;
}
.coupen-tab .tab-role .nav-tabs > li a {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	text-align: center;
	font-size: 15px;
	color: #232323;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0px;
	border: none;
	padding-bottom: 29px;
}
.tab-content {
	display: inline-block;
	width: 100%;
}
.copo-tab {
	display:inline-block;
	width:100%;
	background: #f5f5f5;
}
.coupen-tab .nav-tabs {
	border: none;
}
.coupen-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #002b5e;
	color: #fff;
}
.coupen-tab .tab-content {
	padding-top: 80px;
}
.coupen-tab .tab-content li {
	margin-bottom: 30px;
}
.coupen-tab .offer-in {
	height: 330px;
}
.coupen-tab .btm-info {
	text-align: center;
	margin-top: 0px;
}
.coupen-tab .btm-info {
	background: #fff;
	margin-top: 20px;
}
.coupen-tab .btm-info li {
	border: none;
	color: #393939;
}
.coupen-tab .btm-info li a {
	color: #393939;
}
.coupen-tab .offer-in:hover .btm-offer {
	margin: 0px;
}
.coupen-tab .offer-in:hover .off-over {
	position: absolute;
	top: 0px;
	padding-top: 20px;
}
.small-spon {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	border: 1px solid #e8e8e8;
}
/*=======================================================
			TITTLE
========================================================*/
.tittle {
	text-align: center;
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.tittle h3 {
	margin: 0px;
	text-transform: uppercase;
}
.breadcrumb{
  margin: 0px !important;
}
.pm-sub-menu-container
{
  z-index: 9 !important;
}
.background{
/* background-image: url("../img/Background_opt.jpg") !important;  The image used */
background-position:center !important; /* Center the image */
background-repeat: no-repeat !important; /* Do not repeat the image */
background-size:cover !important; /* Resize the background image to cover the entire container */
}
.font-color{
  color: #fff !important;
}
/*--contact--*/
                            
.contact_left h3,
                            .contact_right h3 {
                                font-family: 'Open Sans Condensed', sans-serif;
                                font-size: 2em;
                                color: #555;
                                text-transform: uppercase;
                                margin-bottom: 1em;
                            }
                            
                            .map {
                                width: 100%;
                                height: 350px;
                                margin: 0 0 43px;
                            }
                            
                            .address p {
                                color: #333033;
                                font-size: 13px;
                                line-height: 20px;
                                margin: 0 0 16px;
                                font-style: normal;
                                text-transform: uppercase;
                            }
                            
                            .address dd {
                                color: #aaa4ab;
                                font-size: 13px;
                                line-height: 20px;
                                font-weight: 300;
                            }
                            
                            .contact-form input[type=text] {
                                display: block;
                                width: 70%;
                                padding: 10px;
                                border: 1px solid #ddd;
                                outline: none;
                                margin: 1.5em 0;
                                font-size: 0.85em;
                                color: #999;
                            }
                            .contact-form input[type=email] {
                              display: block;
                              width: 70%;
                              padding: 10px;
                              border: 1px solid #ddd;
                              outline: none;
                              margin: 1.5em 0;
                              font-size: 0.85em;
                              color: #999;
                          }
                            .contact-form select {
                              display: block;
                              width: 70%;
                              padding: 10px;
                              border: 1px solid #ddd;
                              outline: none;
                              margin: 1.5em 0;
                              font-size: 0.85em;
                              color: #999;
                              background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
                              -webkit-appearance: none;
                              background-position-x: 98%;
                            }
                            
                            .contact-form textarea {
                                display: block;
                                width: 100%;
                                padding: 10px;
                                border: 1px solid #ddd;
                                outline: none;
                                margin: 1.5em 0;
                                font-size: 0.85em;
                                color: #999;
                                height: 300px;
                                resize: none;
                            }
                            
                            .contact-form input[type=submit] {
                                padding: 15px 20px;
                                color: #fff;
                                background: #04f200;
                                font-size: 1em;
                                border: none;
                                outline: none;
                                cursor: pointer;
                                font-family: 'Open Sans', sans-serif;
                                text-transform: uppercase;
                                transition: 0.5s all;
                                -webkit-transition: 0.5s all;
                                -moz-transition: 0.5s all;
                                -o-transition: 0.5s all;
                                float: right;
                            }
                            
                            .contact-form input[type=submit]:hover {
                                background: #dcbc86;
                            }
                            /* .modal {
                              z-index: 9999 !important;
                            } */
                            .events-desc {
                              text-align: center;
                              display: inline-block;
                              width: 100%;
                              position: relative;
                              margin-bottom: 20px;
                            }
                            .cursor
                          {
                            cursor: pointer;
                          }
                         
                          .categories_area {
                            padding: 80px 0 50px 0;
                        }
                        
                        .single_catagory {
                            position: relative;
                            z-index: 1;
                            margin-bottom: 30px;
                        }
                        
                        .single_catagory img 
                        {
                            border-radius: 20px;

                        }
                        .single_catagory .border
                        {
                          border: 0.2px solid antiquewhite;
                        }
                        .catagory-title {
                            width: 200px;
                            height: 50px;
                            background-color: #000;
                            position: absolute;
                            top: 0%;
                            text-align: center;
                            border-radius: 30px;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            -webkit-transition-duration: 500ms;
                            transition-duration: 500ms;
                        }
                        .menu-title{
                          bottom: 0%;
                          top:auto;
                        }
                        
                        .single_catagory:hover .catagory-title {
                            background-color: #000;
                        }
                        
                        .catagory-title a > h5 {
                            margin-bottom: 0;
                            line-height: 50px;
                            -webkit-transition-duration: 500ms;
                            transition-duration: 500ms;
                        }
                        
                        .single_catagory:hover .catagory-title a > h5 {
                            color: #fff;
                        }
                        .my-font-style
                        {
                         
                            font-family: "Open Sans", sans-serif;
                            font-weight: 400;
                            font-size: 16px;
                            color: #444444 !important;
                            line-height: 1.5;
                          
                        }
                        .ml-5per
                        {
                          margin-left:5% !important;
                        }
                           
  /*# sourceMappingURL=style.css.map */
  