/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Gunar-Black';
  src: url("../fonts/gunar/30F173_0_0.eot");
  src: url("../fonts/gunar/30F173_0_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_0_0.woff2") format("woff2"), url("../fonts/gunar/30F173_0_0.woff") format("woff"), url("../fonts/gunar/30F173_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-BlackItalic';
  src: url("../fonts/gunar/30F173_1_0.eot");
  src: url("../fonts/gunar/30F173_1_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_1_0.woff2") format("woff2"), url("../fonts/gunar/30F173_1_0.woff") format("woff"), url("../fonts/gunar/30F173_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Bold';
  src: url("../fonts/gunar/30F173_2_0.eot");
  src: url("../fonts/gunar/30F173_2_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_2_0.woff2") format("woff2"), url("../fonts/gunar/30F173_2_0.woff") format("woff"), url("../fonts/gunar/30F173_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-BoldItalic';
  src: url("../fonts/gunar/30F173_3_0.eot");
  src: url("../fonts/gunar/30F173_3_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_3_0.woff2") format("woff2"), url("../fonts/gunar/30F173_3_0.woff") format("woff"), url("../fonts/gunar/30F173_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-DemiBold';
  src: url("../fonts/gunar/30F173_4_0.eot");
  src: url("../fonts/gunar/30F173_4_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_4_0.woff2") format("woff2"), url("../fonts/gunar/30F173_4_0.woff") format("woff"), url("../fonts/gunar/30F173_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-DemiBoldItalic';
  src: url("../fonts/gunar/30F173_5_0.eot");
  src: url("../fonts/gunar/30F173_5_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_5_0.woff2") format("woff2"), url("../fonts/gunar/30F173_5_0.woff") format("woff"), url("../fonts/gunar/30F173_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-ExtraBold';
  src: url("../fonts/gunar/30F173_6_0.eot");
  src: url("../fonts/gunar/30F173_6_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_6_0.woff2") format("woff2"), url("../fonts/gunar/30F173_6_0.woff") format("woff"), url("../fonts/gunar/30F173_6_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Light';
  src: url("../fonts/gunar/30F173_7_0.eot");
  src: url("../fonts/gunar/30F173_7_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_7_0.woff2") format("woff2"), url("../fonts/gunar/30F173_7_0.woff") format("woff"), url("../fonts/gunar/30F173_7_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-LightItalic';
  src: url("../fonts/gunar/30F173_8_0.eot");
  src: url("../fonts/gunar/30F173_8_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_8_0.woff2") format("woff2"), url("../fonts/gunar/30F173_8_0.woff") format("woff"), url("../fonts/gunar/30F173_8_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Italic';
  src: url("../fonts/gunar/30F173_9_0.eot");
  src: url("../fonts/gunar/30F173_9_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_9_0.woff2") format("woff2"), url("../fonts/gunar/30F173_9_0.woff") format("woff"), url("../fonts/gunar/30F173_9_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-ExtraBoldItalic';
  src: url("../fonts/gunar/30F173_A_0.eot");
  src: url("../fonts/gunar/30F173_A_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_A_0.woff2") format("woff2"), url("../fonts/gunar/30F173_A_0.woff") format("woff"), url("../fonts/gunar/30F173_A_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Heavy';
  src: url("../fonts/gunar/30F173_B_0.eot");
  src: url("../fonts/gunar/30F173_B_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_B_0.woff2") format("woff2"), url("../fonts/gunar/30F173_B_0.woff") format("woff"), url("../fonts/gunar/30F173_B_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Medium';
  src: url("../fonts/gunar/30F173_C_0.eot");
  src: url("../fonts/gunar/30F173_C_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_C_0.woff2") format("woff2"), url("../fonts/gunar/30F173_C_0.woff") format("woff"), url("../fonts/gunar/30F173_C_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-HeavyItalic';
  src: url("../fonts/gunar/30F173_D_0.eot");
  src: url("../fonts/gunar/30F173_D_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_D_0.woff2") format("woff2"), url("../fonts/gunar/30F173_D_0.woff") format("woff"), url("../fonts/gunar/30F173_D_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Thin';
  src: url("../fonts/gunar/30F173_E_0.eot");
  src: url("../fonts/gunar/30F173_E_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_E_0.woff2") format("woff2"), url("../fonts/gunar/30F173_E_0.woff") format("woff"), url("../fonts/gunar/30F173_E_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-MediumItalic';
  src: url("../fonts/gunar/30F173_F_0.eot");
  src: url("../fonts/gunar/30F173_F_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_F_0.woff2") format("woff2"), url("../fonts/gunar/30F173_F_0.woff") format("woff"), url("../fonts/gunar/30F173_F_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-Regular';
  src: url("../fonts/gunar/30F173_10_0.eot");
  src: url("../fonts/gunar/30F173_10_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_10_0.woff2") format("woff2"), url("../fonts/gunar/30F173_10_0.woff") format("woff"), url("../fonts/gunar/30F173_10_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gunar-ThinItalic';
  src: url("../fonts/gunar/30F173_11_0.eot");
  src: url("../fonts/gunar/30F173_11_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gunar/30F173_11_0.woff2") format("woff2"), url("../fonts/gunar/30F173_11_0.woff") format("woff"), url("../fonts/gunar/30F173_11_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Serifa-Lig';
  src: url("../fonts/serifa/3018A1_0_0.eot");
  src: url("../fonts/serifa/3018A1_0_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/serifa/3018A1_0_0.woff2") format("woff2"), url("../fonts/serifa/3018A1_0_0.woff") format("woff"), url("../fonts/serifa/3018A1_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Serifa-Bol';
  src: url("../fonts/serifa/3018A1_1_0.eot");
  src: url("../fonts/serifa/3018A1_1_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/serifa/3018A1_1_0.woff2") format("woff2"), url("../fonts/serifa/3018A1_1_0.woff") format("woff"), url("../fonts/serifa/3018A1_1_0.ttf") format("truetype"); }
body{ padding-top: 60px; font-family: Gunar-Medium, Helvetica Neue, sans-serif;}

h1, h2, h3, h4, h5, h6 {
    color: #333F48;
    font-family: Serifa-Bol, Georgia, serif;
    font-weight: 400;
    letter-spacing: 0.066rem;
    line-height: normal;
    margin: 0;
    padding: 0;
} 
h1 .heading1{font-family: Serifa-Lig, Georgia, serif}
h1 .heading2{font-family: Serifa-Bol, Georgia, serif}
h2 .heading1{font-family: Serifa-Lig, Georgia, serif}
.bg{background: rgba(124, 135, 142, 0.34);
    display: inline-block;
    width: 100%;
    padding: 15px 0; box-shadow: 4px 5px 9px 0px rgba(0, 0, 0, 0.41);
    margin: 10px 0;}
.marB25{ margin-bottom: 25px; }
.navbar-default{ background: #fff;     border: 0; }
.navbar-brand{ height: auto; padding: 5px 15px; }
.navbar-nav>li{    padding: 1.5rem 1.5rem;
    background-color: #333f48;
    transition: background-color .5s;}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{ color: #fff; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: #fff; background-color: #333f48;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #fff; background-color: #333f48;}
.banner { width: 100%; display: table; margin: auto;  height: calc(100vh - 210px);  position: relative;}
/*.banner:before{ position: absolute; content: ''; background: url(../images/mountain-mark.svg) right 55px no-repeat; background-size: contain; width: 100%; height: 100%; z-index: 99; }*/
.banner:before {
    position: absolute;
    content: '';
    background: url(../images/mountain-mark.svg) right bottom no-repeat;
    background-size: 50%;
    width: 100%;
    height: 100%;
    z-index: 99;
    right: 0;
    object-fit: contain;
}
.banner img{ width: 100%; height: 100%; object-fit: cover; position: relative; }
.banner .contain{ width: 100%;  max-width: 1170px; margin: auto; height: auto; position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto;  z-index: 99;}
.banner .contain .text-overlay-home {
    max-width: 455px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.banner .contain .text-overlay-home h1{
font-size: 39px;
line-height: 1.2;
color: #ffffff;}

.banner .contain .text-overlay-home p{ color: #fff; font-size: 16px; margin-top: 30px; }

.newletter{ background: #44693d; padding: 5% 0; }
.newletter .form-control{ border: 0; height: 54px; padding-right: 109px;
    border-radius: 0; }
.newletter .btn-default{  position: absolute;
    right: 0;
    top: 0;
    border-radius: 0; padding: 16px 30px; background-color: #333f48; color: #fff;
    border-color: #ccc; }


/*#44693d*/

.modal-content{ border-radius: 0; }
.modal-dialog  .form-group{ margin-bottom: 0; }

.inner-banner{ width: 100%; margin: auto; height: 250px;  position: relative;}
.inner-banner:before{ position: absolute; content: ''; background: url(../images/mountain-mark.svg) 80% 55px no-repeat; background-size: contain; width: 100%; height: 100%; z-index: 99; }
.inner-banner img{ width: 100%; height: 100%; object-fit: cover; position: relative;}
.inner-banner .contain{ width: 100%;  max-width: 1170px; margin: auto; height: auto; position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto;}
.inner-banner .contain .text-overlay-home{max-width: 535px; position: absolute; bottom: 15%; left: 0;}
.inner-banner .contain .text-overlay-home h2{
font-size: 39px;
line-height: 1.2;
color: #ffffff;}
.hide-mobile p a{color: #fff;}

.inner-banner .contain .text-overlay-home p{ color: #fff; font-size: 16px; margin-top: 30px; }

.bg h3{ margin-top: 5px; font-family: Gunar-Medium, Helvetica Neue, sans-serif;}
.bg h4{ margin-top: 10px; font-family: Gunar-Medium, Helvetica Neue, sans-serif;}

.buttonDownload {
	display: inline-block;
	position: relative;
	padding: 10px 25px;
  
	background-color: #44693d;
	color: white;
  
	font-family: sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
	text-indent: 15px;
  margin-bottom: 5px;
}

.buttonDownload:hover {
	background-color: #333;
	color: white;
}

.buttonDownload:before, .buttonDownload:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.buttonDownload:before {
	width: 14px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.buttonDownload:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;
  
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;
	
	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.buttonDownload:hover:before {
	border-color: #fff;
}

.buttonDownload:hover:after {
	border-top-color: #fff;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}
	
	0.001% {
		margin-top: -15px;
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		margin-top: 0;
		opacity: 0;
	}
}


.modal-dialog .form-control{ margin: 15px 0; border-radius: 0; box-shadow: none; height: 54px; display: inline-block; }
.modal-dialog .btn-primary{ font-size: 22px; padding: 12px; border-radius: 0; background: #44693d; }
@media (min-width: 768px){
.modal-dialog {
    width: 500px;
    margin: 30px auto;
}
}

@media (max-width: 767px){
  .bg .col-sm-4.text-center,.bg .col-sm-4.text-right {
      text-align: left!important;
  }
  .bg h4{ margin: 10px 0; }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
  }
  .banner:before {
      position: absolute;
      content: '';
      background: url(../images/mountain-mark.svg) right bottom no-repeat;
      background-size: contain;
      width: 100%;
      height: 100%;
      z-index: 99;
      right: 0;
  }
}

/*Loader Start*/
.loader{ width: 100%; height: 100%; left: 0; bottom: 0; right: 0; top: 0; margin: auto; background: rgba(26, 188, 156, .9);     position: fixed;
    z-index: 999999;}

.loader p{bottom: -25px;
    position: absolute;
    width: 100%;
    min-width: 150px;
    left: -15px;
    color: #fff;
    font-weight: 700;}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: auto; top: 50%; right: 0; bottom: 0; left: 0;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*Loader End*/

.table-container .form-group{         padding: 12px 20px;
    /* font-size: 16px; */
    border-bottom: 1px solid #dcdcdc; }
.table-container   .form-group:hover {
    background: #f2f2f2;
}
.table-container .form-group label{ text-align: left; padding: 0; }
.form-container.table-container {
            padding: 0px 20px 25px 25px;
}
.dropdown-menu {background: #333f48;}
.dropdown-menu li a{color: #fff;}