/* =============================================== */
/* ---------------->>> CSS STYLES <<<------------- */
/* ================================================ */
/*
1. GLOBAL STYLES
	- Heading
	- List Style
	- Links
	- Positions
	- Title
	- Layout
	- z-index
	- Button
	- Animation
	- Icons Styles
		- Icon With Color
		- Icons With Size Variations
		- Social Icons
		- Icon Hover
	- Border
	- Page Loader
	- Accordion
	- Tabs
	- BG Image
	- Overlay
	- Forms
	- Text Color
	- BG Color
	- Transition Effects
	- Gary Scale Image
	- Hover Effects
	- Navigation Menu
		- Side Navigation Menu
2. SLIDER SECTION
	- Slider Revolution
	- Bootstrap Carousel
		- Carousel Fade
	- Home Carousel Slider
	- Owl Slider
		- Owl Navigations
		- Owl Paginations
	- Text Slider
3. MAIN SECTION
	- Special Features
	- Features
	- Additional Features
	- Progress
	- Portfolio / Work
	- Work Process
	- Pricing
		-Ribbon
	- Counter
	- Pie Chart
	- Item-box
	- Twiiter Feed
	- Blog
		- Latest News
		- Posts
		- Video Post
		- Meta
		- Reply
	- Testimonials
	- Get a Quote
	- Page Title Variations
	- Background Video
	- Google Map
	- Contact Form
	- Sitemap
4. SIDEBAR
	- Tags
	- Social Feed Widget
	- Shop Widgets
	- Poll
	- Price Range Filter
	- Widget
	- Newsletter
	- Sticky Sidebar - NEW
5. PAGES
	- Service Time-line
	- Time Liner Blog & Resume
	- Timeline Left side Bar
	- Coming Soon
	- Event page
		- Schedule Section
		- Schedule panel-collapse
		- Faq
	- Book Landing page
	- 404
	- Charity
	- Fashion page
	- spa
	- Wedding
	- Real Estate
	- Motor Page
	- Mail chimp
	- Shopping Cart
		- Zoom Product
	- Masonry Grid
	- Hosting Page
6. Footer
	- Copyright
	- Dark Section
	- Bootstrap Elements
7 . Extras
	- Space Adjustments
		- Custom Height
		- 4 Side Padding
		- 4 Side Margin
		- Top Padding
		- Top Margin
		- Bottom Padding
		- Bottom Margin
		- Top & Bottom Padding
		- Top & Bottom Margin
	- Item Box
	- Carousel Custom height

/******************************************************************************
  Global Style
*******************************************************************************/
body {
  font-family: "Lato", sans-serif;
  height: 100%;
  line-height: 1.3;
  font-style: normal;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-size: 120%;
}

input,
button {
  font-family: "Lato", sans-serif;
}

/* Heading */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 5px;
  font-family: "Lato", sans-serif;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
  font-weight: 500;
  text-transform: none;
}

h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
}

h5 {
  font-size: 18px;
  text-transform: none;
}

h6 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  text-transform: capitalize;
}

/* List Style */

/* Links */
a {
  color: #4d4d4d;
  text-decoration: none;
}

.announcement a,
a,
a:visited,
a:focus {
  color: #4d4d4d;
  text-decoration: none;
}

a.btn.btn-default {
  color: #fff;
}

a:active {
  color: #000;
}

a:hover {
  color: #001e9a;
  text-decoration: none;
  outline: 0 none;
}

.container {
  max-width: 1200px;
  width: 100%;
}

/* Positions */

.relative {
  position: relative;
}

/* Title */
.title {
  font-family: "Lato", sans-serif;
}

.section-title {
  border-bottom-width: 0px;
  margin-bottom: 40px;
  position: relative;
}

.section-title h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 12px;
  padding: 14px 0;
}

.section-title h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 35px;
  font-weight: normal;
  margin: 0 0 12px;
  padding: 14px 0;
}

.section-title.text-left h2,
.section-title.text-left h1 {
  text-align: left;
}

.section-title h1:before,
.section-title h2:before {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right: 0;
  margin: -2px auto;
  position: absolute;
  width: 40px;
}

.section-title h2 {
  font-size: 28px;
}

.section-title.text-left h2 {
  text-align: left;
}

.section-title.text-left h1:before,
.section-title.text-left h2:before {
  left: 0;
  margin-left: 0;
}

/* Layout */
section,
.footer-widget,
.copyright {
  position: relative;
}
/* background images*/

