/*
Theme Name: Frontier Trust theme

Version: 1.0
License: FRONTIER TRUST COMPANY
License URI: https://www.frontiertrustcompany.com

This theme built with Twitter Bootstrap v.4. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
#mfesecure-ts-image{
	display: none;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*
media queries
*/
@media screen and (min-width: 768px){
	.navbar-expand-md .navbar-nav .nav-link {
    	padding-right: 1.5rem !important;
    	padding-left: 1.5rem !important;
	}
}

/*
Custom css
*/
html{
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #3a3f52;
	height: 100%
}

ul {
	list-style-type: none;
	padding-left: 0px;
}
h1{
	font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 50px !important;
    text-align: center !important;
    color: #1a1a1a !important;
    font-style: normal !important;
}
h2{
	font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 45px !important;
    text-align: center !important;
    color: #000000 !important;
    font-style: normal !important;
}
span.subtitle{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    font-style: normal;
}
span.subtitle:after{
	display: block;
	content: "";
	width: 100px;
	height: 7px;
	margin: 45px auto;
	background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x; /* make it horizontal*/
    background-position: 0 95%; /*change the second value to adjust how far from the top the underline should be*/
    background-size: 100% 9px; /*change the second value to the desired height of the underline*/ 
}
h3{
	margin-bottom: 15px !important;
	font-size: 20px !important;
	font-family: 'scotch_deckbold' !important;
	font-weight: 900 !important;
	text-align: left !important;
	color: #000 !important;
}
.title{
	text-align: center;
	margin-bottom: 10px;
}
section {
	padding: 50px 0px 100px;
}
section#hero {
	padding: 100px 0px;
}
section#services:before {
	display: block;
	content: "";
	width: 25px;
	height: 27px;
	margin: 0 auto;
	background-image: url('assets/img/arrow.png');
	position: relative;
	top: -63px;
}
.custom-menu .navbar-collapse ul li{
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #152c49;
    font-size: 18px;
}
.page-header {
    margin-bottom: 0!important;
}
.title-block {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
}

.title-block p {
	font-size: 20px;
	font-weight: 300;
	color: #8da2b5;
	margin-bottom: 0px;
}

.divider {
	padding: 2rem 0 0;
    margin: 2rem 0 0;
    border-top: 1px solid #3c3f45;
}

.divider-light {
	padding: 2rem 0 0;
    margin: 2rem 0 0;
	border-top: 1px solid #edf1f2
}
/* ==============================================
   1. Fontface 
===============================================*/

