/* IIAS CSS
	
	Notes:
	
	URL:	/templates/j4starter/images
	
	
	Colors
	
	Red:	#c02026
	
*/

body, .inputbox {font-family: 'Source Sans Pro',Helvetica,Arial,Sans-Serif;line-height: 193%;}
img {height: auto !important;max-width: 100% !important;-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
h1{}
h2{font-size: 2.6em;font-weight: 300}
h3{}
h1,h2,h3{line-height: 130%;}

h2,h3,h4{padding-top: 30px;padding-bottom: 5px;font-weight: 300;color: #000000;}
p{padding: 5px 0; margin: 0;font-size: 13px;}
main h1,
main h2{color: #636262;}
main p{font-size: 1.2em;font-weight: 300;}

a{text-decoration: none; color: #000;}
.bgred{background: #c02026;}
.bgwhite{background: #fff;}
.container{width: 96%; margin: 0 auto; max-width: 1300px !important;}
.float_left{float: left;}
.thirtthree{width: 33.333%}


#s5_topbar{color: #fff;background: #676969;padding: 7px 0;}
#s5_topbar a{color: #cbcbcb; }
#s5_topbar p{}

#s5_topbar strong {font-weight: 400;color: #fff;text-transform: uppercase;}

#s5_menu_wrap .container{display: grid;grid-template-columns: minmax(240px, 240px) 1fr;}

#s5_menu_wrap{
    background: #c02026;
    background: -moz-linear-gradient(left, #c02026 0%, #c02026 41%, #ffffff 41%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c02026), color-stop(41%,#c02026), color-stop(41%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #c02026 0%,#c02026 41%,#ffffff 41%,#ffffff 100%);
    background: -o-linear-gradient(left, #c02026 0%,#c02026 41%,#ffffff 41%,#ffffff 100%);
    background: -ms-linear-gradient(left, #c02026 0%,#c02026 41%,#ffffff 41%,#ffffff 100%);
    background: linear-gradient(to right, #c02026 0%,#c02026 41%,#ffffff 41%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02026', endColorstr='#ffffff',GradientType=1 );
    padding: 0
}

#s5_menu_wrap .menubar{padding: 30px 0 30px 100px;}
#s5_menu_wrap .menubar .maximenuck li{margin: 0 30px 0 0;padding: 8px 20px;border-radius: 25px;border: 1px solid transparent;}
#s5_menu_wrap .menubar .maximenuck li.active,
#s5_menu_wrap .menubar .maximenuck li:hover{border:1px solid #c02026;}
#s5_menu_wrap .menubar .maximenuck li a{color: #636262;font-size:18px;}
#s5_menu_wrap .menubar .maximenuck li span{color: #636262;font-size:18px;}
#s5_menu_wrap .menubar div#maximenuck1047 ul.maximenuck li.level1.parent > span.separator:after {content: url('/templates/j4starter/images/menu_arrow.png');border: none;top: 3px;background-size: 110%;width: 15px;height: 15px;right: -5px;}
 /* dropdown */
#s5_menu_wrap .menubar .maximenuck li div{}
#s5_menu_wrap .menubar .maximenuck li div div{width: 340px;background: #676969;margin-top: 20px;}
#s5_menu_wrap .menubar .maximenuck li div div li,
#s5_menu_wrap .menubar .maximenuck li div div li:hover{border: none;margin: 0;padding: 20px 15px;border-bottom: 1px solid #868686;border-radius: 0;}
#s5_menu_wrap .menubar .maximenuck li div div li a span{color: #fff;font-size: 16px;}
#s5_menu_wrap .menubar .maximenuck li div div li a:hover span,
#s5_menu_wrap .menubar .maximenuck li div div li.active a span{color: #c02026;}

/* s5_headerbackground */
#s5_headerbackground{background: url('/templates/j4starter/images/content-header-1.jpg');background-position: center top;background-repeat: no-repeat;background-size: cover;}

/**/



#custom_1 .djslider-default.img-vcenter img.dj-image{}
#custom_1 .djslider-default .slide-desc{width: 96%;margin: -18% auto;max-width: 1300px !important;position: relative;}
#custom_1 .djslider-default .slide-desc-bg-default{background: none;}
#custom_1 .djslider-default .slide-desc-text-default{padding: 0;}
#custom_1 .djslider-default .slide-title{line-height: 130%;font-size: 1.1em !important;letter-spacing: 2px;text-transform: uppercase;font-weight: 200;}
#custom_1 .djslider-default .slide-text{line-height: 70px;font-size: 3.5em;font-weight: 300;}
#custom_1 .djslider-default .slide-text .s5_highlight{color: #c02026;}


.custom_7{}
#redsidebar {padding: 70px 40px;margin-top: -200px;z-index: 999;position: relative;}
#redsidebar h3{font-size: 1.5em; font-weight: 300; color: #fff;line-height: 130%;}

#s5_top_row2{display: block;width: 100%;float: left;padding: 70px 0;margin: 125px 0;}
#s5_top_row2 .box{width: 25%;float: left;padding: 10px 15px;}
#s5_top_row2 .box p:nth-child(1){position: absolute;}
#s5_top_row2 .box p img{width: 50px;height: auto;filter: invert(1);}
#s5_top_row2 .box .s5-sicon-right{color: #c6c6c6;padding-left: 72px;font-size: 1.2em !important;font-weight: 300;}
#s5_top_row2 .box .s5-sicon-right .s5-icon-title{font-size: 1.1em;font-weight: 400;}

#s5_middle_top{display: block;width: 100%;float: left;padding: 70px 0;margin: 0;}
#s5_middle_top #s5_middle_top_inner{}
#s5_middle_top #s5_middle_top_inner .box{width: 25%;float: left;padding: 10px;}
#s5_middle_top #s5_middle_top_inner img {width: 75%;height: auto;margin: 0 10px 65px !important;}

#s5_bottom_row1_area1{background: #f1f1f1;width: 100%;float: left;padding: 90px 10px;}
#s5_bottom_row1_area1 .pages_portfolio.three {
    width: 33.3335%;
}
#s5_bottom_row1_area1 .pages_portfolio {
    float: left;
}
#s5_bottom_row1_area1 .pages_padding {
    padding: 5px;
}


#s5_bottom_row1_area2 {width: 100%;float: left;background: url('/templates/j4starter/images/bot-2-background-1.jpg');background-attachment: fixed;background-size: contain;}
#s5_bottom_row1_area2 p{text-align: center; color: #fff; font-weight: 500; font-size: 32px;padding: 100px 0;line-height: 1.12em}

.parallax-container{width: 100%;}
.parallax-window {
    min-height: 400px;
    background: transparent;
}

#s5_bottom_row1_area3{float: left; width: 100%; padding: 90px 0;}

#s5_bottom_row3{width: 100%; float: left; background: #000; color: #fff;padding: 50px 0;}
#s5_bottom_row3 .footer_logo{margin-bottom: 45px;}
#s5_bottom_row3 .s5_bottom_row3_inner{padding: 0 10px;}
#s5_bottom_row3 .s5_bottom_row3_inner h3{color: #fff;padding-top: 30px;padding-bottom: 5px;font-weight: 700;opacity: .75;font-size:1.8em;}
#s5_bottom_row3 .s5_bottom_row3_inner a,
#s5_bottom_row3 .s5_bottom_row3_inner p{color: #fff; text-decoration: none;font-size: 1.2em !important;line-height: 193%;}


/* category */
body.category{}
body.category #s5_headerbackground{margin-bottom: 100px;margin-top: -50px;width: 100%;height: 210px;}
body.category .com-content-category-blog__items.blog-items.columns-3{display: flex;flex-wrap: wrap;align-items:flex-start;}
body.category .com-content-category-blog__item.blog-item{flex: 1 1 33%;max-width: 425px;}
body.category .com-content-category-blog__item.blog-item .item-content{margin: 0 15px 45px;}
body.category .com-content-category-blog__item.blog-item .readmore{}
body.category .com-content-category-blog__item.blog-item .readmore a{background-color: #fff;border: 1px solid #313131;color: #313131;padding: 12px 30px;border-radius: 25px;transition: background-color 1s linear; transition: color 1s linear;}
body.category .com-content-category-blog__item.blog-item .readmore a:hover{background-color: #c02026;color: #fff;}
body.category main{margin-bottom: 100px;}
body#pageid-619.category .com-content-category-blog__item.blog-item .item-content{padding: 0px 30px 30px 30px;background: #f0f0f0;}
body#pageid-619.category .com-content-category-blog__item.blog-item .item-content h2{}
body#pageid-619.category .com-content-category-blog__item.blog-item .item-content .readmore{margin-top: 30px;}
/**/

/* Article */
body.article #s5_headerbackground{margin-bottom: 100px;margin-top: -50px;width: 100%;height: 210px;}
body.article main{margin-bottom: 100px;}
/**/



/* Contact */
/* Article */
body.contact #s5_headerbackground{margin-bottom: 100px;margin-top: -50px;width: 100%;height: 210px;}
body.contact main{margin-bottom: 100px;}
body.contact .btn-primary{padding: 6px 38px;background: #c02026;line-height: 30px;margin: 25px 0 0;border: none;border-radius: 25px;transition: background 0.5s linear; }
body.contact .btn-primary:hover{background: #636262;}
/**/






ol, ul {
    padding: 0;
    margin: 0 18px;    font-size: 1.1em;
    font-weight: 300;
}
ul {
    margin-left: 18px;
}

ul > li.listhead {
    list-style-type: none;margin: 0; padding: 0;
}

.listhead div {
    margin-left: -20px;
    font-size: 1.4em;
    color: #636262;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 400;
}

footer{color: #fff;padding-bottom: 20px;padding-top: 20px;background: #3f3f3f;width: 100%; float: left;}

footer p,
footer a{text-decoration: none; font-size: 14px; color: #fff;}
#footerbox{display: grid;grid-template-columns: minmax(50%, 50%) 1fr;}
#footerbox .box{}
#footerbox .box:first-child{}
#footerbox .box:last-child{text-align: right;}




/*******************************************************************************
****************************************************************************


						POPUP CSS


*****************************************************************************/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
      z-index: 10;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;font-size: 45px;
    text-shadow: 0 0 5px black;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}




/*******************************************************************************
****************************************************************************


						MOBILE - TABLET CSS


*****************************************************************************/

@media (max-width: 1400px){
	
	
}

@media (max-width: 1300px){
#redsidebar {margin-top: -150px;}	
	
}

@media (max-width: 1200px){
	
	
}

@media (max-width: 1199px){
#redsidebar {margin-top: -100px;}		
	
}

@media (max-width: 1024px){
	
	
}


@media (max-width: 1023px){
#redsidebar {margin-top: -20px;}	
#s5_menu_wrap .mobilemenuck-bar-title {background: #ffffff;width: 0px;    display: none;color: transparent;font-weight: bold;text-indent: 20px;line-height: 10px;font-size: 1px;}
[data-id="maximenuck1047"] .mobilemenuck-item > .level1,
[data-id="maximenuck1047"] .mobilemenuck-item > .level1:hover, 
[data-id="maximenuck1047"] .mobilemenuck-item > .level1.open {background: #c02026;border-radius: 0;}
[data-id="maximenuck1047"] .mobilemenuck-item > .level1:hover{opacity: 0.8;}
[data-id="maximenuck1047"].mobilemenuck a {color: #FFFFFF;font-weight: 300;font-size: 18px;line-height: normal !important;padding: 5px 0;}
[data-id="maximenuck1047"] .mobilemenuck-item > .level2 {border-radius: 0;}
[data-id="maximenuck1047"] .mobilemenuck-togglericon:after {border-radius: 0;}
.navbar {min-height: 100px;}
#maximenuck1047-mobile-bar{top:-20px;}	
.bgwhite {background: transparent;}
}

@media (max-width: 992px){
#redsidebar {margin-top: 20px;}	
#custom_1 .djslider-default .slide-text {line-height: 45px;font-size: 2.5em;}

}

@media (max-width: 768px){
#s5_bottom_row1_area1 .pages_portfolio.three {min-height: 346px;}
#s5_bottom_row1_area1 .s5_is_css_7 .s5_is_slide_7_css{margin: -45px 0 45px;}
#s5_bottom_row3 .s5_bottom_row3_inner a, #s5_bottom_row3 .s5_bottom_row3_inner p {font-size: 16px !important;line-height: 25px;}
#s5_bottom_row3 .s5_bottom_row3_inner h3 {font-size: 22px;}
#s5_bottom_row1_area3 .custom img{width: 15% !important;}
#s5_middle_top #s5_middle_top_inner img {width: 65%;margin: 0 10px 30px !important;}
#s5_top_row2 .box {width: 50%;min-height: 145px;}
body.category .com-content-category-blog__item.blog-item {flex: 1 1 100%;max-width: 100%;}
}

@media (max-width: 767px){
main p {font-size: 1.1em;}
#s5_menu_wrap {background: #c02026 !important;}
#custom_1{min-height: 45vh;background: url('/images/header-act-01.jpg');background-position: center;background-size: cover;}
h2 {font-size: 2em;}
#s5_top_row2 .box {width: 100%;float: left;padding: 10px 15px;margin-bottom: 45px;}
#s5_middle_top #s5_middle_top_inner .box {width: 50%;}
#s5_top_row2 {margin: 75px 0;}
#s5_middle_top #s5_middle_top_inner .box {width: 100%;float: left;padding: 10px;padding: 0 14%;margin: 0;}
.thirtthree{width: 100%;}
#s5_bottom_row1_area1 .pages_portfolio.three {width: 100%;}
#custom_1 .djslider-default.img-vcenter img.dj-image {opacity: 0;}
#custom_1 .djslider-default,
#custom_1 .djslider-default .slider-container,
#custom_1 .djslider-default ul.djslider-in > li{overflow: visible;height: 45vh !important;}
#custom_1 .djslider-default .slide-desc{margin:15% 45px auto;}
#custom_1 .djslider-default .slide-text{line-height: 35px; font-size: 2em;}
#s5_headerbackground {background: url('/templates/j4starter/images/content-header-1.jpg');background-position: -340px center;background-repeat: no-repeat;background-size: cover;}
body.article #s5_headerbackground,
body.category #s5_headerbackground{margin-bottom: 20px;}
}