.page-section {
  padding: 30px 0;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* z-index */

/* Button */
.btn {
  line-height: 22px;
  outline: none;
  padding: 9px 20px;
  border: none;
}

.btn:hover {
  -webkit-transition: background 0.2s linear, color 0.2s linear;
  transition: background 0.2s linear, color 0.2s linear;
}

.btn-default:hover {
  color: #fff;
}

/* Updated */

/* Animation */

.animated {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/******************************************************************************
	Icons Styles
  *******************************************************************************/

/* Icon With Color */

/* Icons With Size Variations */

/* Social Icons */

/* Icon Hover */

/* Border */
* {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0;
  zoom: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none !important;
}

/* Page Loader */

/* Accordion */

/* Updated */

/* Updated */

/* Tabs */

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

/* Top Up Tab Added */
/* BG Image */

/* Overlay */

/* Forms */

.form-control {
  margin-bottom: 20px;
}

/* Text Color */
.white,
.white:hover {
  color: #ffffff !important;
}

.white a:not(.btn) {
  color: #ffffff;
}

.black {
  color: #000000;
}

/* BG Color */

.light-bg {
  background: #f7f7f7;
}

.border-tb {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
}

/* Transition Effects */

/* Image */
img {
  height: auto;
  max-width: 100%;
}

/* Double Image */

/*  Gary Scale Image */

/******************************************************************************
	Hover Effects
  *******************************************************************************/
.btn:hover,
.get-a-quote:hover a,
.get-a-quote a,
i:hover,
i {
  transition: all 350ms ease-in-out 0s;
  -moz-transition: all 350ms ease-in-out 0s;
  -webkit-transition: all 350ms ease-in-out 0s;
  -o-transition: all 350ms ease-in-out 0s;
  -ms-transition: all 350ms ease-in-out 0s;
}

/* Hover Zoom Effects */

/* Hover Rotate Effects */

/* Endless Rotating */

/******************************************************************************
	Navigation Menu
  *******************************************************************************/

.navbar {
  margin-bottom: 0;
}

.sticky-menu {
  z-index: inherit;
}

/*--------------- Side Navigation Menu--------------*/

/*------------MENU------------*/

.nav > li > a:focus {
  background: transparent;
}

/*---STICKY----*/

/******************************************************************************
							  SLIDER SECTION
  *******************************************************************************/

/*Revolution Slider */
.tp-caption {
  white-space: inherit;
  text-align: center;
}

.tp-banner {
  z-index: 0;
}

.slider .bold {
  font-size: 17px;
  font-weight: 200;
  text-transform: none;
  margin: 0;
  line-height: 30px;
}

.tp-bannertimer {
  background: #777 !important;
  background: rgba(0, 0, 0, 0.1) !important;
  height: 0px !important;
}

.top-contact {
  float: left;
  font-size: 110%;
}

.newsscroll {
  padding-left: 5%;
  width: 65%;
  float: left;
  height: 100%;
  font-size: 120%;
}

/* Bootstrap Carousel */
.carousel-control {
  top: 0;
  width: 10%;
}

/* Carousel Fade */

/*  Home Carousel Slider */

.black {
  text-shadow: none;
}

/* Owl Slider */

/* Owl Navigations */

/* Owl Paginations */

/* Owl Bootstrap Friendly */

/******************************************************************************
	Text Slider
  *******************************************************************************/

/******************************************************************************
								  MAIN SECTION
  *******************************************************************************/

/*Special Features */

/******************************************************************************
	Features
  *******************************************************************************/

/* Additional Features */

/* Progress */

/******************************************************************************
	Portfolio / Work
  *******************************************************************************/

/* @media screen and (max-width: 960px) {
  margin: 0px;
} */

/******************************************************************************
	Work Process
  *******************************************************************************/

/* Updated */

/* Updated */

/******************************************************************************
	Pricing
  *******************************************************************************/

/* Ribbon */

.announcement {
  width: 100%;
  height: auto;
  text-align: justify;
  padding: 10px;
  margin-bottom: 10px;
}

/* Counter */

/* Added */

/* Pie Chart */

/* Item-box */

/******************************************************************************
	Twiiter Feed
  *******************************************************************************/

/******************************************************************************
	Blog
  *******************************************************************************/

/* Latest News */

/* Posts */

/* added */

/* Video Post */

/* Meta */

/* Reply */

/* Testimonials */

.item {
  position: relative;
}

/* Add arrow at bottom of section */

/* Add Quotation in Blockquote */

/******************************************************************************
	Get a Quote
  *******************************************************************************/
.get-a-quote {
  padding: 0px 0 10px;
  font-size: 34px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}

.get-a-quote a {
  font-weight: 500;
  text-decoration: underline;
}

.get-a-quote:hover a {
  padding-left: 10px;
}

/* Header */

/******************************************************************************
										Page Title Variations
  *******************************************************************************/

/******************************************************************************
	Pages
  *******************************************************************************/

/* Background Video */

/* Local Hosted Video */

/* Custom Video BG */

ul,
p {
  text-align: left;
  font-size: 120%;
}

/* Google Map */

/* Contact Form */

/* Sitemap */

/******************************************************************************
	Sidebar
  *******************************************************************************/

/* Tags */

/* Social Feed Widget */

/* Shop Widgets */

/* Poll */

/* Price Range Filter */

/******************************************************************************
	Widget
  *******************************************************************************/

.widget ul {
  padding: 0px;
  margin: 0px;
}

.widget li {
  list-style: none;
}

.widget li a,
.widget li a:visited {
  color: #7f7f7f;
  text-decoration: none;
}

.widget li {
  line-height: 21px;
}

.widget a,
.widget a:visited {
  color: #7f7f7f;
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.widget a:hover {
  color: #000;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.widget .widget-title .title {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.widget .widget-title {
  border-bottom: 1px solid #e1e1e1;
  margin: 0 0 12px;
  position: relative;
}

/* Newsletter */

/* Sticky Sidebar */

/******************************************************************************
	PAGES
  *******************************************************************************/

/*Service Time-line*/

/* Time Liner Blog & Resume */

/* Timeline Left side Bar */

/******************************************************************************
	Coming Soon
  *******************************************************************************/

/* Event page*/

/* Event Countdown */

/*Regester-now Section*/

/*Event Page*/

/* Event page*/

/*Regester-now Section*/

/*Photo Gallery*/

/* Schedule Section*/

/* Schedule panel-collapse  */

/*Faq*/

/*Book Landing page*/

/* 404 */

/*Charity*/

/*Fashion page*/

/*spa*/

/*----------Wedding-----------*/

/*Real Estate*/

/*Motor Page*/
.carousel {
  position: relative;
}

/*Mail chimp*/

.form-control {
  background: none;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 22px;
  min-height: 40px;
  padding: 0px 12px;
  width: 100%;
}

/*Timeline*/

/*-------------Bakery---------------*/

/*Saloon*/

/*Bakery Menu*/

/*pricing*/

/*product*/

/*client*/

/*-----------------Travel Page------------------*/

/*Features*/

/******************************************************************************
	Shopping Cart
  *******************************************************************************/

/* Zoom Product */

/* Masonry Grid */

/* Masonry With Gap */

/*Hosting Page*/

/******************************************************************************
	Footer
  *******************************************************************************/
#footer {
  color: #7f7f7f;
  border-top: 2px solid #001e9a;
}

.widget {
  font-size: 14px;
}

#footer .footer-widget {
  background: #f2f2f2;
  line-height: 21px;
  padding: 30px 0 13px;
}

#footer .footer-widget .widget-title {
  padding-top: 20px;
}