@font-face {
    font-family: 'scotch_deckbold';
    src: url('assets/fonts/positype_-_scotch_deck_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/positype_-_scotch_deck_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'scotch_display_romanbold';
    src: url('assets/fonts/positype_-_scotch_display_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/positype_-_scotch_display_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scotch_displaymedium_italic';
    src: url('assets/fonts/positype_-_scotch_display_medium_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/positype_-_scotch_display_medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* ==============================================
   2. Navbar
===============================================*/
.navbar {
    min-height: 0px !important;
    padding: 0 !important;
}
.center-navbar{
	margin: 0 auto;
}
.navbar-brand{
	margin-left: 1rem;
}
.custom-navbar{
	background: #fff !important;
	-moz-box-shadow: 1px 1px 2px 0px #666666;
	-webkit-box-shadow: 1px 1px 2px 0px #666666;
	-o-box-shadow: 1px 1px 2px 0px #666666;
	box-shadow: 1px 1px 2px 0px #666666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=134, Strength=2);
}
.custom-navbar ul li a{
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: rgba(21,44,73,.7)!important;
}
.custom-navbar ul li a:hover{
	color: rgba(21,44,73,1)!important;
}
.custom-navbar ul li a.active{
	color: rgba(21,44,73,1)!important;
}
.custom-navbar ul li a:hover:after{
	display: block;
	content: "";
	width: 100%;
	height: 7px;
	margin: 0 auto;
	position: relative;
    bottom: -19px;
	background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x; /* make it horizontal*/
    background-position: 0 95%; /*change the second value to adjust how far from the top the underline should be*/
    background-size: 100% 5px; /*change the second value to the desired height of the underline*/ 
}
.custom-navbar ul li a.active:after{
	display: block;
	content: "";
	width: 100%;
	height: 7px;
	margin: 0 auto;
	position: relative;
    bottom: -19px;
	background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x; /* make it horizontal*/
    background-position: 0 95%; /*change the second value to adjust how far from the top the underline should be*/
    background-size: 100% 5px; /*change the second value to the desired height of the underline*/ 
}
.custom-navbar ul li a:after{
	display: block;
	content: "";
	width: 100%;
	height: 7px;
	margin: 0 auto;
	position: relative;
    bottom: -19px;
	background: #ffffff;
    background-repeat: repeat-x; /* make it horizontal*/
    background-position: 0 95%; /*change the second value to adjust how far from the top the underline should be*/
    background-size: 100% 5px; /*change the second value to the desired height of the underline*/ 
}
.bg-light {
    background-color: #ffffff!important;
}
.nav-link {
    padding: 1.4rem 1rem 0.9rem!important;
}
.custom-navbar .navbar-toggler{
	border: none !important;
}

/* ==============================================
   3. Hero
===============================================*/

#hero {
	background-color: #f6f8f9;
}

#hero span {
	font-weight: 400;
    color: #0095f7;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.hero-custom{
	background-image: url('assets/img/bg.jpg');
	background-repeat: no-repeat;
    background-attachment: local;
    width: 100%;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}
.hero-custom .hero-content{
	text-align: center;
}
.hero-custom .hero-content p{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1a1a1a;
    font-style: normal;
    margin-bottom: 40px;
}
.hero-custom .hero-content p:after{
	display: block;
	content: "";
	width: 25px;
	height: 27px;
	margin: 0 auto;
	background-image: url('assets/img/arrow.png');
	margin-top: 35px;
}
.hero-text{
	background: #fff; 
	padding: 80px !important;
	-webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 1px solid #bababa;
    -moz-column-rule: 1px solid #bababa;
    column-rule: 1px solid #bababa;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    line-height: 28px;
}
.hero-logo{
	text-align: center;
	padding: 20px 0 20px;
}
.hero-logo img{
	padding-bottom: 30px;
}
.hero-logo:after{
	display: block;
	content: "";
	width: 100px;
	height: 7px;
	margin: 0 auto;
	background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x; /* make it horizontal*/
    background-position: 0 95%; /*change the second value to adjust how far from the top the underline should be*/
    background-size: 100% 9px; /*change the second value to the desired height of the underline*/ 
}
/* ==============================================
   4. Services
===============================================*/
#services {
	background-color: #f2f3f5;
}
.services-box{
	margin: 0 !important;
	background-color: #ffffff;
}
.services-box .services-text{
	padding: 45px 45px;
	font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    line-height: 28px;
}
.services-box .services-text ul li:before{
	display: inline-block;
	content: "";
	width: 11px;
	height: 11px;
	background-image: url('assets/img/puce.png');
	margin-right: -10px;
    left: -20px;
    position: relative;
}
.services-box .services-text ul{
	margin-left: 20px;
}
.row .space15{
	margin-bottom: 20px;
}
.corporate{
	line-height: 18px!important;
}
/* ==============================================
   5. About Us
===============================================*/
.about-custom{
	background-image: url('assets/img/bg2.jpg');
	background-repeat: no-repeat;
    background-attachment: local;
    width: 100%;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}
.about-text{
	background: #fff; 
	padding: 80px !important;
	-webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 1px solid #bababa;
    -moz-column-rule: 1px solid #bababa;
    column-rule: 1px solid #bababa;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    line-height: 28px;
}
.about-custom h2{
	color: #fff !important;
}
.about-custom span.subtitle{
	color: #fff;
}
.about-custom span.subtitle:after {
    display: block;
    content: "";
    width: 100px;
    height: 7px;
    margin: 45px auto;
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 9px;
}
section#aboutus:before {
    display: block;
    content: "";
    width: 25px;
    height: 27px;
    margin: 0 auto;
    background-image: url(assets/img/arrow.png);
    position: relative;
    top: -63px;
}
/* ==============================================
   6. Our Team
===============================================*/
section#ourteam:before {
    display: block;
    content: "";
    width: 25px;
    height: 27px;
    margin: 0 auto;
    background-image: url(assets/img/arrow.png);
    position: relative;
    top: -63px;
}
.ourteam-text{
	padding: 30px 80px !important;
	-webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 1px solid #fff;
    -moz-column-rule: 1px solid #fff;
    column-rule: 1px solid #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    line-height: 28px;
    margin-bottom: 20px;
}
.ourteam-custom .content-team-text{
	padding: 15px 0 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #1a1a1a;
}
.ourteam-custom .team-text{
	padding: 15px 0 40px;
}
.ourteam-custom .email{
	line-height: 20px;
}
.ourteam-custom .email a{
	color: #1a1a1a;
}
.ourteam-custom .email a strong{
	font-size: 13px;
}
.email:before {
    display: block;
    content: "";
    width: 19px;
    float: left;
    margin-right: 10px;
    height: 38px;
    background-image: url(assets/img/email.png);
    background-repeat: no-repeat;
    top: 5px;
    position: relative;
}
.ourteam-custom p{
	margin: 0;
}
.team-text:before{
	content: "";
    width: 15px;
    height: 7px;
    margin: 0 auto;
    text-align: right;
    float: right;
    display: inline-block;
    position: relative;
    background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 9px;
}
.team-text:after{
	display: block;
    content: "";
    width: 15px;
    height: 7px;
    float: left;
    margin: 0 auto;
    background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 9px;
}
.ourteam-custom .container .row .col-custom{
	padding: 0 35px 0px 35px;
	margin-bottom: 20px;
}
.ourteam-custom .container .row .col-custom1{
	margin-top: 80px;
}
.ourteam-custom .container .row .col-custom2{
	margin-top: 40px;
}
.ourteam-custom .container .row .col-custom3{
	margin-top: 100px;
}
.ourteam-custom .container .row .col-custom:nth-child(1n+2){
	border-left: 1px solid #bababa;
}
/* ==============================================
   7. Contact Us
===============================================*/
section#contact:before {
    display: block;
    content: "";
    width: 25px;
    height: 27px;
    margin: 0 auto;
    background-image: url(assets/img/arrow.png);
    position: relative;
    top: -63px;
}
.contact-custom{
	background-image: url('assets/img/bg3.jpg');
	background-repeat: no-repeat;
    background-attachment: local;
    width: 100%;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}
