@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
p, label, .btn, .form-control, .title h5, .navbar, .brand, .btn-simple, a, .td-name, td, small, .media h5, .subtitle {
    font-family: 'Montserrat', 'Lora', serif;
}
  .navbar-fixed-top{
    position: static !important;
    margin-bottom: 0px;
  }

	.carousel-caption h1{
	color: #fff;
	}

	.carousel-caption h2, h3, h4, h5, h6{
	color: #fff;
	}

	.carousel-caption p{
	color: #fff;
	}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	color: #000;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	color: #000;
}

h3 {
	font-family: 'Lora', serif;
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	color: #000;
}

h4 {
	font-family: 'Lora', serif;;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	color: #000;
}

h5 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	color: #000;
}

h6 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #000;
}

p {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	line-height: 22.4px;
}

.description{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	line-height: 22.4px;
}

.content-blog p, .content-blog li {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
}



p.description {
    font-size: 16px;
    color: #000;
}

.intro {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
}
.lead {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
}


.section .title-area .description {
    font-size: 16px;
    color: #000;
}

.section-header h1, .section-header-blog h1, .section-presentation-page h1{
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-shadow: none;
	font-size: 60px;
}
 @media only screen and (min-width: 1201px){
 	.section-header .content, .section-header-blog .content, .section-presentation-page .content{
		width: 1170px;
	}
 }
 @media only screen and (min-width: 992px)and (max-width: 1200px){
	
	.section-header .content, .section-header-blog .content, .section-presentation-page .content{
		width: 970px;
	}
}

@media only screen and (min-width: 769px)and (max-width: 992px){
	
	.section-header .content, .section-header-blog .content, .section-presentation-page .content{
		width: 780px;
	}
}



@media (max-width: 992px){
	.section-header .content h1, .section-header-blog h1, .section-presentation-page h1{
		color: #fff;
		font-style: normal;
		font-weight: 700;
		text-shadow: none;
		font-size: 36px;
		letter-spacing:normal;
	}
}

.section-header p, .section-header-blog p, .section-presentation-page p{
	color: #fff;
	font-style: normal;
}

