@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;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&family=Roboto+Slab:wght@100..900&display=swap');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0px none; }
ol, ul { list-style: none outside none; }
strong{font-weight:bold;}
a{color:#2f343c; text-decoration:none;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
a:hover { color:#474747;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
p { font-size:14px;line-height:22px;margin:10px 0px; }
.relative{position:relative;}
.clear{clear:both;}
.divider{clear:both;height:20px;}
.centered_text { text-align:center;}

a.overlay_link {display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent: -999999px; z-index:10; background-color: transparent!important; }

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.padd{
	padding-top: 70px;
	padding-bottom: 70px;
	overflow:hidden;
	position:relative;
}
.padd_bottom{
	padding-top: 0px;
	padding-bottom: 70px;
	overflow:hidden;
	position:relative;
}
.container-fluid.no-padd{
	padding-top: 0px;
	padding-bottom: 0px;
}
.img-responsive{
	width: 100%;
}
.row_half{margin-left:0px;margin-right:0px;}
.no-gutter > [class*='col-'],  .no-gutter .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-margin.row {
    margin-right:0;
    margin-left:0;
}

.no-margin.row  [class^="col-"],
.no-margin.row  [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

.container-fluid.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.flex_center { display: flex; align-items: center; }

.row-eq{ display: flex;}
.col-eq{  flex: 1; }
@media (max-width: 991px) {
    .row-eq{ display: block;  }
    .col-eq{ flex: unset;  }
}

.whibe_bg{background:#fff;}
.grey_bg{background:#f3f4f6;}
.blue_bg{background:#003c69;}

body { font-size: 14px; font-family: "Poppins", sans-serif; color:#474747; background-image: url(../img/layout/main_bg.png); background-repeat: no-repeat; background-size: cover; }

#ajaxcontent {
	margin-top: 80px;
}

.container_wrap {
	padding: 0 13%;
}

#header {
    width: 100%;
    height: auto;
    padding: 30px 13% 0 13%;
    top: 0;
}

#logo {
    position: relative;
    display: block;
    z-index: 999;
    width: 640px;
    height: 60px;
    margin: 0 auto;
}
#logo a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: url('../img/layout/logo.png') no-repeat scroll center center transparent; background-size: 100%; }

.languages { margin:0px 110px 0px 0px; text-align:right;  }
.languages a { display:inline-block; padding:0px 0px; margin-left:10px; font-weight:300; color:#2f343c;  text-transform:uppercase;  transition: all 0.5s ease 0s;  }
.languages a:hover{  color:#003c69; transition: all 0.5s ease 0s; }

#main_menu {
	margin: 35px auto 0 auto;
    background: #fff;
    text-align: center;
    border-bottom: 4px solid #d6d3ce;
}

#main_menu ul li{ display:inline-block; }
#main_menu ul li a{
    display: block;
    font-size: 18px;
    padding: 10px 25px 7px 25px;
    font-weight: 400;
    color: #474747;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
#main_menu ul li.active a, #main_menu ul li a:hover{
    color: #474747;
    background: #d6d3ce;
    transition: all 0.5s ease 0s;
}


#main_menu li .dropdown {
    position: absolute;
    top: 78px;
    left: 15px;
    z-index: 99999 !important;
    width: calc(100% - 30px);
    height: auto;
    background: #d6d3ce;
    padding: 20px 20px 20px 20px;
    display: none;	
    border-bottom: 4px solid #fff;	
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#main_menu li:hover .dropdown{	display:block;}
#main_menu li .dropdown ul  { float:left; width:100%; text-align:left;}
#main_menu li .dropdown ul li {
    display: inline-flex;
    position: relative;
    float: none;
    width: 49%;
    text-align: center;
    font-size: 17px;
    color: #474747;
    text-transform: unset;
    padding: 15px 15px 0 15px;
    margin: 0px 0px 0px 0px;
    transition: all 0.5s ease 0s;
    font-weight: 500;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#main_menu li .dropdown ul li img { box-shadow: 0 5px 8px #535353; transition: all 0.3s ease-in-out; }
#main_menu li .dropdown ul li:hover img { transform: scale(1.05); }
#main_menu li .dropdown ul li a:hover { border:0px; color:#bebebe; transition: all 0.5s ease 0s;}


#open_menu  {
    position: relative;
    margin: 30px 0px 0 0px;
    display: none;
    z-index: 9999;
    align-items: center;
    gap: 15px;
    background: #fff;
    padding: 5px 20px;
    font-size: 16px;
    color: #474747;
    border-bottom: 4px solid #d6d3ce;
}
#responsive_menu{ display:none; position: absolute; top: 140px; left: 15px; width:0px; height:0px;  overflow: hidden;  transition: all 600ms ease 0s;	}
#responsive_menu.active {
    display: block;
    width: calc(100% - 30px);
    height: auto;
    background: #d6d3ce;
    padding: 0px;
    z-index: 9999;
    overflow: visible;
    transition: all 600ms ease 0s;
    padding-bottom: 30px;
}

#responsive_menu ul.main_menu{ margin: 30px 0 0 0px;  padding: 0; width: 100%;  display: block;  list-style: none; }
#responsive_menu ul.main_menu li{ width: 100%;  display: block; position:relative; }
#responsive_menu ul.main_menu li a{ display: block; margin:0px 0 0px 0; font-size: 18px; padding:10px 0px 10px 115px; color: #474747;  transition: all 0.5s ease 0s;  }
#responsive_menu ul.main_menu li a:hover{  color:#d14002; transition: all 0.5s ease 0s;}	
#responsive_menu ul.main_menu li.active a{  color:#d14002; transition: all 0.5s ease 0s;}	

#responsive_menu ul.main_menu li ul.subcategories { margin:5px 20px; }	
#responsive_menu ul.main_menu li ul.subcategories li a{ font-size: 17px; color: #fff;  transition: all 0.5s ease 0s; }	
#responsive_menu ul.main_menu li ul.subcategories li a:hover{ color: #bebebe;  transition: all 0.5s ease 0s; }	

#footer {
	padding-top: 50px;
    padding-bottom: 50px;
    background: #dedede;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-bottom: 2px dashed #ededed;
}

.footer_box { text-align:center; }
.footer_box p {
    display: block;
    font-size: 17px;
    color: #474747;
    margin: 5px 0;
}

.footer_box p a { transition: all 0.3s ease-in-out; }

.footer_box p a:hover { letter-spacing: 0.5px; }
.footer_box.footer_logo { margin-bottom:30px;}
.footer_box.footer_logo img{ width:100px;}

.substack img {
    width: 120px;
}

.footer_box h6 {
    font-size: 20px;
    color: #474747;
    font-weight: 500;
    margin-bottom: 12px;
}

.footer_box img.logo {
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto 15px auto;
}

.footer_box .divide {
    height: 25px;
}

.footer_box .social {
    display: inline-block;
}

.footer_box .social img { width: 32px; margin: 0 5px; transition: all 0.3s ease-in-out; }

.footer_box .social img:hover { transform: scale(1.1); }

#copyright {
	padding: 15px;
    background: #dedede;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
	display: flex;
    align-items: center;
}
.copyright p {
	line-height: 20px;
    font-size: 15px;
    color: #474747;
}
.copyright a { color: #fff; text-decoration: none;  }
.copyright a:hover { text-decoration: underline; }
.legal p { line-height:20px;font-size:13px;color: #fff; text-align:right; }
.legal a { color: #fff; text-decoration: none;  }
.legal a:hover { text-decoration: underline; }

#wapp{position:relative;float:right;}
#wapp a{	display: block;	width: 80px; height: 21px; background: #00000001 url(../img/layout/wapp.svg) no-repeat center;text-indent: -999999px!important;background-size:100%;}


.read_more{ display:inline-block; position:relative; margin-top:10px; padding:5px 5px 5px 5px; font-size:16px; color:#fff; border-bottom:5px solid transparent;  transition: all 0.5s ease 0s;  }
.read_more span.arrow{ display:block; position:absolute; top:6px;right:-20px; width:20px; height:20px; background:transparent url(../img/layout/white_arrow.svg) no-repeat center center; background-size: 80%; transition: all 0.5s ease 0s;  }
.read_more:hover{ color:#fff; border-bottom:5px solid #bebebe; transition: all 0.5s ease 0s; }
.read_more:hover span.arrow{ right:-23px; transition: all 0.5s ease 0s;}

.read_more_plain{ display:inline-block; position:relative; margin-top:20px; padding:15px 40px; font-size:16px; color:#003c69; background:#fff;  transition: all 0.5s ease 0s;  }
.read_more_plain:hover{ color:#fff; background:#003c69;  transition: all 0.5s ease 0s; }

.content { }
.content h1 {font-size:40px;font-weight:400; margin:0px 0px 20px 0px; }
.content h2 { font-size:30px;font-weight:400; margin:20px 0px 10px 0px; }
.content h3 { font-size:20px;font-weight:400;margin:15px 0px 10px 0px; }
.content h4 {  font-size:18px;line-height:20px;margin:5px 0px 8px 0px; }
.content p { font-size: 16px; line-height: 26px;color: #2f343c; margin-bottom:20px;}
.content ul { margin:10px 5px 10px 5px;overflow:auto;}
.content ul li{ margin:0 0 8px 0;font-size:16px;line-height:26px;  background:transparent url(../img/layout/list.png) no-repeat 0 8px;padding-left:12px;}

.highlight_text { padding: 25px 35px 15px 35px; }
.highlight_text p a { color: #c92f04; transition: all 0.3s ease-in-out;  }
.highlight_text p a:hover { text-decoration: underline; }

.highlight_text hr { border-top: 1px solid #cdcdcd; }
.highlight_text h3 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: normal;
}

.highlight_text ul {
    margin-bottom: 30px;
}

.highlight_text ul li .accordion-title {
    width: 100%;
    position: relative;
    display: flex;
    border-top: 2px dashed #ccc;
    padding: 15px 50px 15px 0;
    color: #474747;
    align-items: center;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
}


.highlight_text ul li:last-child .accordion-title {
    border-bottom: 2px dashed #ccc;
}

.highlight_text ul li .accordion-title:after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 21px;
    line-height: normal;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.highlight_text ul li .accordion-title.open:after {
    content: '-';
}

.accordion-content {
    margin-top: 20px;
}

.highlight_text .accordion-content li {
    position: relative;
    display: inline-block;
    width: 33%;
    font-size: 16px;
    line-height: normal;
    padding: 5px 0px 5px 15px;
}

.highlight_text .accordion-content li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-top: 8px;
    background: #474747;
}

.highlight_text iframe {
    display: block!important;
}

.seperator {width:60px;height:2px; background:#bebebe; margin:0 auto;}
.seperator.seperator_left {margin:unset; }

.left_thumb {float:left; margin:20px 20px 10px 0;}
.right_thumb {float:right; margin:20px 0px 10px 20px;}

/* PAGE TITLE
================================================== */
.breadcrumb_container { box-shadow: inset 1px 1px 5px 0px rgb(0 0 0 / 20%);}
.breadcrumb {background:none; }
.breadcrumb ul { margin-top:20px;}
.breadcrumb ul li{ display:inline-block;}
.breadcrumb ul li a{ display:block; color: #2f343c; font-size:13px; line-height: 20px; padding-right:14px; background:transparent url(../img/layout/breadcrumb.png) no-repeat center right;  transition: all 0.5s ease 0s; }
.breadcrumb ul li:last-child a{ color: #003c69; background:none; padding-right:0px; }
.breadcrumb ul li a:hover{ color: #003c69; transition: all 0.5s ease 0s; }

.page_title { padding-bottom:20px;}
.page_title h1{ color:#003c69;}
.page_title p{ font-size:22px; line-height:32px; margin-top:30px;}

.banner { width: 100%; height:70vh; min-height:500px; background-position: center;   background-size: cover; }
.banner.small {  height:30vh; min-height:400px;  }


/*********************************** SLIDER *************************************/
.swiper-header {	width: 100%; height:60vh; min-height:600px; }
.swiper-header .swiper-slide{    background-position: center;   background-size: cover;}
.header_overlay{ width: 100%; height: 100%;position: relative;z-index:-10; background: rgba(0, 0, 0, 0.1);}
.slide_content { position:absolute;top:25%; left:100px;  }
.slide_content p.heading{ display:block; margin-bottom:10px; color:#fff;font-size:40px;line-height:46px;font-weight:400;  z-index:9999; position:relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}


/* HOME PAGE
================================================== */

.intro_text {
    background: rgba(255, 255, 255, .9) !important;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 40px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.intro_text h3 {
	font-size: 25px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 20px;
}
.intro_text p {
    font-size: 16px;
    line-height: 23px;
    margin-top: 15px;
}

.intro_text a { color: #d14002; transition: all 0.3s ease-in-out; }
.intro_text a:hover { text-decoration: underline; }

.page_heading {
    background: rgba(255, 255, 255, .9);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 50px 40px;
    position: relative;
    overflow: hidden;
}

.dynamic_img, .highlight_text.blogs img.dynamic_img {
    display: inline-block;
    width: 350px;
    margin-left: 30px;
    margin-bottom: 30px;
    float: right;
    border-radius: 10px;
}

.page_heading h1 {
    color: #474747;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: normal;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
}

.page_heading h1:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 3px solid #474747;
    width: 100px;
    bottom: 0;
}

.page_heading h2 {
    color: #474747;
    margin-left: 40px;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.page_heading h2:after {
    content: '';
    position: absolute;
    left: 0;
    border-top: 3px solid #474747;
    width: 100px;
    bottom: 0;
}

.page_heading p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 15px 0;
}

.page_heading .created {
    text-transform: uppercase;
    font-size: 17px;
    margin-left: 40px;
    color: #c92f04;
    margin-bottom: 5px;
    display: block;
}

#about_section_left { background:transparent url(../img/layout/about.jpg) no-repeat center center; background-size:cover; min-height:450px;    }

.about_section { padding:80px 100px; }
.about_section h2 { font-size:38px; font-weight:400; color:#003c69; margin-bottom:20px;}
.about_section p { font-size:16px; line-height:26px;  margin-bottom:20px;}
.about_section p.larger_text { font-size:22px; line-height:32px; margin-top:30px; }
.about_section .seperator {width:60px;height:2px; background:#bebebe; margin:unset;}

.container_blogs {
    background: rgba(255, 255, 255, .9) !important;
    position: relative;
    overflow: hidden;
    padding: 50px 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.container_blogs h3 {
    font-size: 40px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 35px;
    text-align: center;
}
.container_projects .container_projects_overlay {  width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0; background:rgba(0,0,0,0.75); }
.container_projects .read_more{ margin-top:40px; }

.centered_section_text { text-align:center; margin:0 auto 50px auto; max-width:600px;}
.centered_section_text  h3 {font-size:50px; font-weight:400; color:#fff; margin-bottom:20px; }
.centered_section_text p { font-size:16px; color:#003c69; }

.home_box {margin:50px 20px; text-align:center;}
.home_box span { background: #f3f4f6; padding:25px; border-radius:100%; display:inline-block; margin-bottom:25px; }
.home_box img { display:inline-block; width:50px;  }
.home_box h3 { font-size:22px; font-weight:400; color:#003c69;  margin-bottom:20px;}
.home_box p { font-size:16px; line-height:26px; margin-top:20px; }

.home_boxes img {
	filter: brightness(0.8);
	box-shadow: 0 5px 8px #535353;
}

.home_boxes {
    position: relative;
}

.home_boxes .col-lg-4 {
    transition: all 0.3s ease-in-out;
}

.home_boxes .col-lg-4:hover {
    transform: scale(1.03);
}

.button {
	background: #fff;
    padding: 13px 35px;
    font-size: 17px;
    line-height: normal;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
    color: #d14002;
    border: 1px solid #d14002;
}



/* BLOG PAGE
================================================== */

ul.portfolio_navigation { text-align:center; padding:40px 0;}
ul.portfolio_navigation li{ display:inline-block; margin:0 20px;}
ul.portfolio_navigation li a{ color:#fff;}
ul.portfolio_navigation li.selected a{ font-weight:bold;}

.blog_box { position: relative; margin-bottom: 20px; background: #fff; transition: all 0.3s ease-in-out; }
.blog_box:hover { transform: scale(1.03); }
.blog_box.inner { margin-top: 15px; margin-bottom: 15px;}
.blog_box .blog_box_text{
    width: 100%;
    display: block;
    opacity: 1;
    padding: 20px;
    transition: all 1s ease 0s;
    border-top: 2px dashed #ededed;
    margin-top: 10px;
    min-height: 255px;
    font-size: 16px;
}
.blog_box .created {
    color: #d14002;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
}
.blog_box:hover .blog_box_text{ /*opacity:1; transition: all 1s ease 0s;*/  }
span.blog_box_title{
    display: block;
    margin: 0 0 15px 0px;
    color: #474747;
    font-size: 19px;
    line-height: normal;
    font-weight: 500;
}
span.blog_box_subtitle{  display:block; margin:0 0 0 0px;  color:#fff; font-size:14px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); }
span.blog_box_arrow{  display:block; bottom:25px;right:25px; position: absolute;z-index:2; opacity:0;  background:transparent; width:20px; height:20px;  transition: all 1s ease 0s; }
.blog_box:hover span.blog_box_arrow{ opacity:1;background:transparent url(../img/layout/white_arrow.svg) no-repeat center center; background-size: 100%;  transition: all 1s ease 0s;}

#gallery_content {
    margin: 0 15px 30px 15px;
}
.gallery {
    position: relative;
    margin: 15px 0px;
}
.gallery img {
    width: 100%;
}

.arrow_btn {
    font-size: 16px;
    line-height: 23px;
    margin-top: 15px;
    color: #474747;
    background-image: url(../img/layout/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 56%;
    background-size: 16px;
    padding-right: 25px;
    margin-bottom: 15px;
    display: block;
    width: fit-content;
}

.blog_post {
    position: relative;
    display: flex;
    align-items: center;
}

.page_heading .blog_post .created {
    color: #d14002;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    margin-left: 0;
    margin-top: 15px;
}

.page_heading .blog_post h2 {
    display: block;
    margin: 0 0 15px 0px;
    padding-bottom: 10px;
    color: #474747;
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
}

.blog_post {
    margin: 30px 0;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.blog_post:hover {
    transform: scale(1.03);
}

.pagination {
    display: block;
    padding-left: 0;
    margin: 20px 15px;
}

.page-navigation .next-prev {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-navigation .next-prev .next a, .page-navigation .next-prev .prev a {
    color: #d14002;
}

.page_numbers span a {
    color: #474747;
    background-color: #ccc;
    width: 35px;
    height: 35px;
    display: inline-flex;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 100%;
    font-weight: 500;
    padding-top: 3px;
}

.page_numbers span.current {
    background-color: #474747;
    color: #fff;
    width: 35px;
    height: 35px;
    display: inline-flex;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 100%;
    font-weight: 500;
    padding-top: 3px;
}

.blog_next_prev {
    position: relative;
    overflow: hidden;
    background: #fff;
    margin: 15px 35px;
    padding: 40px 0 10px 0;
    border-radius: 10px
}

.blog_next_prev h3 {
    font-size: 25px;
    font-weight: 550;
    margin-bottom: 20px;
    line-height: normal;
    margin-left: 15px;
    text-align: center;
}

.page_heading .blog_next_prev h2 {
    font-size: 20px;
}

.page_heading .blog_next_prev h2:after {
    display: none;
}

.blog_next_prev .blog_post h2 {
    margin: 0;
}

.blog_post.right {
    border-left: 2px dashed #ccc;
    padding-left: 30px;
    margin-left: -20px;
}

.highlight_text .highlight_text .accordion-content li {
    position: relative;
    display: inline-block;
    width: 33%;
    font-size: 16px;
    line-height: normal;
    padding: 5px 0px 5px 15px;
}

.highlight_text.blogs li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: normal;
    padding: 5px 0px 5px 15px;
}

.highlight_text.blogs li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-top: 9px;
    background: #474747;
}

.highlight_text.blogs img {
    max-width: 100%;
    width: fit-content;
    margin: 15px auto;
    display: block;
}

.highlight_text.blogs figure img {
    margin: 15px auto 10px auto;
}

.highlight_text.blogs figcaption {
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
}

#gallery_content figcaption {
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}


/* BOOK PAGE
================================================== */

.book_box { margin: 0 50px; padding: 40px 80px; position: relative;  transition: all 0.3s ease-in-out; }
.book_box:hover { transform: scale(1.05); }
.book_box .book_image { box-shadow: 0 5px 8px #535353; overflow: hidden; }
.book_box h4 { text-align: center; margin-top: 10px; font-size: 22px; line-height: normal; font-weight: 400; }
.book_box .subtitle { text-align: center; font-size: 17px; color: #d14002; margin-bottom: 10px; }
.page_heading .publication p { margin: 0 0 5px 0; }
.more_books { border-top: 2px dashed #ccc; margin: 0 35px; padding-top: 40px; }
.more_books h4 { font-size: 25px; line-height: normal; font-weight: 550; margin-bottom: 15px; }
.more_books p a { color: #d14002; }
.book_text { position: relative; overflow: hidden; padding: 20px; }

/* CONTACT
================================================== */

.contact_text {  background: #f3f4f6; padding:25px 35px; }
.contact_text h2 {  font-size:38px; font-weight:400; color:#003c69; margin-bottom:30px;}
.contact_text p { font-size:20px; line-height:28px; padding-left:30px;  background:transparent url(../img/layout/sign.png) no-repeat 0px 5px; background-size: 20px;  }
.contact_text .seperator { margin-bottom:30px;  }



/* FLASH MESSAGES
================================================== */
.hello-bar {
	position: absolute;
	top: 0;
	left: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #00A850;
    width: 100%;
    height: 50px;
    z-index: 2000;
    zoom: 1;
    padding: 25px 0 0 0;
    font-family: 'Open Sans', sans-serif;
}

.hello-bar:after, .hello-bar:before {
    content: "";
    display: table;
}

.hello-bar:after {
    clear: both;
}

.hello-bar .close {
    text-indent: -9999em;
    background: url(../img/layout/hello-bar-close.png) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 15px;
}

.hello-bar .close:hover {
    background-position: bottom left;
}



/* COOKIES MESSAGE
================================================== */

#cookie-consent-wrapper {
    position: fixed!important;
    z-index: 2147483647!important;
    display: block!important;
    width: 280px;
    top: auto;
    bottom: 100px;
    padding: 10px;
    color: #2f343c;
    font-family: 'Open Sans', sans-serif;
    right: 0;
    bottom: 5px;
    background: #f3f4f6;
}

#cookie-consent-wrapper .content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 0px;
    color: #2f343c!important;
	margin-bottom:10px!important;
}

#cookie-close, #link, .btn_concern {
    font-size: 12px;
    margin-top: 7px;
    padding: 5px 0;
	background: #003c69!important;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff!important;
    right: 20%!important;   
}


/* MEDIA QUERIES
================================================== */

@media only screen and (max-width: 1650px) {
    .book_box {
        padding: 40px 30px;
    }

    .blog_post {
        margin: 20px 0;
    }

    .blog_next_prev h3 {
        font-size: 23px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:1499px) {
    .button {
        padding: 10px 30px;
        bottom: 30px;
    }

    .blog_next_prev h3 {
        font-size: 22px;
    }

    .book_box {
        padding: 30px 0px;
    }

    .page_heading h1 {
        font-size: 42px;
    }

    .dynamic_img, .highlight_text.blogs img.dynamic_img {
        width: 320px;
    }

    .page_heading {
        padding: 40px 0px;
    }

    .intro_text {
        padding: 40px 20px;
    }

    .container_blogs {
        padding: 40px 15px;
    }

    .blog_box .blog_box_text {
        min-height: 300px;
    }

}

@media only screen and (max-width:1349px) {
	/*#header { background:red;  }*/
	
	.about_section { padding:80px 80px; }

    .page_heading h1 {
        font-size: 38px;
    }

    .page_heading .blog_next_prev h2 {
        font-size: 18px;
        padding: 0;
    }

    .page_heading .created {
        margin-left: 30px;
    }

    .more_books {
        margin: 0 30px;
    }

    .page_heading h2 {
        margin-left: 30px;
        font-size: 30px;
    }

    .book_box h4 {
        font-size: 20px;
    }

    .highlight_text {
       padding: 20px 30px 15px 30px;
    }

    .dynamic_img, .highlight_text.blogs img.dynamic_img {
        width: 300px;
    }

    .button { font-size: 16px; }
    .intro_text h3 { font-size: 23px; margin-bottom: 15px; }
    .container_blogs h3 {
        font-size: 37px;
        margin-bottom: 30px;
    }
    .blog_box .blog_box_text {
        min-height: 353px;
    }

    .footer_box h6 {
        font-size: 19px;
    }

    .footer_box .divide {
        height: 20px;
    }
}  

@media only screen and (min-width:992px) and (max-width:1199px) {
	/*#header { background:green;  }*/
	
	.languages { margin-right:60px; }	
	.swiper-header { height:50vh; min-height:500px; }
	
	.about_section { padding:50px 60px; }

    #logo {
        width: 600px;
        height: 50px;
    }

    .blog_next_prev {
        padding: 30px 0 5px 0;
    }

    .blog_next_prev .blog_post {
        margin: 15px 0;
    }

    .blog_next_prev h3 {
        font-size: 21px;
    }

    .blog_next_prev .blog_post .col-md-3 {
        padding: 0;
    }

    .page_heading .blog_next_prev h2 {
        font-size: 17px;
    }

    .page_heading h2 {
        font-size: 28px;
    }

    .intro_text {
        padding: 30px 20px;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #header {
        padding: 30px 5% 0 5%;
    }

    .container_wrap {
        padding: 0 5%;  
    }
}

@media (max-width:991px){		
	.copyright { text-align:center;}
	.legal p { text-align:center;}		
    #logo { width: 560px; height: 45px; }
    #header { padding: 25px 15px 0 15px; }
    #main_menu { margin: 30px auto 0 auto; }
    .container_wrap { padding: 0 15px; }
    .button {
        font-size: 15px;
        padding: 8px 25px;
        bottom: 20px;
    }

    .blog_next_prev h3 {
        margin-left: 0;
    }

    .blog_next_prev .blog_post {
        border-bottom: 2px dashed #ccc;
        padding-bottom: 30px;
    } 

    .blog_next_prev {
        margin: 15px 20px;
        padding: 30px 0 5px 0;
    }

    .blog_post.right {
        border-left: none;
        padding-left: 0px;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .page_heading .created {
        margin-left: 20px;
        font-size: 16px;
    }

    #main_menu li .dropdown {
        top: 73px;
    }

    .more_books {
        margin: 0 20px;
        padding-top: 30px;
    }

    .page_heading h2 {
        margin-left: 20px;
        font-size: 27px;
    }

    .book_box {
        margin: 0 30px;
    }

    .highlight_text .accordion-content li {
        width: 32%;
    }

    .page_heading {
        padding: 30px 0px;
    }

    .page_heading h1 {
        font-size: 35px;
    }

    .highlight_text {
       padding: 10px 20px 15px 20px;
    }

    .dynamic_img, .highlight_text.blogs img.dynamic_img {
        width: 270px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .footer_box .social img {
        width: 30px;
    }

    .container_blogs {
        padding: 30px 15px;
    }

    .intro_text {
        padding: 30px 20px;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .container_blogs h3 {
        font-size: 34px;
        margin-bottom: 25px;
    }

    span.blog_box_title {
        margin: 0 0 10px 0px;
        font-size: 18px;
    }

    .blog_box .blog_box_text {
        min-height: auto;
        border-top: 0;
    }

    .blog_box {
        display: flex;
        align-items: center;
    }

    .blog_box img { width: 230px; }
}
  
@media only screen and (min-width:768px) and (max-width:991px) {
	/*#header { background:orange;  }		*/
	
	#footer {   background-size:60%; }
	
	.swiper-header { height:40vh; min-height:400px; }
	.slide_content p.heading{ font-size:30px;line-height:38px;}	
}

@media (max-width:767px){		
		
	#main_menu { display:none;}
	#open_menu  { display:flex;}
    #open_menu img { width: 35px; }
	#logo { width: 480px; height: 40px; }
	.languages { margin-right:50px; }
	#responsive_menu ul.main_menu li a{ padding-left: 70px;  }		

    .blog_box img {
        width: 160px;
    }

    .highlight_text.blogs img {
        max-width: 100%;
    }

    .blog_next_prev .arrow_btn {
        margin-bottom: 0;
    }

    .blog_post {
        flex-direction: column;
    }

    .arrow_btn {
        margin-bottom: 25px;
    }

    .page_heading .blog_post h2 {
        margin: 0 0 25px 0px;
    }

    .highlight_text iframe {
        width: 100%;
    }

    .page_heading h2 {
        margin-left: 20px;
        font-size: 25px;
    }

    .book_text {
        padding: 20px 0;
    }

    .book_box h4 {
        font-size: 19px;
    }

    .book_box {
        margin: 0 10px;
    }

    .page_heading h1 {
        font-size: 32px;
    }

    .highlight_text h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .dynamic_img, .highlight_text.blogs img.dynamic_img {
        width: 200px;
    }

    .page_heading p {
        margin: 0 0 10px 0;
    }

    .highlight_text .accordion-content li {
        width: 49%;
    }

    #copyright {
        padding: 7px 7px 15px 7px;
        flex-direction: column;
        justify-content: center;
    }

    #footer {
        padding-bottom: 30px;
    }

    #wapp {
        float: none;
    }
    
    #wapp a {
        margin: 5px auto 0 auto;
    }

    #footer {
        flex-direction: column;
        gap: 35px;
    }

    .container_blogs h3 {
        font-size: 30px;
    }
	
	.content h1 {font-size:34px; }	
	.page_title p {  font-size: 18px;  line-height: 26px; }
	
	.centered_section_text h3 {  font-size: 38px; }
	
	.person_box .person_image { display:block; float:unset; margin:0px auto 30px auto; }
    .home_boxes {
        display: flex;
    }

    .intro_text h3 {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    #ajaxcontent {
        margin-top: 60px;
    }

    .button {
        font-size: 14px;
        padding: 6px 22px;
        bottom: 15px;
    }

    .home_boxes .col-xs-12 { padding: 0 5px; }
	
}

@media only screen and (min-width:550px) and (max-width:767px){
	/*#header { background:brown;  }*/
	
	#footer {   background-size:70%; }
	
	.swiper-header { height:40vh; min-height:400px; }
	.slide_content p.heading{ font-size:28px;line-height:34px;}
	
	#about_section_left {  min-height:400px;    }
	.about_section { padding:80px 50px; }
}

@media (max-width:549px){
	
	#footer {   background-size:80%; }
	.footer_box_container {width:100%;}
    #logo {
        width: 440px;
        height: 30px;
    }

    .more_books {
        padding-top: 25px;
    }

    .more_books h4 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .book_box h4 {
        font-size: 17px;
        line-height: 22px;
    }

    .dynamic_img, .highlight_text.blogs img.dynamic_img {
        width: 100%;
        margin-left: 0;
    }

    .page_heading h1 {
        font-size: 28px;
    }

    .highlight_text ul {
        margin-bottom: 20px;
    }

    .accordion-content {
        margin-top: 10px;
    }

    .button {
        font-size: 16px;
        padding: 10px 30px;
        bottom: 30px;
    }
    .home_boxes {
        flex-direction: column;
        gap: 40px;
    }
    #responsive_menu { top: 134px; }
    #responsive_menu ul.main_menu li a {
        font-size: 18px;
        padding: 7px 0px 7px 70px;
    }

    #responsive_menu.active {
        padding-bottom: 20px;
    }

    #responsive_menu ul.main_menu {
        margin: 20px 0 0 0px;
    }

    .blog_box {
        flex-direction: column;
    }

    .blog_box img {
        width: 100%;
    }

    .blog_box .blog_box_text {
        margin-top: 0;
    }
}

@media only screen and (min-width:480px) and (max-width:549px){
	/*#header { background:purple; } */
	
	.swiper-header { height:35vh; min-height:350px; }
	.slide_content p.heading{ font-size:26px;line-height:32px;}
	
	.intro_text h1 {    font-size: 38px; }
	
	#about_section_left {  min-height:350px;    }
	.about_section { padding:60px 50px; }	
	.about_section h2 {    font-size: 32px; }
	.about_section p.larger_text {    font-size: 18px;    line-height: 26px; }
}

@media only screen and (max-width:479px) {	
	/*#header { background:cyan;  }*/
	
	#logo {
        width: 400px;
        height: 30px;
    }
	.languages { margin-right:15px; }
	#responsive_menu ul.main_menu li a {
        font-size: 17px;
        padding: 5px 0px 5px 65px;
    }

    .page-navigation .next-prev {
        flex-direction: column;
        gap: 20px;
    }

    .page_heading .blog_post h2 {
        margin: 0 0 20px 0px;
    }

    .page_heading h2:after {
        width: 80px;
    }

    .page_heading .blog_post h2 {
        font-size: 20px;
    }

    .page_heading h2 {
        font-size: 23px;
        line-height: 30px;
        padding-bottom: 10px;
        margin-bottom: 12px;
    }

    .highlight_text ul li .accordion-title {
        padding: 12px 25px 12px 0;
        font-size: 16px;
    }

    .highlight_text h3 {
        font-size: 19px;
    }

    .page_heading h1:after {
        width: 75px;
    }

    .books_wrap .col-xs-6 {
        width: 100%;
    }

    .book_box h4 {
        font-size: 19px;
        line-height: 25px;
    }

    .book_box {
        padding: 20px 0px;
    }

    .blog_post {
        margin: 40px 0;
    }

    .highlight_text .accordion-content li {
        width: 100%;
    }

    .page_heading h1 {
        font-size: 26px;
    }

    #open_menu img { width: 30px; }

    #open_menu { margin: 25px 0px 0 0px; }
	
	.person_box h2 { font-size:22px;}
	
	.contact_text h2 {    font-size: 30px; }
	.contact_text p {    font-size: 18px; }
	
	.swiper-header { height:30vh; min-height:300px; }
	.slide_content { left:80px;  }
	.slide_content p.heading{ font-size:24px;line-height:30px;}
	
	.intro_text h1 {    font-size: 32px; }
	
	#about_section_left {  min-height:300px;    }
	.about_section { padding:50px 40px; }	
	.about_section h2 {    font-size: 30px; }
	.about_section p.larger_text {    font-size: 18px;    line-height: 26px; }
	#responsive_menu { top: 124px; }
    .intro_text {
        padding: 25px 15px;
        margin-top: 65px;
        margin-bottom: 65px;
    }
    .intro_text h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .intro_text .col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }

    .intro_text p {
        font-size: 15px;
        line-height: 21px;
    }

    .container_blogs h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .footer_box h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .blog_next_prev .blog_post .col-xs-12 {
        padding: 0;
    }

    #footer {
        gap: 25px;
    }

    .footer_box img.logo {
        max-width: 280px;
    }

    .copyright p {
        line-height: 19px;
        font-size: 14px;
    }
}

@media only screen and (max-width:420px) {
    #open_menu {
        gap: 12px;
        padding: 5px 15px;
        font-size: 15px;
    }

    .page_numbers span.current {
        width: 32px;
        height: 32px;
        margin: 0 3px;
        font-size: 14px;
        padding-top: 2px;
    }

    .blog_next_prev h3 {
        font-size: 20px;
    }

    .blog_next_prev {
        margin: 15px 15px;
        padding: 20px 0 0px 0;
    }

    .blog_next_prev .blog_post {
        padding-bottom: 25px;
    }

    .page_heading .created {
        margin-left: 15px;
        margin-bottom: 20px;
        font-size: 15px;
    }

    .page_heading .blog_post h2 {
        font-size: 18px;
        margin: 0 0 20px 0px;
    }

    .arrow_btn {
        font-size: 15px;
    }

    .book_box h4 {
        font-size: 18px;
        line-height: 23px;
    }

    .highlight_text ul li .accordion-title {
        padding: 10px 20px 10px 0;
        font-size: 15px;
    }

    .highlight_text .accordion-content li {
        font-size: 15px;
    }

    .highlight_text {
        padding: 0px 15px 15px 15px;
    }

    .page_heading h1:after {
        width: 65px;
    }

    .highlight_text h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .page_heading {
        padding: 25px 0px;
    }

    .page_heading p {
        margin: 0 0 5px 0;
    }

    .page_heading h2 {
        font-size: 21px;
        line-height: 27px;
        margin-left: 15px;
    }

    .page_heading h2:after {
        width: 70px;
    }

    .more_books {
        padding-top: 20px;
        margin: 0 15px;
    }

    .page_heading p {
        font-size: 15px;
        line-height: 22px;
    }

    .more_books h4 {
        font-size: 21px;
    }

    .page_heading h1 {
        font-size: 24px;
    }

    #footer {
        gap: 20px;
        padding-top: 40px;
    }

    .blog_box .blog_box_text {
        font-size: 15px;
    }

    .footer_box h6 {
        margin-bottom: 8px;
    }

    .footer_box p {
        font-size: 16px;
        margin: 2px 0;
    }

    .footer_box img.logo {
        max-width: 100%;
    }

    .footer_box .social img {
        width: 28px;
    }

    .container_blogs h3 {
        font-size: 27px;
    }

    .blog_box .created {
        font-size: 13px;
    }

    .container_blogs {
        padding: 25px 0px;
    }

    .intro_text h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .intro_text {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    #responsive_menu ul.main_menu li a {
        font-size: 16px;
        padding: 5px 0px 5px 57px;
    }

    #responsive_menu {
        top: 113px;
    }

    #ajaxcontent {
        margin-top: 45px;
    }

    .home_boxes {
        gap: 30px;
    }

    .button {
        font-size: 15px;
        padding: 8px 27px;
        bottom: 25px;
    }

    #logo {
        width: 100%;
    }
}