.contact-form, .contact-text{
	margin-bottom: 20px;
}
.contact-form > div, .contact-text > div{
	background: #fff; 
	padding: 60px 80px 60px !important;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    line-height: 28px;
    min-height: 488px;
}
.contact-custom h2{
	color: #fff !important;
}
.contact-custom span.subtitle{
	color: #fff;
}
.contact-custom .contact-form input[type="text"],.contact-custom .contact-form input[type="email"], .contact-custom .contact-form textarea{
	padding: 10px 15px;
	border: solid 1px #c5cad0;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 12px;
}
.contact-custom .contact-form textarea{
	height: 150px;
}
.contact-custom .contact-form input[type="text"]::placeholder,.contact-custom .contact-form input[type="email"]::placeholder, .contact-custom .contact-form textarea::placeholder{
	color: #c5cad0;
	opacity: 1; /* Firefox */
	font-style: italic;
}
.contact-custom .contact-form input[type="text"]:-ms-input-placeholder,.contact-custom .contact-form input[type="email"]:-ms-input-placeholder, .contact-custom .contact-form textarea:-ms-input-placeholder{
	color: #c5cad0;
	font-style: italic;
}
.contact-custom .contact-form input[type="text"]::-ms-input-placeholder,.contact-custom .contact-form input[type="email"]::-ms-input-placeholder, .contact-custom .contact-form textarea::-ms-input-placeholder{
	color: #c5cad0;
	font-style: italic;
}
.contact-custom span.subtitle:after {
    display: block;
    content: "";
    width: 100px;
    height: 7px;
    margin: 45px auto;
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 9px;
}
.title-contact{
	font-family: 'scotch_display_romanbold';
	font-size: 14px;
	color: #1a1a1a;
	font-weight: 700;
	padding-top: 25px;
}
.text-contact{
	padding-bottom: 25px;
}
.tel:before{
	display: block;
	content: "";
	width: 19px;
	float: left;
	margin-right: 10px;
	height: 22px;
	background-image: url('assets/img/tel.png');
	top: 3px;
    position: relative;
}
.contact-custom .web:before{
	display: block;
	content: "";
	width: 19px;
	float: left;
	margin-right: 10px;
	height: 22px;
	background-image: url('assets/img/web.png');
	top: 3px;
    position: relative;
}
.contact-custom .contact-form input[type="submit"]{
	padding: 10px 70px;
	border: none;
	background: rgba(22,44,73,1);
	background: -moz-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(22,44,73,1)), color-stop(100%, rgba(81,19,43,1)));
	background: -webkit-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -o-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -ms-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: linear-gradient(to right, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162c49', endColorstr='#51132b', GradientType=1 );
	font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    opacity: 0.9;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
    float: right;
}
.contact-custom .contact-form input[type="submit"]:hover{
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
}
/* ==============================================
   8. Footer
===============================================*/