#footer .copyright {
  background: #f7f7f7;
  border-top: 1px solid #e1e1e1;
  font-size: 11px;
  line-height: 17px;
  padding: 21px 0 20px;
}

/* Copyright */
.copyright a {
  color: #7f7f7f;
}

/*Hidden footer*/

/******************************************************************************
	Dark Section
  *******************************************************************************/

/******************************************************************************
	Bootstrap Elements
  *******************************************************************************/

@font-face {
  font-family: anchorjs-link;
  font-style: normal;
  font-weight: 400;
}

:hover > .anchorjs-link {
  opacity: 0.75;
  transition: color 0.16s linear 0s;
}

:hover > .anchorjs-link:hover {
  opacity: 1;
  text-decoration: none;
}

body {
  position: relative;
}

/******************************************************************************
							  Space Adjustments
  *******************************************************************************/
.no-pad {
  padding: 0;
}

/* Custom Height */

/* 4 Side Padding */

.pad-20 {
  padding: 20px;
}

/* 4 Side Margin */

/* Top Padding */

/* Top Margin */

/* Bottom Padding */

/* Bottom Margin */

/* Top & Bottom Padding */

/* Left & Right Padding */

/* Top & Bottom Margin */

/* left & right Margin */

/* Item Box */

/* .achievementPoetiquesBanner {
    background-image: url("https://res.cloudinary.com/nps-whitefield/image/upload/v1600340931/website/Poetiques_nuiosh.jpg") !important;
    background-position: center 5%;
} */

@media (min-width: 800px) {
  .announcementsList {
    overflow-y: scroll;
  }
}

@media (min-width: 300px) {
  .announcementsList {
    height:5rem;
    overflow-y: scroll;
  }
}

/*.LeadNameWithRole img {
    height: 12em !important;
}*/

.leaderName,
.LeaderRole {
  font-size: 1.2em;
  text-align: center;
}

p {
  font-family: Lato, Arial, Helvetica, sans-serif !important;
}
@media (max-width: 768px) {

  /* .tp-banner {
    height: 25em !important;
  } */

  .tpCaptionText h4,
  .tpCaptionText h6 {
    line-height: 180% !important;
  }

  .tpCaptionText h4 {
    font-size: 12px !important;
  }

  .tpCaptionText h6 {
    font-size: 11px !important;
  }
}

.btn-default {
  color: #fff;
}
/*
.fontSize100Percent{
    font-size: 100% !important;
}
*/

/*@media (min-width: 1440px) {
    .thumbnail>img {
        max-height: 18em;
    }
}*/

#footer .widget,
#footer .copyright {
  font-size: 100% !important;
}
/*      .nav>li>a {*/
/*    padding: 10px 10px;*/
/*}*/
.container {
    max-width: 1300px;
}
@media screen and (max-width: 960px) {
  .registration{
      font-size: 25px;
  }
}


@media screen and (max-width: 500px) {
 
 .top-icon {
    text-align: center;
}
 
}

@media screen and (min-width: 500px) {
 
 .top-icon {
    text-align: right;
}
 
}


.top-icon {
    font-size: 18px;
    color: white;
}

.fa-instagram {
    padding-left: 10px;
    padding-right: 10px;
}

.top-contact {
    padding-top: 5px; 
}
@media (min-width: 992px){
  .sticky-navigation .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
}