.content { margin:50px auto; max-width:728px; line-height:1.7}

* { padding: 0; margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
body { font-family: 'Roboto', sans-serif; color: #363636;}
/*body * { border:1px solid red;}*/
header { width: 100%; }

.nav-bar { display: none; }
.nav-bar img{height: 65px;margin-left:25px;}
.toggler-button{background-image: url(../img/svg/bars.svg);background-size: 20px 100%; 
	background-repeat: no-repeat;position: absolute;top:20px;right: 9px; min-width: 35px; height: 35px; 
	display: inline-block; content: ""; z-index: 1001}
header .nav-bar .navbar-title{display: none;}

header nav { background: transparent; z-index: 1000; width: 100%; margin: auto; position: fixed;
	box-shadow: 0 3px 8px silver;}
header nav .nav-logo{margin-left: 7%; display: inline-block; }
.nav-logo img{height: 67px;}
header nav .navbar-title{display:inline-block;position: absolute;top: 22px; font-size: 19px; font-weight: bold; color:#172B4D}
header nav ul { list-style: none; float: right; margin-right: 6%; padding-top: 4px;}
header nav ul li { float: left; position: relative; transition: 0.7s}
header nav ul li a {color: #172B4D;display: block; padding: 20px; text-decoration: none; font-size: 20px;
	letter-spacing: 1px; font-weight: 500; transition: 0.7s}
header nav ul ul li a{padding: 15px 15px;font-size: 18px;}

.ddl-icon{background-image: url(../img/svg/chevron-down.svg);background-size: 20px 100%; 
	background-repeat: no-repeat;position: relative;top:5px;min-width: 18px; height: 18px; 
	display: inline-block; content: "";}

header nav ul li i { margin-right: 10px; }
header nav ul li:hover, header nav .active {background: #172B4DC0;transition: 0.7s;}
header nav ul li:hover a, header nav  .active a{color: #fff}

header nav ul li:hover .ddl-icon, header nav .active .ddl-icon{
	background-image: url(../img/svg/chevron-down-white.svg);background-size: 20px 100%;}


header nav ul li:hover .children { display: block;transition: 0.4s}

header nav ul li .children {display: none; background: #ffffffe5;  position: absolute; width: 220%; 
	z-index: 1000;box-shadow: -2px 1px 2px #172B4D80, 2px 1px 2px #172B4D90; ; transition: 0.4s}
header nav ul li .children span { display: none; }
header nav ul li .children li { display: block; width: 100%; border-bottom: 1px solid #172B4D99;}
header nav ul li .children li a { color: #172B4D;}
header nav ul li .children li:hover a { color: #fff;}

.top-nav-scrolled{background:#f0f0f099;}
.top-margin{height: 73px; width: 100%}

@media(min-width: 801px) and (max-width: 1040px)
{
	header nav .nav-logo{margin-left: 3%; }
	header nav ul {margin-right: 3%; padding-top: 4px;}
	header nav .navbar-title{font-size: 14px;top: 26px;}
}


@media all and (max-width: 800px) {

.nav-bar { display: block; width: 100%; position: fixed; top: 0; z-index: 1000;box-shadow: 0 1px 4px #172B4D}
header nav .nav-logo{display: none;}
.nav-bar img{height: 65px;margin-left:5px;}
/*.navbar-title{font-size: 16px;}*/
header nav .navbar-title{display: none;}
header .nav-bar .navbar-title{display: inline-block;position: absolute;top: 23px; font-weight: bold; font-size: 16px; color:#172B4D}
header nav { width: 95%; height: auto; position: fixed; right: 100%; top :71px; overflow: hidden; background: #ffffffe5}
header nav ul {float: left;width: 100%; padding-top: 0;}
header nav ul li { display: block; border-bottom: 1px solid #172B4D99; width: 113%;}
header ul li a { display: block;}
/*header nav ul li a {color: #ffffff}*/
header nav ul li .children {width: 100%; position: relative; overflow: hidden; display: none;}
header nav ul li:hover .children { display: none; }

header nav ul li ul li {background: #1B3B4990; }

header nav ul li ul li:first-child { border-top: 1px solid #ffffff99; }
header nav ul li .children span {display: inline-block; margin-right: 4px;}
header nav ul li .children a { margin-left: 10px; padding: 5px 0;}
header nav ul li .children li a { margin-left: 25px; color: #fff}
.top-nav-scrolled{background:#ffffffee;}
}

section{width: 100%; padding: 30px 3%;}

@media(min-width: 768px) and (max-width:1199px)
{
	section{padding: 30px 5px;}
}

@media(min-width: 576px) and (max-width:767px)
{
	section{padding: 30px 4%;}
}
@media(max-width: 575px)
{
	section{padding: 30px 5px;}
}

.page-title{font-size: 42px; color: #2595bbe0; line-height: 30px; text-align: center;padding-bottom: 45px;}
.page-title span{font-size: 22px; line-height: 15px; color:#5E4118; }

.section-title{font-size: 36px; padding: 10px 10px 25px;color: #172B4Db0; text-align: center;}
.section-subtitle{font-size: 20px; color:#7E3C2B;text-align: center;margin-top: -25px; padding-bottom: 24px}
section p{font-size: 17px; line-height: 25px; padding:0 10px 15px }

@media(min-width: 768px) and (max-width: 991px){

	.page-title{font-size: 36px;line-height: 24px;}
	.page-title span{font-size: 18px; line-height: 14px;}
	.section-title{font-size: 30px;}
	.section-subtitle{font-size: 18px; }
	section p{font-size: 16px; line-height: 24px; }
}

@media(min-width: 576px) and (max-width: 767px)
{
	.page-title{font-size: 32px;line-height: 30px;}
	.page-title span{font-size: 15px;letter-spacing: 0.5px}
	.section-title{font-size: 28px;}
	.section-subtitle{font-size: 17px; }
	section p{font-size: 16px; line-height: 24px;}
}

@media(max-width: 575px)
{
	.page-title{font-size: 30px;line-height: 28px;}
	.page-title span{font-size: 15px;letter-spacing: 0.5px}
	.section-title{font-size: 28px;}
	.section-subtitle{font-size: 16px; }
	section p{font-size: 16px; line-height: 22px;}
}

.row-grid{ display: grid; grid-template-columns: repeat(12, 1fr);}
.col-md-6{grid-column: span 6; padding: 0 20px}
@media(min-width: 576px) and (max-width: 767px)
{
	.col-md-6{grid-column: span 12; padding: 0 35px}
}

@media(max-width: 575px)
{
	.col-md-6{grid-column: span 12; padding: 0 7px}
}


.col-md6-lg4{grid-column: span 4;}
@media(min-width: 768px) and (max-width: 991px)
{	.col-md6-lg4{grid-column: span 6;}}

@media(max-width: 767px)
{	.col-md6-lg4{grid-column: span 12;}}


.back-to-top{position: fixed;bottom: 10px; left: calc(100vw - 70px); background-color: #005D3A;
		width:45px; height: 45px; display: none; border-radius: 25px; cursor: pointer; transition:0.4s;}
.back-to-top:hover{background-color: #363C27;}
.back-to-top:before{content: url('../img/svg/chevron-up-solid.svg'); position:relative;top:6px; left: 11px;    
	display: inline-block;  width: 25px;  height: 25px;}	


.footer{border-top: 3px solid silver; text-align: center;}	

.footer-p1{padding-bottom: 20px; background-image:linear-gradient(#172B4DA0, #172B4DA0),url("../img/bg/footer-bg.png");
}
.footer-block{margin: 5px auto; padding: 20px;}
.footer-item-title{font-size: 22px; color: #919faf; padding: 8px 0; margin-bottom: 8px; font-weight: bolder;letter-spacing: 1px}
.footer p, .footer a{font-size: 15px; line-height: 20px; color: #c0c0c0c0; text-decoration: none;letter-spacing: 0.5px;}
.footer .quick-links p{margin-bottom: 18px;}
.footer .quick-links p:last-child{margin-bottom:0;}

.footer-p2{background-color: #1B3B49; text-align: center;padding: 15px 0}
@media(max-width: 575px){
	.footer-p2 p{font-size: 12px!important}
}


.under-construction{background-image: url("../img/bg/page-under-construction.webp"); background-size: cover;background-position: center;height: 90vh;}