.custom-footer{
    background-color: #1a1a1a!important;
    border: none!important;
    text-align: center;
    color: #fff!important;
    font-size: 12px!important;
    padding: 30px!important;
}
.custom-footer a{
    color: #fff!important;
}
.custom-footer .nav-link{
	padding: 0!important;
}
.custom-footer .custom-link{
	line-height: 40px;
}
/* ==============================================
   9. page 404
===============================================*/
.custom-404{
	height: 100%;
    background: #1b2c4c;
}
.custom-404 .content-404{
	margin-top: 50vh;
    transform: translateY(-50%);
    text-align: center;
}
.custom-404 .content-404 p{
	color: #ffffff;
	font-family: 'scotch_displaymedium_italic';
    font-size: 29px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}
.custom-404 .content-404 .page-title{
	font-size: 17px;
}
.custom-404 .content-404 .btn-404{
	padding: 15px 70px;
	border: none;
	background: rgba(22,44,73,1);
	background: -moz-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(22,44,73,1)), color-stop(100%, rgba(81,19,43,1)));
	background: -webkit-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -o-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: -ms-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	background: linear-gradient(to right, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162c49', endColorstr='#51132b', GradientType=1 );
	font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
    display: inline-block;
    -moz-box-shadow: 1px 1px 5px 0px #111b2d;
	-webkit-box-shadow: 1px 1px 5px 0px #111b2d;
	-o-box-shadow: 1px 1px 5px 0px #111b2d;
	box-shadow: 1px 1px 5px 0px #111b2d;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#111b2d, Direction=134, Strength=5);
	margin-top: 30px;
}
.custom-404 .content-404 .btn-404:hover{
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
    text-decoration: none;
}
/* ==============================================
   11. Cookies
===============================================*/
#cookie-notice{
	background-color: rgb(27, 44, 73,0.9) !important;
}
#cn-notice-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
    font-weight: 200;
}
#cookie-notice .cn-set-cookie{
	font-family: 'Open Sans', sans-serif!important;
	font-size: 12px !important;
    font-weight: 200 !important;
    -webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
    opacity: 0.8;
    background: rgba(22,44,73,1) !important;
	background: -moz-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(22,44,73,1)), color-stop(100%, rgba(81,19,43,1))) !important;
	background: -webkit-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%) !important;
	background: linear-gradient(to right, rgba(22,44,73,1) 0%, rgba(81,19,43,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162c49', endColorstr='#51132b', GradientType=1 ) !important;
	border: none !important;
	border-radius: 0 !important;
	-moz-box-shadow: 1px 1px 5px 0px #111b2d!important;
	-webkit-box-shadow: 1px 1px 5px 0px #111b2d!important;
	-o-box-shadow: 1px 1px 5px 0px #111b2d!important;
	box-shadow: 1px 1px 5px 0px #111b2d!important;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#111b2d, Direction=134, Strength=5)!important;
}
#cookie-notice .cn-set-cookie:hover{
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
}
/* ==============================================
   10. Modal
===============================================*/
.modal-content {
    border: none!important;
    border-radius: 0!important;
    font-family: 'Open Sans', sans-serif!important;
	font-size: 12px !important;
}
.title-modal h3{
	font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 45px !important;
    text-align: center !important;
    color: #000000 !important;
    font-style: normal !important;
}
.title-modal:after {
    display: block;
    content: "";
    width: 85px;
    height: 7px;
    margin: 25px auto 45px;
    background-image: linear-gradient(to right, #162c49 0%, #50132b 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 9px;
}
.modal-body {
    padding: 0 5rem 5rem!important
}
.footer-modal{
	padding-top: 3rem;
	font-size: 10px;
	color: #808080;
}
.footer-modal a{
	color: #808080;
}
.footer-modal a:hover{
	color: #808080;
}
.modal-header {
    padding: 3rem 5rem 0!important;
    border: 0!important;
}
.close-modal{
	position: absolute;
	right: 20px;
    top: 15px;
}
.text-modal-right{
	text-align: right;
}
.modal-content .container-fluid{
	padding: 0!important;
}
.modal{
	padding-right: 0px!important;
}
.modal-close {
	background-image: url('assets/img/close.png');
	width: 32px;
	height: 33px;
}
.close {
    opacity: 0.9!important;
    -webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
}
.close:hover {
    opacity: 1!important;
    -webkit-transition: all 0.5s ease 0s; /* Safari */
    transition: all 0.5s;
}
/* ==============================================
   11. Media Queries
===============================================*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	h2 {
		font-size: 34px!important;
		margin-bottom: 20px;
		line-height: 1.6;
	}

	footer {
		padding: 60px 25px;
	}
	footer h5 {
		font-size: 18px;
		margin-top: 30px;
	}
	footer li {
		font-size: 16px;
		margin-bottom: 15px;
	}
	footer p {
		font-size: 16px;
	}
	footer i {
		font-size: 30px;
		margin-right: 20px;
	}
	footer small {
		float: left;
		margin-top: 20px;
	}
}

@media (max-width: 768px) { 
	#hero h1 {
		font-size: 34px!important;
		margin-bottom: 20px;
	}
	#hero p {
		font-size: 20px!important;
	}

}
@media (max-width: 767px) { 
	.custom-navbar ul li a{
		font-size: 15px;
	}
	.custom-navbar ul li a:hover:after{
		display: none;
		bottom: -20px;
	}
	.custom-navbar ul li a:after{
		display: none;
		bottom: -20px;
	}
	.nav-link {
    	padding: 1rem 1rem 1rem!important;
    	text-align: center !important;
	}
	.custom-navbar .navbar-nav{
		padding-bottom: 15px;
	}
	.custom-navbar ul li a.active:after{
		display: none;
	}
		.text-modal-right{
		text-align: left;
	}
}
@media (max-width: 992px) { 

}
@media (max-width: 991px) {
	.ourteam-custom .container .row .col-custom1{
		margin-top: 0px;
	}
	.ourteam-custom .container .row .col-custom2{
		margin-top: 0px;
	}
	.contact-custom .contact-form input[type="submit"]{
	    float: initial;
	}
	.contact-custom .contact-btn{
	    text-align: center;
	}
	.nav-right {
		float: left;
	}
	.contact-form > div, .contact-text > div{
    min-height: initial;
	}
	.nav-custom-link {
		border-bottom: 1px solid #EEE;
	}
	.navbar-nav .nav-link {
		padding: 20px 0;
		text-align: left;
	}

	.btn-demo-small {
		background-color: #ffffff;
		border: 0px;
		padding: 0px;
		box-shadow: none;

	}
	.btn-demo-small:hover {
		background-color: #ffffff;
		border: 0px;
		padding: 0px;
		box-shadow: none;

	}
	.btn-demo-small a {
		color: #53627C!important;
	}
	.nav-custom-link {
		font-size: 13px;
	}

	.icon-mobile {
		font-size: 18px;
		float: right;
	}

	.nav-logo-mobile {
		margin: auto;
	}

	.nav-logo-desktop {
		display: none;
	}
	.hero-text{
	-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */
	}
	.about-text{
	-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */
	}
	.ourteam-text{
	-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.icon-mobile {
		display: none;
	}
	.nav-logo-mobile {
		display: none;
	}
	.services-box > img{
		display: none;
	}
	.row-l1 .services-box .services-text{
		min-height: 425px;
	}
	.row-l2 .services-box .services-text{
		min-height: 269px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.services-box > img{
		display: block;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.pricing-box h3 {
		font-size: 17px;
	}
	.pricing-box p {
		font-size: 14px;
	}
	.pricing-box li {
		font-size: 12px;
	}
	.btn-buy {
		font-size: 12px;
		padding: 15px 20px;
	}
	.btn-demo {
		font-size: 12px;
		padding: 15px 20px;
	}
	.profile-picture {
		width: 50px;
		height: 50px;
	}
	.testimonial-box h6 {
		font-size: 14px;
		margin-left: 10px;
	}
	.testimonial-box span {
		font-size: 12px;
	}
	.testimonial-box small {
		font-size: 12px;
		margin-top: 4px;
		margin-left: 10px;
	}
	.services-box > img{
		display: none;
	}
	.row-l1 .services-box .services-text{
		min-height: 538px;
	}
	.row-l2 .services-box .services-text{
		min-height: 353px;
	}
}
@media (max-width: 575px) { 
	.services-box > img{
		display: none;
	}
	.hero-text {
    padding: 45px !important;
	}
	.about-text {
    padding: 45px !important;
	}
	.ourteam-text {
    padding: 45px !important;
	}
	.contact-form > div, .contact-text > div{
	padding: 45px !important;
	}
	.modal-body {
    padding: 0 2.5rem 2.5rem!important
	}
	.modal-header {
    padding: 1.5rem 2.5rem 0!important;
	}
}
@media (min-width: 575px) and (max-width: 768px) { 
	.corporate {
		line-height: 16.6px!important;
	}
}
@media (min-width: 576px){ 
	.modal-dialog {
    max-width: 900px !important;

}
}