@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');



html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	font-weight:400;
  min-width:320px;
}

body{
  /*overflow-x:hidden;**/
  position:relative;
} 

/*****************
LOADING PAGE
***********************/


#overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999999999999;
  background: #FFF;
}

#spinner {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 999999999999999999;
  background-color: #336699;
  background-color: #fff;
  background-color: #d8d8d8;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
  transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }
  50% {
  transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 
  100% {
  transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*******************************
MAIN BODY PAGES
********************************/
.wrp{
  max-width:1280px;
  width:90%;
  margin:auto;
  position:relative;
}

header{
    /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

header.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

.cd-main-content {
  min-height: 100%;
  position: relative;
  z-index:3;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  top:140px;
  background:#fff;
}

.cd-main-content.tablet{
  top: 10px;
}

.cd-main-content.first-page{
  top: 0px;
}

.cd-main-content-body,
.cd-main-content-body-hp{
  padding-top:50px;
  padding-bottom:50px;
}

.cd-main-content-body-hp{
  padding-bottom:0px;
}

.cd-main-content.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

.container-body-frontpage{
  position:relative;
}

.sectionSeperator{
  margin-bottom:50px;
}

.inner-pages-body{
  margin-top:20px;
  margin-bottom:100px;
}

.hide-text {
  display:none!important
}

@media screen and (max-width: 1024px) {
  .inner-pages-body{
    margin-top:50px;
  }
}

.inner-pages-body .inner-pages-body-main{
  padding:50px 0 0 0;
}

/********************************
FONTS AND STYLES
**********************************/
h1,h2,h3,h4,h5,h6,span,article,p,a,ul,li,nav,button,hr,textarea,div{
	padding:0px;
	margin:0px;
  text-decoration:none;
  font-weight:normal;
  font-family: 'Roboto', sans-serif;
  color:#393939
}
 
p,
li,
span{
  font-size:15px;
  line-height:24px;
}

p:after{
  content:"";
  padding-bottom: 14px;
  display: block;
}

h3, 
h3 a,
.secondTitle,
.sectionTitle,
.sectionTitle a{
  font-size:18px;
  font-weight:bold;
  line-height:24px;
}

.header-title-parts-sections{
  color:#003E7E;
  display:table;
  width:100%;
  border-bottom:1px solid #F2F2F2;
  margin-bottom:20px;
  padding-bottom:10px;
  font-size:14px;
}

.sectionTitle{
  border-bottom:1px solid #E5E5E5;
  padding-bottom:15px;
}

.text-links-blue:hover,
h3 a:hover{
  color:#003E7E
}
  
.text-links-orange:hover{
  color:#ff8d08
}

.sectionTitle:before{
  content:"";
  display:block;
  width:20px;
  height:26px;
  float:left;
  margin-right:10px;
  position:relative;
  top:0px;
}

.icon-alert:before{
  background:url(../background/svg/icon-alert.svg) no-repeat;
  background-size:  auto;
  display:block;
  width:20px;
  height:26px;
  position: relative;
  top: -2px;
} 

.icon-clock:before{
  background:url(../background/svg/icon-clock.svg) no-repeat;
  background-size:  auto;
  display:block;
  width:24px;
  height:26px;
  position: relative;
  top: -1px;
}  

.link-orange{
  color:#FF8D08;
}
  
.link-orange:hover{
  color:#995D16;
}

.link-blue{
  color:#003E7E;
}
  
.link-blue:hover{
  color:#5995D3;
}

hr{
  border-bottom: 1px solid #d8d8d8;
  margin: 20px auto 20px auto;
  border-top:0;
  border-left:0;
  border-right:0;
}

/****************
FONT WEIGHS STYLES
****************/
.fw-bold{
  font-weight:bold;
}

/********************************
 GENERAL IMAGES
**********************************/
.images-size{
  width:100%;
  height:auto;
  max-height:500px;
}

/********************************
 COLORS
**********************************/
.bgC1{
  background:#fff;
} 
 
.bgC2{
  background:#000;
} 
 
.bgC3{
  background:#d8d8d8;
}

.bgC4{
  background:#F2F2F2;
}

.bgC5{
  background:#013E7F;
}

.bgC6{
  background:#ffd200;
}

.world-map-dots{
  background:url(../background/svg/world-map-dots.svg) no-repeat;
  background-size:100% 100%;
  display:block;
  width:100%;
  height:500px;
  position: relative;
} 
 
 
 /********************************
HEADER
**********************************/
header{
  width:100%;
  background:#fff;
  display:block;
  position:fixed;
  z-index:99999999;
  top:0;
  transition:all ease 0.3s;
  min-width:320px;
}

header.moveTop{
 top:-120px;
 transition:all ease 0.3s;
 box-shadow: rgb(0 0 0 / 25%) 0px 5px 15px;
}

header .row_top,
header .row_bottom{
  height:40px;
}

header .row_top{
  border-bottom: 1px solid #f2f2f2;
}

header .row_middle{
  height:80px;
  background:#fff;
  position:relative;
}

header .flex{
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
}

header .trailerNews{
  max-width:100%;
  width:100%;
  height:40px;
  display:block;
}

header .language-search{
  width:220px;
  height:40px;
  display:flex;
  flex-direction: row;
  flex-wrap:nowrap;
}

header .language-search .language {
  width: 100%;
  text-align: center;
  line-height: 41px;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  
}

header .logins-buttons {
  width: 100%;
  text-align: center;
  line-height: 41px;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;    
}

header .logins-buttons input{
  line-height:39px
}



header .language-search .search {
  width: 40px;
  height: 39px;
}

header .language-search .search-icon{
  width: 40px;
  height: 39px;
  background: #fff;
  display: block;
  border-right: 1px solid #f2f2f2;
}

header .language-search .search-icon .fa-search {
    background-position: 23px;
    background: #fff;
    width: 39px;
    height: 39px;
    line-height: 40px;
    color: #393939;
}

header .language-search .search-icon:hover .fa-search {
  background-position: 23px;
  background:#003E7E;
  width: 39px;
  height: 39px;
  line-height: 40px;
  color: #fff;
}

header .logo-ctn .logo-pos{
  position: absolute;
  top: -22px;
  background: white;
  padding: 0 10px;
}

header .button-call-ctn .cta-button-pos{
  position: absolute;
  right: 0;
  top: 16px;
}

header .langImages {
  width: 50px;
  height: 50px;
  background: #fff;
  display: block;
  position: relative;
  border-left: 1px solid #c4c4c5;    
}

header .langImages img {
  width: 16px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

 /********************************
ICONS
/********************************/
 
@media screen and (max-width: 1024px) {
  header .row_middle {
    height: 50px;
    position: relative;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  }

  header .logo-ctn .logo-pos {
    top:7px;
    position: absolute;
    padding: 0px 0px;
  }

  header .call-button-pos {
    position: absolute;
    right: 50px;
    top: 0px;
  }
  
  header .call-button-style{
    width: 50px;
    height: 50px;
  }
  
   header .call-button-style .button-icon i {
    font-size: 28px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 5px;
    left: -5px;
 }
  
  header .lang-button-pos {
    position: absolute;
    right: 100px;
    top: 0px;
    width:50px;
    height:50px;
    background:red;
    display:block;
  }
  
 header .logo {
    display: block;
    width: auto;
    height: 40px;
  }
}
 
/********************************
FOOTER
**********************************/
footer{
  width:100%;
  display:block;
  position:relative;
  z-index:3;
  border-top:1px solid #E5E5E5;
  padding-top:40px;
  padding-bottom:40px;
}

footer .logo-pos{
  margin: 0 auto 50px auto;
  width: auto;
  display: table;
}

footer .footer-title{
  margin-bottom:20px
}

.footer-bottom p,
.footer-bottom p a{
  font-size:12px;
}

.footer-bottom{
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
}

.footer-bottom .col{
  width:100%;
}

@media screen and (max-width: 680px) {
  .footer-bottom{
    display: table;
  }
  
  .footer-bottom p{
    text-align:center
  }
}

.footer-images-banners img{
  width: auto;
  height: auto;
}

.fixed_bottom_position_trailerNews{
  position:fixed;
  bottom:0;
  width:100%;
  height:40px;
  display:block;
  z-index:9999
}

/****************
BEVISIBLE  
****************/
.bevisible-link{
  font-weight:700;
}

.bevisible-link span,
.bevisible-link a{
  color:#075EE3;
  font-weight:700;
  font-size:12px;
}

 /********************************
SLIDERS
**********************************/
.main-intro-slider .cols-height{
  height:550px;
}

.main-intro-slider .item{
    display: block;
    height: 550px;
}

.main-intro-slider .design-style-v1{
  position:relative;
}

.main-intro-slider .design-style-v1 .text-ctn{
  position: absolute;
  background: rgba(0,0,0,.7);
  padding: 14px;
  z-index: 4;
  max-width: 90%;
  margin: auto;
  bottom: 40px;
  left: 0;
  right: 0;
}

.main-intro-slider .design-style-v1 .text-ctn h5,
.main-intro-slider .design-style-v1 .text-ctn h3 a,
.main-intro-slider .design-style-v1 .text-ctn p{
  color:#fff;
}

.main-intro-slider .design-style-v1 .text-ctn h3 a:hover{
  color:#FF8D08;
}

.main-intro-slider .design-style-v1 .text-ctn h3{
  font-size:26px;
  margin-bottom:10px
}

.main-intro-slider .design-style-v1 .image-overlay{
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
  background:rgba(0,0,0,.0)
}
.main-intro-slider .design-style-v1 .image {
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
}

.main-intro-slider .design-style-v1 .image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media screen and (max-width: 768px) {
  
  .main-intro-slider .item {
    display: block;
    height: auto;
  }

  .main-intro-slider .design-style-v1 .image-overlay {
    height: 300px;
  }

  .main-intro-slider .design-style-v1 .image {
      width: 100%;
      height: 300px;
      position: inherit;
  }
  
  .main-intro-slider .design-style-v1 .text-ctn {
    position: relative;
    background: #fff;
    padding:0px;
    max-width: 100%;
    bottom: 0;
    margin-top: 20px;
  }
  
  .main-intro-slider .design-style-v1 .text-ctn h5,
  .main-intro-slider .design-style-v1 .text-ctn h3 a,
  .main-intro-slider .design-style-v1 .text-ctn p{
    color:#393939;
  }
} 

 /********************************
SLIDER OPTIONS STYLES
**********************************/
.NavArrowsV1  .owl-nav button.owl-prev span, 
.NavArrowsV1  .owl-nav button.owl-next span{
  font-size: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  background:rgba(0,0,0,.2);
  width: 25px;
  height: 25px;
  margin: auto;
  color: #fff;
  line-height: 20px;
}
  
.NavArrowsV1  .owl-nav button.owl-prev span{
  left:0;
}
  
.NavArrowsV1  .owl-nav button.owl-next span{
  right:0;
}

.bulletsDotsV1 .owl-dots {
    width: auto;
    display: table;
    left: auto;
    right: auto;
    position: relative;
    bottom: -20px;
    margin: auto;
    height: 100px;
 }

.bulletsDotsV1 .owl-dots button.owl-dot{
  width: 10px;
  height: 10px;
  display: block;
  background: #CBCBCB;
  margin-right: 10px;
  cursor:pointer;
  float:left;
  border-radius:20px;
}
    
.bulletsDotsV1 .owl-dots button.owl-dot:last-child{
  margin-right: 0px;
}
    
.bulletsDotsV1 .owl-dots button.owl-dot:hover,
.bulletsDotsV1 .owl-dots button.owl-dot.active{
  background: #FF8D08;
}

/*******************************
MARQUEE TEXT WARNING
********************************/
.marquee {
  width: 100%;
  padding:0;
  background: #393939;
  display:flex;
  height:40px;
  border-right: 1px solid #f2f2f2;
}

.marquee .marquee-title{
  width:100px;
  background:#AD0404;
  text-align:center;
}

.marquee .marquee-title .title{
  color: #fff;
   font-size: 12px;
  line-height: 40px;
  font-weight:bold;
      position: relative;
    left: 10px;
}

.marquee .marquee-text-scroll{
  background: #393939;
  color: #fff;
  font-size: 12px;
  line-height: 42px;
  width: 100%;
}

.marquee a .trailer ,
.marquee .trailer{
  color:#fff;
  font-size: 13px;
  line-height: 40px;
  margin-right:20px;
  padding-right:20px;
  border-right:1px solid #fff;  
}

.marquee a .trailer:hover{
  color:#FF8D08;
}

.marquee .seperate {
  width: 2px;
  height: 39px;
  display: block;
  background: #eaeaea;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
}

.marquee .fa-hand-point-right-style{
  color:#fff;
  margin-right: 5px;
}

/**********************
MODAL SEARCH
**************************/
.modal-search {
    position: fixed;
    z-index: 999999999999; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal-search.is-visible {
    visibility: visible;
}

.modal-search .modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal-search.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-search .modal-wrapper {
position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    width: 90%;
    max-width: 400px;
    z-index: 9999999999;
    background: #fff;
    box-shadow: rgb(0 0 0 / 45%) 0px 5px 15px;
    border-radius: 10px;
    -webkit-animation: popupAlertMoveToTop 1s;
    -moz-animation: popupAlertMoveToTop 1s;
    -o-animation: popupAlertMoveToTop 1s;
    animation: popupAlertMoveToTop 1s;
    display: table;
    padding: 40px 15px 30px 15px;
    height:150px;
}

.modal-search .modal-transition {
  transition: all 0.3s 0.4s;
  transform: translateY(-15%);
  opacity: 0;
}

.modal-search.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s 0.12s;
}

.modal-search .modal-header,
.modal-search .modal-content {
  padding: 1em;
}

.modal-search .modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-search .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0px;
  color: #aaa;
  border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.modal-search .modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-search .modal-content > *:first-child {
  margin-top: 0;
}

.modal-search .modal-content > *:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .modal-search .modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 90%;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);
    margin: auto;
  }
}


/*************
RIGHT BANNER
*************/
.formbanner-cta{
  background: #F2F2F2;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding:15px;
  width:100%;
}

@media screen and (max-width: 768px) {
  .formbanner-cta .buttons .cta1-mb{
    margin-bottom:20px;
  }
}

/*************
BANNER COVID
*************/
.banner-covid{
  background: linear-gradient(180deg, #5B6D9C 0%, #2760F2 100%);
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding:25px 15px;
  width:100%;
}

.banner-covid .image{
  position: relative;
  top: 40px;
  margin-right: 30px;
  height: 60px;
}

.banner-covid .image img{
  width:100px;
  height:auto;
}

.banner-covid h3,
.banner-covid p{
  color:#fff;
}

@media screen and (max-width: 680px) {
  .banner-covid.col-x-12 {
    display: table; 
  }
  
  .banner-covid .image {
    position: relative;
    top: 0;
    margin-right: 0;
    height: 60px;
    text-align: center;
    margin-bottom: 20px;
  }

  .banner-covid h3, 
  .banner-covid p {
    text-align: center;
  }
  
  .banner-covid .buttons {
    text-align: center;
  }
}

/*************
ROW SECTION NEWS
*************/
.row_sectionNews{
  padding-bottom:20px;
}

.row_sectionNews {
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
}

.row_sectionNews .image{
  width:140px;
  height:140px;
  display:block;
}

.row_sectionNews .article{
  width:100%;
  display:block;
  margin-left:20px;
}

.row_sectionNews.no-image .article{
  width:100%;
  display:block;
  margin-left:00px;
}

.row_sectionNews img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media screen and (max-width: 480px) {
  .row_sectionNews {
    display: table;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
  }
  
  .row_sectionNews .image {
    width: 100%;
    height: 220px;
    display: block;
    margin-bottom:20px
  }
  
  
  .row_sectionNews img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .row_sectionNews .article{
    margin-left:0px;
  }
  
  .row_sectionNews.version2{
    
  }
  
  .row_sectionNews.version2 .image {
    width: 40%;
    width: 80px;
    height: 120px;
    height: 80px;
    display: block;
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
  }
  
  .row_sectionNews.version2 p{
    display:none;
  }

}

/****************************
BREADCRUMBS
******************************/
.breadcrumbs {
  background:#FAFAFA;
  border-bottom:0px solid #686868;
  padding:5px 0;
  display:flex;
}

.breadcrumbs li{
  float:left;
}

.breadcrumbs .divider{
  margin-right:7px;
  margin-left:7px;
}

.breadcrumbs a span,
.breadcrumbs a,
.breadcrumbs span {
  font-size:10px;

}

.breadcrumbs a span:hover{
  color:#FF8D08;
} 

/****************************
NEWS BLOG
******************************/
.news_blog_design_1 .image{
  width:100%;
  height:250px;
  display:block;
  margin-bottom:20px
}

.news_blog_design_1 .image .imageFixed{
  width:100%;
  height:250px;
  object-fit:cover;
}

.news_blog_design_1 .text{
  width:100%;
  display:block;
}


/****************************
CATEGORIES BLOG LAYOUT .blog_item.php
******************************/
.categories_blog_layout {
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
  margin-bottom:30px;
  padding-bottom:30px;
  border-bottom: 1px solid #E5E5E5;
}

.categories_blog_layout .image{
  width:30%;
  display:table;
  height: 130px;
  margin-right:20px;
  min-width:130px;
}

.categories_blog_layout .image img{
    width: 100%;
    height: 100%; 
    object-fit: cover;
     width: 100%; 
     height: 130px;
    object-fit: cover; 
}

.categories_blog_layout .text{
  width:100%;
  
}


@media screen and (max-width: 680px) {
  .categories_blog_layout {
      display: table;
  }

  .categories_blog_layout .image {
    width: 100%;
    display: block;
    margin-bottom:20px;
  }

  .categories_blog_layout .text {
    width: 100%;
    margin-left: 0;
  }
  
  
  .categories_blog_layout .text .date,
  .categories_blog_layout .text .title{
    margin-bottom:5px;
  }

}

/****************************
BLOG LIST
******************************/
.blog-list-row{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
}

/****************************
TAGS
******************************/
.tags {
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  width: 100%;
}
.tags li{
  margin-right:10px;
  margin-bottom:12px;
}
.tags li a{
  padding:5px 10px;
  background:#f8f8f8;
  font-size:12px;
  border-radius:4px;
}

.tags li a:hover{
  background:#FF8D08;
  color:#fff;
}

@media screen and (max-width: 680px) {
  .tags li a {
      font-size: 10px;
  }
  
}



/****************************
banner_home_page
******************************/
.banner_home_page{
  height:400px;
  background:#1170D1;
  background:#323232;
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  width: 100%;
  overflow:hidden;
  position:relative
}

.banner_home_page .text h4,
.banner_home_page .text p,
.banner_home_page .text span{
  color:#fff;
  margin-bottom:20px
}

.banner_home_page .text h4{
  font-size: 26px;
  line-height: 24px;
  font-weight: bold;
}


.banner_home_page .text span{
  font-weight: bold;
}

.banner_home_page .image img{
  width:100%;
  height:100%;
}

.banner_home_page .text{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  height: 100px;
 }

 
/****************************
FIXED BOTTOM POPUP ALERT
******************************/
 .popup_alert_right_bottom {
  position:fixed;
  bottom:0;
  right:0;
  width:90%;
  max-width:800px;
  z-index:999999;
  background:#fff;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
  border-radius:10px 0 0 0;
  -webkit-animation: popupAlertMoveToTop 1s ; /* Safari 4+ */
  -moz-animation:    popupAlertMoveToTop 1s ; /* Fx 5+ */
  -o-animation:      popupAlertMoveToTop 1s ; /* Opera 12+ */
  animation:         popupAlertMoveToTop 1s ; /* IE 10+, Fx 29+ */  
}

@media screen and (max-width: 680px) {
  .popup_alert_right_bottom {
      position: fixed;
      bottom: 0;
      right: 0;
      width: 100%;
      max-width: 400px;
      z-index: 999999;
      background: #fff;
      box-shadow: rgb(0 0 0 / 45%) 0px -15px 15px;
      border-radius: 10px 10px 0  0;
      -webkit-animation: popupAlertMoveToTop 1s;
      -moz-animation: popupAlertMoveToTop 1s;
      -o-animation: popupAlertMoveToTop 1s;
      animation: popupAlertMoveToTop 1s;
  }
}  

.popup_alert_right_bottom.hide {
  -webkit-animation: popupAlertMoveToBottom 1s ; /* Safari 4+ */
  -moz-animation:    popupAlertMoveToBottom 1s ; /* Fx 5+ */
  -o-animation:      popupAlertMoveToBottom 1s ; /* Opera 12+ */
  animation:         popupAlertMoveToBottom 1s ; /* IE 10+, Fx 29+ */  
}

@-webkit-keyframes popupAlertMoveToTop {
  0%   { bottom: -400px; }
  100% { bottom: 0; }
}
@-moz-keyframes popupAlertMoveToTop {
  0%   { bottom: -400px; }
  100% { bottom: 0; }
}
@-o-keyframes popupAlertMoveToTop {
  0%   { bottom: -400px; }
  100% { bottom: 0; }
}
@keyframes popupAlertMoveToTop {
  0%   { bottom: -400px; }
  100% { bottom: 0; }
}

@-webkit-keyframes popupAlertMoveToBottom {
  0%   { bottom: 0; }
  100% { bottom: -400px; display:none }
}
@-moz-keyframes popupAlertMoveToBottom {
  0%   { bottom: 0; }
  100% { bottom: -400px; display:none }
}
@-o-keyframes popupAlertMoveToBottom {
  0%   { bottom: 0; }
  100% { bottom: -400px; display:none }
}
@keyframes popupAlertMoveToBottom {
  0%   { bottom: 0; }
  100% { bottom: -400px; display:none }
}

.popup_alert_layout{
  padding:20px 20px 20px 20px;
}

.popup_alert_layout .closeButton{
  position:absolute;
  right:10px;
  top:10px
}

.popup_alert_layout .image {
  display:block;
  width:100%;
  height:40px;
  text-align:center;
  margin-bottom:10px;
}

.popup_alert_layout .image img{
  max-width:40px;
  max-height:40px;
  width:100%;
  height:100%;
}


.closeButtonDesign{
  border-radius:50%;
  width:20px;
  height:20px;
  background:#000;
  color:#fff;
  border:0;
  cursor:pointer;
}


.closeButtonDesign:hover{
  background:#E61E1E;
}

.popup_alert_layout .textCtn .title{
  display: table;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.popup_alert_layout .textCtn p{
  display: table;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.popup_alert_layout .textCtn .button{
  text-align:center;
}


/****************************
FIXED CENTER PAGE POPUP ALERT
******************************/
 .popup_alert_center_page {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  margin: auto;
  top: 0;
  width:90%;
  max-width:400px;
  z-index:9999999999;
  background:#fff;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
  border-radius:10px;
  -webkit-animation: popupAlertMoveToTop 1s ; /* Safari 4+ */
  -moz-animation:    popupAlertMoveToTop 1s ; /* Fx 5+ */
  -o-animation:      popupAlertMoveToTop 1s ; /* Opera 12+ */
  animation:         popupAlertMoveToTop 1s ; /* IE 10+, Fx 29+ */  
  display: table;
  height:300px
}

.popupAlertCenterPage-overlay {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,.5);
  z-index:999999998;
}

.popup_alert_center_page.hide {
  -webkit-animation: popupAlertMoveToBottom 1s ; /* Safari 4+ */
  -moz-animation:    popupAlertMoveToBottom 1s ; /* Fx 5+ */
  -o-animation:      popupAlertMoveToBottom 1s ; /* Opera 12+ */
  animation:         popupAlertMoveToBottom 1s ; /* IE 10+, Fx 29+ */  
}






/****************************
SEARCH PAGES RESULTS
******************************/
.search-pages-reults .input-word {
    border: 1px solid #D1D1D1;
    background: #f9f9f9;
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
}

.search-pages-reults .input-word  .inputCol{
  max-width:660px;
  width:100%;
  margin-right:20px
}

.search-pages-reults .result-title a{
  font-weight:bold;
}

.search-pages-reults .search-results li{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #d8d8d8
}
 
.search-pages-reults .search-results li:last-child{
  border-bottom:0px solid #d8d8d8
}
 
 
@media screen and (min-width: 1px) and (max-width: 1024px) {
  .search-pages-reults .input-word {
      display: table;
  }

.search-pages-reults .input-word .inputCol {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  
}

/****************************
PAGENAV ARTICLES 
******************************/
.pagenav-ctn{
  padding:20px;
  background:#fbfbfb;
  border:1px solid #f1f1f1;
}
.pagenav {
  display:flex;
}

.pagenav li{
  width: 100%;
  padding: 10px 15px; 
}

 /**
 .pagenav li:last-child{
  width:100%;
  border-left:1px solid #d8d8d8
 }
 **/
 
.pagenav li.previous{
	border-right:1px solid #d8d8d8 
}
 
.pagenav li a{
  font-size:14px;
}
 
 
@media screen and (max-width: 1024px) {
  .pagenav {
  display:table;
  width: 100%;
  }
  
  .pagenav li:last-child{
  border-left:0px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  margin-top:20px
 }
 
}



/**********************
toggle-expand-form 
*******************/
.toggle-expand-form .toggle-label {
  font-size: 15px;
  padding: 15px  ;
  cursor: pointer;
  display: block;
  margin: 0 auto 1em;
  border-radius: 4px;
  background:#dedede;
}

.toggle-expand-form .toggle-label:after {
  color: #fff;
  content: "+";
  float: right;
  font-weight: bold;
  background: #1170d1;
  padding: 3px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 15px;
}

.toggle-expand-form .toggle-content {
  color: #B0B3C2;
  font-family: monospace;
  font-size: 16px;
  margin-bottom: 1.5em;
  padding: 1em;
}

.toggle-expand-form .toggle-input {
  display: none;
}

.toggle-expand-form .toggle-input:not(checked) ~ .toggle-content {
  display: none;
  transition:all ease .3s;
  height:0;
}

.toggle-expand-form .toggle-input:checked ~ .toggle-content {
  display: block;
  transition:all ease .3s;
  height:100%;
  background:#fbfbfb;
  border: 1px solid #efefef;
}
.toggle-input:checked ~ .toggle-label:after {
  content: "-";
  background: #ff333f;
}




/********************
CHECKBOX DESIGNS
*******************/
.checkbox {
  display: inline-block;
}

.checkbox.checkbox-margin-bottom .col{
  margin-bottom:20px;
}
.checkbox label {
  cursor: pointer;
  padding-left: 0;
}

.checkbox .text{
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
}
.checkbox .checkbox-material:before {
  position: absolute;
  left: 8px;
  top: 2px;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  height: 4px;
  width: 4px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
}

.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}

.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -4px;
  margin-left: 6px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  -webkit-animation: checkbox-off 0.3s forwards ease-out;
          animation: checkbox-off 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  -webkit-animation: checkbox-on 0.3s forwards ease-out;
          animation: checkbox-on 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  -webkit-animation: rippleOff 700ms forwards ease-out;
          animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  -webkit-animation: rippleOn 700ms forwards ease-out;
          animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  -webkit-animation: rippleOff 700ms forwards ease-out;
          animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  -webkit-animation: rippleOn 700ms forwards ease-out;
          animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.84);
  transform: rotate(-45deg);
}

@-webkit-keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-webkit-keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
  }
  100% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
  }
}
@keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
  }
  100% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
  }
}
@-webkit-keyframes rippleOn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(13, 13);
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(13, 13);
  }
}
@-webkit-keyframes rippleOff {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(13, 13);
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(13, 13);
  }
}

