/* IIAS CSS
	
	Notes:
	
	URL:	/templates/j4starter/images
	
	
	Colors
	
	Red:	#c02026
	
*/
*{margin: 0; padding: 0;}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, .inputbox, .button, a.readon, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, input.jm_inputfield, .MultiBoxControls, textarea, input, .recaptcha_theme_red #recaptcha_response_field, .validate, .btn-primary {font-family: 'Roboto',Helvetica,Arial,Sans-Serif;color: #191919;background: #ffffff;font-weight: 300;font-size: 1em;overflow-x: hidden;letter-spacing: 1px;line-height: 150%;}
b, strong {font-weight: 900;}
header{}
header #toplogo {position: absolute;z-index: 99;width: 100%;}
header #toplogo img{}
a{text-decoration: none;}
main{}
main p{}
main a {text-decoration: none;cursor: pointer;color: #191919;}
main img{max-width: 100%; height: auto;}

main h1{margin-bottom: 17px;}
main h2,
main h2 a {color: #292929;}
main h3,
main h3 a {font-size: 1.3em;margin-bottom: 14px;margin-top: 3px;color: #000000;}

h1 {font-size: 2.2em;font-weight: 300;}
h2 {font-size: 2.2em;font-weight: 300;}
h3 {font-size: 1.8em;font-weight: 300;}

main .btn {background: #d62029;color: #fff !important;margin-top: 20px;}
main .btn:hover{}

/* Top Menu */
#topmenu{}
#topmenu .logo{}
#topmenu .logo img{}
#topmenu .maximenuckh{}
#topmenu .maximenuckh ul{padding: 0;height: 40px;line-height: 40px;}
#topmenu .maximenuckh ul li{margin: 0 20px 0 0 !important;}
#topmenu .maximenuckh ul li.parent a,
#topmenu .maximenuckh ul li a{color: #191919;font-size: 1.45em;padding: 5px 10px;border-radius: 4px;}
#topmenu .maximenuckh ul li.parent a:after{top:20px !important; right: -5px !important;}
#topmenu .maximenuckh ul li.active{}
#topmenu .maximenuckh ul li.active a > span{border-bottom: 2px solid #191919;padding-bottom: 5px;}
#topmenu .maximenuckh ul li:hover{}
#topmenu .maximenuckh ul li:hover > a{background: #d62029;color: #fff;}
#topmenu .maximenuckh ul li.active:hover a > span{border-bottom: 2px solid #d62029;padding-bottom: 5px;}
/**/
#topmenu .maximenuckh ul li ul{}
#topmenu .maximenuckh ul li ul li{}
#topmenu .maximenuckh ul li div.floatck{min-width: 300px !important;background: #fff;box-shadow: 0px 2px 10px 0 #00000095;padding: 10px 20px;}
#topmenu .maximenuckh ul li div > div{min-width: 300px !important;}




#otherpageheader{background: url('/images/content-header-1.jpg');padding: 40px 10px;margin: 0 0 55px;background-position: center;background-size: cover;}

#otherpageheader #topmenu {display: grid;grid-template-columns: minmax(150px, 25%) 1fr;}
#otherpageheader #topmenu .maximenuckh ul li.parent a, 
#otherpageheader #topmenu .maximenuckh ul li a {color: #fff;}
#otherpageheader #topmenu .menu {padding: 3% 0;}
#otherpageheader #topmenu .maximenuckh ul li ul li a{color: #191919 !important;}


/* Slide show */
#custom_1{}
#custom_1 .camera_caption{}
#custom_1 .camera_caption > div{background: none;}
#custom_1 .camera_caption .camera_caption_title{max-width: 1320px;margin: 0 auto; font-weight: 300;letter-spacing: 1px;line-height: 150%;font-size:72px; padding: 0 25% 0 0;}
#custom_1 .cameraContents{}
#custom_1 .cameraContents .cameraContent{bottom: 50%;}
#custom_1 .camera_commands{display: none;}

.scroll-wrapper {text-align:center;position: absolute; bottom: 50px; width: 100%;}
.scroll {   font-size: 30px;color: #fff;-webkit-animation: scrolling 3s ease infinite;-moz-animation: scrolling 3s ease infinite;-o-animation: scrolling 3s  ease infinite;animation: scrolling 3s ease infinite;

}
.fa-computer-mouse:before {content: "\f8cc";}
.fa-facebook:before{content: "\f09a";}



@keyframes scrolling {
  0% {
    transform: translate(0);
  }
 
  50% {
    transform: translate(0,40px);}

 
  100% {
     transform: translate(0);
  }
}

#top_row1{margin: 50px 0;}
#top_row1 .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
#top_row1 .container .box{
    flex: 1 1 33%; /*  Stretching: */
    padding: 5px;
  }

#bottom_row1{background: url('/images/background-2.jpg');padding: 100px 0;background-size: cover;background-attachment: fixed;}

#bottom_row1 .container{background: #fff;padding: 50px;border-radius: 4px;box-shadow: 0 0 10px #00000095;}


#socialicons {width: 100%;text-align: center;padding: 100px 10px 40px;}
#socialicons a{}
#socialicons svg {fill: #d62029;width: 50px;height: auto;margin: 0 10px;}
#socialicons svg:hover{opacity: 0.9;}
#socialicons svg path{}


#sidebar{margin-top: 22px;}
#sidebar .moduletable{padding: 40px 9px;text-shadow: none;
    color: #000000;
    margin-left: 7px;
    margin-right: 7px;}
#sidebar h3 {
    color: #000000;
    font-size: 1.5em;
    font-weight: 200;
    margin-bottom: 35px;
    margin-left: 0;
    margin-top: 3px;
}

/* Contact form */
#contact-form{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
    box-shadow: inset 0 0 3px rgb(0 0 0 / 20%);
}



footer{}
footer #fixedfooter{text-align: center;padding: 50px 0}
footer #fixedfooter img{}
footer #fixedfooter p,
footer #fixedfooter a{color: #191919; font-size: 15px;text-decoration: none;}

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input, textarea, .validate {
    border: none;
    color: #848484 !important;
    font-size: 0.9em;
    padding: 13px 15px !important;
    background: #ffffff;
    border-color: #DADADA;
    font-weight: 300;
    border-style: solid;
    border-width: 1px;
}


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


						MOBILE - TABLET CSS


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

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

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

@media (max-width: 1100px){
#topmenu .logo img {max-width: 100%;height: auto;padding-right: 30px;}	
	
}

@media (max-width: 1024px){
#topheader [data-id="maximenuck517"] .mobilemenuck-bar-title {background: none;}
#maximenuck517-mobile .mobilemenuck-bar-title,
[data-id="maximenuck517"] .mobilemenuck-bar-title {background: none;font-size: 0;}
#maximenuck517-mobile .mobilemenuck-item > .level1 {background: #ffffff1f;}
[data-id="maximenuck517"].mobilemenuck a {color: #FFFFFF;font-weight: 300;}

}

@media (max-width: 768px){
#custom_1 .camera_caption .camera_caption_title {line-height: 115%;font-size: 60px;padding: 0 40px;}	
#toplogohide #topmenu,
#otherpageheader #topmenu {display: grid;grid-template-columns: minmax(50%, 50%) 1fr !important;}
.container, .container-sm, .container-md {
    max-width: 720px;
    padding: 0 45px;
}	
}

@media (max-width: 767px){
.container, .container-sm, .container-md {
    padding: 0 15px;
}	
	
}