.section-header .content, .section-header-blog .content, .section-presentation-page .content{
	text-align: left;
    margin-left: 6%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


h3.promo-name{
	font-family: 'Lora', serif;;
	font-weight: 700;
	font-size: 35px;
	color: #fff;
	line-height: 43.8px;
}

h5.promo-subtitle{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
}

.project p {
	font-size:16px;
}

div.separator-container{
	display: none;
}

div.separator.separator-danger span{
	display:none;
}

.separator:before{
	width: 60%;
	border: 2px solid #EE3424;
	margin-top:0px;
	margin-bottom:15px;
}
.separator-danger:after {
	border: 2px solid #EE3424;
	margin-top:0px;
	margin-bottom:15px;
}
.red{
	color: #EE3424;
}

.text-gray {
    color: #474747;
}

.info-icon .icon {
    font-size: 62px;
    line-height: 66px;
    color: #EE3424;
    margin-bottom: 10px;
}

.btn{
	opacity:1 !important;
}

.btn-lg{
	border-radius: 8px;
	opacity:1;
}

.btn-border-black {
    text-transform: initial;
	border-color: #000;
    color: #000;
}

.btn-black {
    text-transform: initial;
	border-color: #000;
	background-color: #000;
    color: #fff;
}

.btn-primary {
    text-transform: initial;
	border-color: #EE3424;
	background-color: #EE3424;
    color: #fff !important;
}

.btn-primary:hover{
	text-transform: initial;
	border-color: #EE3424;
	background-color: #FFFFFF;
    color: #EE3424 !important;
}

.btn-dark-red {
	text-transform: initial;
	border-color: #9D1105;
	background-color: #9D1105;
    color: #fff;
}

.btn-white {
	text-transform: initial;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
    color: #EE3424;
}

.btn-grey {
	text-transform: initial;
	border-color: #535E69;
	background-color: #535E69;
    color: #fff;
}

.btn-danger.btn-fill{
	color: #000;
    background-color: transparent;
    border-color: #000;
    text-transform: initial;
}

.btn-danger.btn-fill:hover{
	color: #fff;
    background-color: #000;
    border-color: #000;
    text-transform: initial;
}

.btn.btn-lg.btn-blue{
	color: #000;
    background-color: transparent;
    border-color: #89CBDF;
    text-transform: initial;
}

.btn.btn-lg.btn-blue:hover{
	color: #fff;
    background-color: #89CBDF;
    border-color: #89CBDF;
    text-transform: initial;
}

.btn.btn-lg.btn-blue:active{
	color: #fff;
    background-color: #A8C4CC;
    border-color: #A8C4CC;
    text-transform: initial;
}

.navbar .navbar-nav > li > a.btn-danger.btn-fill{
	color: #000;
    background-color: transparent;
    border-color: #000;
    text-transform: initial;
}

.navbar .navbar-nav > li > a.btn-danger.btn-fill:hover{
	color: #fff;
    background-color: #000;
    border-color: #000;
    text-transform: initial;
}


.text-warning{
	color: #410093 !important;
}

.separator-danger, .filter .separator, .separator{
	color: #EE3424;
	width:30%;
	float:left;
}
.separator-content{
	width:30%;
	float:none;
}

.filter .separator::before, .filter .separator::after{
	color: #EE3424;
}

blockquote{
	font-family: 'Lora', serif;;
	font-style: normal;
	font-weight: 600;
	font-size: 35px;
	border-left: none;
}

blockquote::before{
	content: open-quote;
    font-family: 'Lora', serif;;
    position: absolute;
    font-style: normal;
    font-weight: 700;
    font-size: 150px;
    color: #EE3424;
    margin-right: 20px;
    margin-left: -0.6em;
    margin-top: -0.4em;
}

.panel-default>.panel-heading .panel-title.collapsed h3 {
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.panel-default>.panel-heading .panel-title h3{
	color: #000;
    font-family: 'Montserrat', sans-serif;
}

.panel-default>.panel-heading .panel-title:hover h3 {
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:not(.btn):hover, .navbar-default .navbar-nav > .active > a:not(.btn):focus, .navbar-default .navbar-nav > li > a:not(.btn):hover, .navbar-default .navbar-nav > li > a:not(.btn):focus{
	color: #000;
    opacity: 1;
    font-weight:700;
}
.navbar-default .navbar-nav > li > a:not(.btn){
	opacity:1;
	font-weight:700;
}
a{
	opacity:1;
}

.dropdown-menu > li > a {
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
    color: #000;
}

.dropdown-menu > li:last-child > a {
	font-family: 'Montserrat', sans-serif;
    text-transform: none;
    color: #000;
}
.navbar .navbar-brand {
    margin: 20px 0px 25px 0px;
    padding: 0px;
}



@media (min-width: 768px){
	.navbar-transparent .navbar-nav > .dropdown > a .caret, .navbar-transparent .navbar-nav > .dropdown > a:hover .caret, .navbar-transparent .navbar-nav > .dropdown > a:focus .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:hover .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:focus .caret {
    	border-bottom-color: #000;
    	border-top-color: #000;
	}
	.intro {
    	font-size: 21px !important;
	}
	.lead {
    	font-size: 21px !important;
	}
}


.dropdown-menu > li:last-child > a:hover{
	color:#EE3424;
}

.card-blog .content {
    text-align: left;
}

footer.footer-red{
	border-top: solid #EE3424 10px;
}
.copyright{
	display: flex;
    justify-content: flex-start;
}
.footer .title {
    color: #000;
}
.footer nav > ul a:not(.btn) {
	color: #000;
}

.footer .btn-social {
    color: #000;
}

.copyright div {
    color: #000;
    font-size:15px;
}

.story-blog h3{
	font-family: 'Lora', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}

.article-blog h3{
	font-family: Monserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}

.person-card h3{
	font-family: Monserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}

.company-card h3, .card-blog h3{
	font-family: Monserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}

.job-listing h3{
	font-family: Monserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}

.datafilter h1{
	font-size:60px;
}

hr.seperateRed{
	width:142px;
	border:2px solid #EE3424;
}

.filter .separator:before, .filter .separator:after {
    border-color: #EE3424;
}

/* figuer.test+p{
	text-align:left;
}
figuer.test{
	
	float:right;
} */
.navbar-default .navbar-nav > li > a:not(.btn) {
    color: #000;
}

.dropdown-menu.dropdown-danger > li > a:hover, .dropdown-menu.dropdown-danger > li > a:focus{
	    color: #EE3424;
}

.pagination a {
	 color: #EE3424;
}

.pagination a.active {
    background-color: #EE3424;
    color: white;
    border: 1px solid #EE3424;
}

.section-contact-form {
    padding-top: 160px;
}

form[name="Login"] div.modal{
	top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
}
 div[role=dialog].modal{
	display: block;
	position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
div[role=dialog].modal.fade.in{
	display: block;
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.card a {
    opacity: 1 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff !important;
}

.product-img-container{
	padding-left:0px;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .content-blog p a,.content-blog li a{
	font-family: 'Montserrat', sans-serif !important;
	font-size:inherit;
}
.content-blog p a,.content-blog li a{
	font-weight:bold;
	text-decoration:underline;	
}

@media (min-width: 769px){
	.custom-product{
		padding:50px 65px 25px 0px;
	}
	.custom-product-two{
		padding:25px 35px 25px 0px;
	}
	.product-number{
		color:#89CBDF;
		font-size:72.5px;
		font-weight:600;
		font-family:Lora;
		float:right;
		line-height:normal;
	}

}
@media (max-width: 768px){
	.header-container{
		margin: auto;
		top: 50%;
		position: absolute;
		transform: translateY(-50%);
		width: 100%;
	}
	.navbar .navbar-brand {
    	position: fixed;
    	left: 30%;
	}
	h2{
		font-size:24px !important;
	}
	h3{
		font-size:16px !important;
	}
	blockquote {
		font-size:24px !important;
	}
	blockquote::before {
		font-size:60px;
	}
	p{
		font-size:14px;
	}
	.panel-default>.panel-heading .panel-title{
		padding-right: 20px;
	}
	.panel-default>.panel-heading .panel-title h3 svg{
		font-size: 16px;
		margin-right: -20px;
	}
	footer .row .info {
    	text-align: center;
	}
	.copyright{
		justify-content:center;
	}
	.custom-product{
		padding:25px 35px 25px 25px;
		width:100%;
	}
	
	.custom-product-two{
		padding:25px 35px 25px 25px;
		width:100%;
	}
	
	.product-number{
		color:#89CBDF;
		font-size:60px;
		font-weight:600;
		font-family:Lora;
		float:right;
		line-height:normal;
		margin-left:10px;
	}
	
	.product-img-container{
		padding-left: 0px;
    	padding-right: 0px;
    	width: 100%;
	}
	
	img.product-img{
		height:100%;
		width: 100%;
		max-height:550px;
	}
}

.btn-social.btn-simple .fa{
	color:#000;
}