.checkbox.checkbox-material-color-black .checkbox-material  .check{
  background:#ffffff;
  border-color:#000;
}

.checkbox.checkbox-material-color-black .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
  color:#000;
}
 
.checkbox.checkbox-material-color-green .checkbox-material  .check{
  background:white;
  border-color:green;
}

.checkbox.checkbox-material-color-green .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
  color:green;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 1px solid #000000;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background: #2f2f2f;
  box-shadow: 0px 4px 4px #313131;
  border-radius: 50px;
}

.custom-file-upload:hover {
  border: 1px solid #000;
  background:#000;
}

.custom-file-upload span{
  margin-left:10px;
  color:#fff;
  font-size:12px;
  line-height: 24px;
}

.custom-file-upload i {
  color:#fff;
}

.form-titles-sections .form_field-title{
  margin-bottom: 10px;
  display: table;
}


.form-titles-sections label{
  margin-bottom: 10px;
  display: table;
  font-size:14px;
}


.textarea-layout textarea{
	border:1px solid #d2d2d2;
	padding:10px 10px;
	width:100%;
	height:150px;
	resize: none; 
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}


/********************
PUSLECIRCLE DESIGNS
*******************/
.pusleCircle {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  position: relative;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 16px;
}

 .pusleCircle:before, .pusleCircle:after {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  position: relative;
  border-radius: 50%;
}
  
.pusleCircle:before, .pusleCircle:after {
  position: absolute;
  margin-left: -2px;
  margin-top: -2px;
  opacity: 0;
  border: 4px solid #fff;
  animation: pulse 2s infinite ease-out;
  }
.pusleCircle:before {
  content:"";
  animation-delay: 0s;
  }
.pusleCircle:after {
  content:"";
  animation-delay: 2s;
  }


@keyframes pulse {
  from {
    transform: scale(1);
    opacity: .8;
  }
  to {
    transform: scale(3);
    opacity: .1;
  }
}

/*******************
PAGES PAGINATION
*********************/

.pagination .counter{
  margin-bottom:20px;
  border-bottom:1px solid #d8d8d8;
  width:100%;
  display:Table;
}

.pagination .pagenav {
    display: unset;
}

.pagination .pagination-list li{
  float:left;
  margin-right:10px;
}

.pagination .pagination-list li:last-child{
  margin-right:0px;
}

.pagination .pagination-list li a{
background: #f1f1f1;
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
}

.pagination .pagination-list li.active  a{
  background: #f1f1f1;
  border: 1px solid #d8d8d8;
  padding: 5px 10px;
}

.pagination .pagination-list li.active  a,
.pagination .pagination-list li a:hover{
  background: #003E7E;
  color:#fff;
}

.pagination .pagination-list li.disabled{
  display:none
}



/****************
SOCIAL FOOTER  
****************/
.social-ctn li{
	margin-right:10px;
}
.social-ctn li:last-child{
	margin-right:0px;
}


.social-icon-footer {
	display:block;
	width:34px;
	height:34px;
}

.social-icon-footer.icon-facebook{
	background:url(../background/svg/facebook.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}


.social-icon-footer.icon-twitter{
	background:url(../background/svg/twitter.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}


.social-icon-footer.icon-linkedin{
	background:url(../background/svg/linkedin.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}

.social-icon-footer.icon-rss{
	background:url(../background/svg/rss.svg) no-repeat;
	background-size:34px auto;
	position: relative;
    top: 6px;
}

/**************
BANNER INTERNETSAFETY
******************/
.banner-internetsafety{
  border:0px solid #fff;
  background:#fff;
  background: linear-gradient(180deg , #FBFBFB 0%, #F4F4F4 100%);
  min-height:350px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius:8px;
  padding:10px
}

.banner-internetsafety .text-pos{
  text-align:center;
  padding:30px 20px 15px ;  
}
.banner-internetsafety .text-pos p{
  min-height:70px;
}

.banner-internetsafety .image  {
 text-align:right;
}

.banner-internetsafety .image img {
  width:100%;
   height:100%;
  max-height: 160px;
  display: table;
  object-fit: cover;
  border-radius:8px 8px 0 0;
}

@media screen and (max-width: 680px) {
  .banner-internetsafety .col-2-banners-internetsafety .col{
    width:100%
  }
}





.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #03b5d2;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 15px 0 0 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #03b5d2;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
    max-height: 100%;
    transition: all 200ms linear;
    padding: 20px 0 0 0;
    will-change: opacity, max-height;
    margin-bottom: 20px;
} 
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
  padding:10px 0 0 0;
}
.accordion .accordion-content p {
  font-weight: 300;
}

.accordion .accordion-content img{
  width:100%;
  height:auto;
}

/*****
LOGIN PAGE
*******/
.login-page .control-group {
  margin-bottom:30px;
}

.login-page .control-group:last-child {
  margin-bottom:00px;
}














/*****
ARTICLE PAGE IMAGES SLIDER
*******/