body

{

    margin: 0;

    padding: 0;

}

a

{

    color: #000000;

}

a:link

{

    color: #000000;

    text-decoration: none;

}

a:visited

{

    color: #000000;

    text-decoration: none;

}

a:hover

{

    color: #ff4449;

    text-decoration: none;

    transition: all 0.3s ease;

}

/* a.s 21-02-19 */
.lfs ul {margin:0;padding:0 20px;} 
.lfs ul li {padding:0;width:150px;margin:10px 0;}

body, p, ol, ul, li

{

    font-family: sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 150%;

    color: #494949; 

}

ol, ul
{
    margin-left: 20px;
}

ol, ul, li

{

    padding-left: 0;

}

h1

{

    font-family: sans-serif;

    font-size: 48px;

    font-weight: 400;

    color: #010101;

    margin: 20px 0;     

}

h2

{

    font-family: sans-serif;

    font-size: 36px;

    line-height: 125%;

    color: #010101;

    margin: 15px 0;     

}

h3

{

    font-family: sans-serif;

    font-size: 30px;

    line-height: 125%;

    color: #010101;

    margin: 10px 0;

    text-transform: uppercase;      

}

h4

{

    font-family: sans-serif;

    font-size: 26px;

    line-height: 125%;

    color: #010101;

    margin: 10px 0; 

}

h5

{

    font-family: sans-serif;

    font-size: 24px;

    font-weight: 600;

    line-height: 125%;

    color: #000000; 

    text-transform: uppercase;

}

h6

{

    font-family: sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 125%;  

    color: #010101;

}

img 

{

    max-width: 100%;

    height: auto;

}

/*------------------------ HEADER ------------------------*/

.header-top

{

    overflow: hidden;

    padding: 15px 0;

    display: flex;

}

.logo 
{
  margin-top: 5px;
}

.logo,

.search-form-container,

.header-btn-container

{

    align-self: flex-start;

}

#searchform
{
    margin: 2px 10px 2px 0;
}

.btn-search
{
  color: #ffffff;
  background-color: #fe4646;
}

.btn-search:hover
{
  color: #ffffff;
}

.btn-calendar
{
    color: #e80701;
    background-color: transparent;
    position: absolute!important;
    top: 0;
    right: 0;
    z-index: 99;
}

/*
.input-group-btn:last-child>.btn
{
  margin-left: -3px;
}
ini bikin kalo page dikecilin, border right dari tombol search di top header akan hilang
*/

a.header-btn-red

{
    min-width: 121px;
    background-color: #fe4646;
}

a.header-btn-blue
{
    background-color: #67b6e1;
}

a.header-btn-red, a.header-btn-blue
{
    font-family: sans-serif;
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    border: 3px double #fff;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

a.header-btn-red:hover
{
    background-color: #e90e0e;

    transition: all 0.3s ease-in-out;

}

a.header-btn-blue:hover
{
    background-color: #1797dc;

    transition: all 0.3s ease-in-out;

}


.header-btn-container,

.align-right

{

    text-align: right;

}

.navbar-right

{

    margin-bottom: 0;

    min-height: 30px;

}

.navbar-nav

{

    text-align: right;

}

.navbar-nav > li > a

{

    padding: 0 15px;

}

.navbar-nav li 

{

    font-size: 14px;

}

/*----------------------- DROPDOWN -----------------------*/

body {

  word-wrap: break-word !important;

}

.toggle, [id^=drop] {

 display: none;

}

nav ul {

  position: relative;

  text-align: center;

}

nav ul li {

  margin: 0px;

  display: inline-block;

  background-color: #ffffff;

  list-style: none;

  position: relative;

}

nav a {

  padding: 0 10px;

  line-height: 40px;

  color: #ffffff;

  font-size: 14px;

  display: block;

}

nav ul li ul li:hover 

{ 

  background-color: #ff4449;

  transition: all 0.5s ease-in-out; 

}

nav ul li ul li > a:after {

    content: '\f105';

    font-family: "FontAwesome", sans-serif;

    padding-left: 10px;

    color: #ff4449;

    float: right;

}

nav ul li ul li:hover > a::after

{

    color: #ffffff;

    transition: all 0.5s ease-in-out;

}

nav ul ul li:hover > a

{

    color: #ffffff;

}

nav a:hover { color: #ff4449; }

nav ul ul {

  display: none;

  position: absolute;

  top: 40px;

  left: 0;

}

nav ul li:hover > ul 

{

    display: inherit; 

    list-style: none;

}

nav ul ul li {

  min-width: 257px;

  float: none;

  display: list-item;

  position: relative;

  text-align: left;

  border-left: 1px solid #dddddd;

  border-right: 1px solid #dddddd;

}

nav ul ul li:first-child

{

  border-top: 1px solid #dddddd;

}

nav ul ul li:last-child

{

  border-bottom: 1px solid #dddddd;

}

nav ul ul ul li {

  position: relative;

  top: -40px;

  left: 238px;

}

nav li > a:after {

 content: '\f107'; 

 font-family: "FontAwesome", sans-serif;

 padding-left: 10px;

 color: #ff4449;

}

nav li > a:only-child:after { content: ''; }

/* Media Queries

--------------------------------------------- */

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

nav { margin: 0; }

.toggle + a,.menu { display: none; }

.toggle {

  display: block;

  background-color: #ffffff;

  padding: 0 20px;

  color: #000000;

  line-height: 45px;

  margin-bottom: 0;

  text-decoration: none;

  border: none;

  font-weight: 400;

  font-size: 14px;

}

.toggle:hover 

{

 background-color: #ff4449; 

 color: #ffffff;

}

.dropdown-button

{

  font-weight: 600;

}

i.fa.fa-bars.fa-lg

{

  float: right;

  line-height: 46px;

}

[id^=drop]:checked + ul { display: block; }

nav ul

{

    text-align: left;

    margin-left: 0;

}

nav li a 

{

  display: block;

  padding: 10px;

  line-height: 25px;

}

nav ul li {

  display: block;

  width: 100%;

  border-left: 1px solid #dddddd;

  border-right: 1px solid #dddddd;

}

nav ul li:first-child

{

  border-top: 1px solid #dddddd;

}

nav ul li:last-child

{

  border-bottom: 1px solid #dddddd;

}

nav ul ul .toggle,

 nav ul ul a { padding: 10px 40px; }

nav ul ul ul a { padding: 10px 80px; }

nav a:hover,

 nav ul ul ul a 

 {

  background-color: #ff4449;

  color: #ffffff; 

 }

nav ul li ul li .toggle,

 nav ul ul a { background-color: #ececec; }

nav ul ul {

  float: none;

  position: static;

  color: #ffffff;

}

nav ul ul li:hover > ul,

nav ul li:hover > ul { display: none; }

nav ul ul li {

  display: block;

  width: 100%;

  border-left: none;

  border-right: none;

  border-bottom: 1px solid #dddddd;

}

nav ul ul ul li { position: static;

}

}

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

nav ul li {

  display: block;

  width: 100%;

}

}

/*------------------------ SLIDER ------------------------*/

h1.slider-text
{
    margin: 0 auto;
    text-align: center;
}

h1.slider-text span
{
    color: #e80701;
}

/*------------------------ HOME MAIN CONTENT ------------------------*/

.daily-news

{

    width: 100%;

    padding: 20px 0 40px;

}

=

.daily-news h2

{

    font-variant: small-caps;

    text-transform: none;

    margin-bottom: 0;

}

.daily-news h4 a

{

    font-size: 24px;

    color: #ff4449;

    transition: all 0.5s ease-in-out;

}

.daily-news h4 a:hover
{
    color: #000000;

    transition: all 0.5s ease-in-out;
}


span.news-date

{

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    color: #ff4449;

}

.daily-news .row

{

    display: flex;

    flex-wrap: wrap;

}

.featured-daily-news,

.latest-daily-news

{

    margin-top: 30px;

    align-self: flex-start;

}

.latest-daily-news

{

    overflow: hidden;

}

.latest-daily-news::before,

.latest-daily-news::after

{

    content:"";

    display: block;

    color: #ffffff;

    height: 10px;

    background-image: url(../images/airmail-chevron-pattern.png);

    background-repeat: repeat-x;

}

.daily-news-thumbnails

{

    width: 50%;

    padding: 25px 75px;

    display: inline-block;

}

.daily-news-thumbnails h6 a
{
    transition: all 0.5s ease-in-out;
}

.daily-news-thumbnails h6:hover a
{
  text-decoration: underline;
  transition: all 0.5s ease-in-out;
}

span.category

{

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    color: #ff4449;

}

.interactive-news

{

    background-color: #434343;

    padding: 30px 0 50px;

}

.interactive-news h3

{

    color: #d9d9d9;

    text-transform: none;

    font-weight: 400;

    margin-bottom: 20px;

}

.interactive-news h3 span.bold 

{

    font-weight: 600;

    text-transform: uppercase;

    display: block;

}

.interactive-news a.read-more-btn

{

    margin-top: 10px;

}

a.read-more-btn-lines

{

    color: #ffffff;

    font-weight: 600;

    font-size: 20px;

    border-bottom: 2px solid #ffffff;

    text-transform: lowercase;

    margin-top: 15px;

}


.interactive-news-slider{

  padding-bottom: 7px; /* need to make sure button read more lines is always visible */

}

.interactive-news-side-p {

    margin-top: 20px;

    color: #d9d9d9;

    line-height: 1.5; 

}

.interactive-news-main-h4 {

  color: #ffffff;

  font-size: 24px;

  font-weight: 600;

}

.interactive-news-main-p {

  color: #ffffff;

  font-weight: 400;

  line-height: 1.5;

}

.slick-slide .interactive-news-side-p {

  display: block;

}

.slick-slide .interactive-news-side-button {

  display: inherit;

}

.slick-slide .interactive-news-main-h4 {

  display: none;

}

.slick-slide .interactive-news-main-p {

  display: none;

}

.slick-slide .read-more-btn-lines {

  display: none;

}

.slick-center .interactive-news-side-p {

  display: none;

}

.slick-center .interactive-news-side-button {

  display: none;

}

.slick-center .interactive-news-main-h4 {

  display: block;

}

.slick-center .interactive-news-main-p {

  display: block;

}

.slick-center .read-more-btn-lines {

  display: initial;

}

.slick-center h3 {

  color: #ffffff;

}

.slick-slide {

  width: 292px;

  padding-left: 15px;

  padding-right: 15px;

}

.slick-slide.slick-center {

  width: 585px;

  padding-left: 30px;

  padding-right: 30px;

}

.slick-prev
{
  left: -40px!important;
}

.slick-next
{
  right: -40px!important;
}

.slider-home {

  height: 320px; /* needed so that the arrow is not moving if the slide content change size */

}

.services

{

    padding: 30px 0 60px;

}

.services h3

{

    font-size: 26px;

    font-weight: 600;

    font-variant: small-caps;

    text-transform: none;

}

.services h4

{

    color: #ff4449;

    font-size: 32px;

    font-weight: 600;

    font-variant: small-caps;

}

a.read-more-btn

{

    font-family: sans-serif;

    font-size: 12px;

    color: #ffffff;

    background-color: #67b6e1;

    letter-spacing: 0.5px;

    padding: 5px 15px;

    text-transform: uppercase;

    border: 3px double #fff;

    border-radius: 5px;

    display: inline-block;

    transition: all 0.3s ease-in-out;

}

a.read-more-btn:hover
{
    background-color: #1797dc;

    transition: all 0.3s ease-in-out;
}

/*------------------------ FOOTER ------------------------*/

.main-footer

{

    padding: 20px 0 30px;

    background-color: #da312a;

}

.copyright

{

    padding: 20px 0;

}

.main-footer h4,

.main-footer p,

.main-footer a

{

    color: #ffffff;

}

.main-footer h4

{

    font-size: 32px;

    font-variant: small-caps;

}

.main-footer p

{

    font-size: 17px;
}

.main-footer a
{
  margin-right: 10px;
}

.terms
{
  margin-top : 20px;
}

/* Underline From Left */
.main-footer a,
.read-more-btn-lines {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  padding-bottom: 3px;
}

.main-footer a:before,
.read-more-btn-lines:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.main-footer a:before
{
    background: #ffffff;
}

.read-more-btn-lines:before
{
    background: #67b6e1;
}

.main-footer a:after,
.read-more-btn-lines:after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.5);
    height: 2px;
}


.main-footer a:hover:before, 
.main-footer a:focus:before, 
.main-footer a:active:before,
.read-more-btn-lines:hover:before,
.read-more-btn-lines:focus:before,
.read-more-btn-lines:active:before {
  right: 0;
}

.socmed-container {
    text-align: center;
    margin-top: 60px;
}

.main-footer a.social-media 
{
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 25px;
  background-color: #ffffff;
  opacity: 0.8;
  text-align: center;
  margin: 0 10px;
}

.main-footer a.social-media:hover
{
  opacity: 1;
}

.main-footer a.social-media 
{
  color: #da312a;
}

.footer-menu ul

{

    text-align: center;
    margin-left: 0;

}

.footer-menu ul li 
{
    list-style-type: none;
    display: inline-block;
    padding : 0 5px;
}

.footer-menu ul li a 

{

    font-size: 11px;

    padding: 0;

    text-transform: uppercase;

}

.footer-menu ul li a:hover
{
    color: #ff4449;
}

.footer-menu ul li > a:after
{
  padding-left: 5px;
}

.copyright-text p

{

    text-align: right;
    font-size: 10.5px;
    margin: 3px 0;

}

.chrono_credits {

    display: none;

}

/*------------------------ INTERIOR ------------------------*/

.main-content-template

{
    padding-bottom: 10px;
    padding-top: 10px;
}

h1.page-title

{

    font-weight: 600;

    font-size: 36px;

    text-transform: uppercase;

    margin: 0 0 5px;

}

span.sub-page-title

{

    font-size: 28px;

    color: #000000;

    letter-spacing: 1px;

}

.custom-sidebar-menu-container
{
    margin-top: 20px;
}

ul.sidebar-menu li

{

    list-style-type: none;

}

ul.sidebar-menu li a

{

    color: #9f9fa0;

    padding: 10px 0;

    display: block;

    border-bottom: 1px solid #e7e7e7;

}

ul.sidebar-menu li a:hover

{

    color: #ff4449;

}

ul.sidebar-menu li.active a

{

    color: #ff4449;

}

.main-content-area h3

{

    color: #ff4449;

    text-transform: none;

}

.main-content-area a, #login-form a

{

    color: #ff4449;

    border-bottom: 2px solid #ffffff;

    transition: all 0.5s ease-in-out;

}

.main-content-area a:hover, #login-form a:hover

{

    border-bottom: 2px solid #ff4449;

    transition: all 0.5s ease-in-out;

}

.testimonials-container

{

    background-color: #f8f8f8;

}

.testimonials-container .row 

{

    margin: 0;

}

.testimonials-container::before,

.testimonials-container::after

{

    content: "";

    display: block;

    color: #ffffff;

    height: 0px;


}

.testimonials

{

    padding: 30px;

}

.testimonials::before

{

    content: "\f10d";

    font-family: "FontAwesome", sans-serif;

    font-size: 28px;

    color: #3c86e9;

}

span.testimonial-name

{

    display: block;

    color: #ff4449;

    font-weight: 600;

    text-transform: uppercase;

    margin: 10px 0;

}

/*------------------------ MEMBER AREA ------------------------*/

ul.ul_member
{
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-left: 0;
}

ul.ul_member li > span
{
    color: #fe4646;
}

ul.ul_member li ul li span

{

    text-transform: uppercase;

}

ul.ul_member li

{

    list-style-type: none;

}

ul.ul_member > li

{

    font-weight: 500;

    font-size: 21px;

    margin-bottom: 25px;

    display: block;

}

ul.ul_member li ul li

{

    padding: 10px 20px;

}

ul.ul_member a

{

    font-weight: 500;

    color: #fe4646;

    line-height: 100%;

}

ul.ul_member a:hover

{

    border-bottom: 2px solid #fe4646;

}

/*------------------------ REGISTRATION FORM ------------------------*/

.well

{

    background-color: transparent;

    border: none;

    box-shadow: none;

    -webkit-box-shadow: none;

}

h5.orange

{

    color: #ff4449;

}

.registration-form.form-horizontal .control-group

{

    margin-bottom: 15px;

}

.registration-form.form-horizontal .control-label

{

    padding-top: 8px;

    text-align: left;

    width: 25%;

    display: inline-block;

    vertical-align: middle;

}

.controls

{

    display: inline-block;

    vertical-align: top;

}

.controls input

{

    padding: 5px 10px;

}

.registration-form .submit-btn-container.control

{

    margin-left: 25%;

}

button.btn.btn-primary.registerSubmit.validate

{

    background-color: #67b6e1;

    padding: 5px 40px;

    text-transform: uppercase;

    border: 3px double #fff;

    border-radius: 5px;

    display: inline-block;

}

/*------------------------ LOGIN FORM ------------------------*/

#login-form .controls

{

    display: block;

    margin: 20px 0;

}

#login-form .controls span.add-on

{

    width: 30%;

    display: inline-block;

}

#login-form .controls input.input-small

{

    width: 55%;

}

#login-form #form-login-submit .controls

{

    margin-left: 30.5%;

}

#login-form #form-login-submit .btn-primary

{
    padding: 5px 40px;
    background-color: #67b6e1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 3px double #ffffff;
    border-radius: 5px;
}

#login-form ul.unstyled

{

    margin-left: 20%;

    list-style: none;

}

/* confirmation form, IP recognition request form, forgot password (request code), forgot password input code, forgot password complete */

#confirmation-button .btn-success, 
.ip_recognition_form .btn-primary, 
#user-registration .btn-primary, 
#password_reset_confirm .btn-primary, 
#forgotpasswordcomplete .btn-primary, 
#chronoform-ContactUs .btn-primary, 
.purchasecreditform .purchasecredit-blue, 
.generalblueform .generalbluebutton,
#userdataconfirmationbutton .button
{

  font-size: 12px;

  background-color: #67b6e1;

  background-image: none;

  text-transform: uppercase;

  border: 3px double #fff;

  border-radius: 5px;

    transition: all 0.3s ease-in-out;

}

#confirmation-button .btn-success:hover, 
.ip_recognition_form .btn-primary:hover, 
#user-registration .btn-primary:hover, 
#password_reset_confirm .btn-primary:hover, 
#forgotpasswordcomplete .btn-primary:hover, 
#chronoform-ContactUs .btn-primary:hover,
.purchasecreditform .purchasecredit-blue:hover,
.generalblueform .generalbluebutton:hover,
#userdataconfirmationbutton .button:hover
{
    background-color: #1797dc;

    transition: all 0.3s ease-in-out;
}

.sub-category-wrapper
{
    overflow: hidden;
    padding: 20px 0;
}
.sub-category-content
{
    width: 48%;
    float: left;
}

.sub-category-highlight
{
    width: 48%;
    float: right;
    font-size: 20px;
    line-height: 1.2;
    color: #010101;
    font-weight: 500;
}

.form-group.gcore-form-row
{
    width: 50%;
    float: left;
    padding: 0 15px;
}

.form-group.gcore-form-row textarea 
{
    min-height: 150px;
}

#form-row-textarea5,
#form-row-textarea10
{
    width: 100%;
}

#form-row-recaptcha,
#form-row-button11
{
    float: none;
}

.level1-title
{
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cr_title_in h2
{
    color: #e80701;
    font-size: 18px;
}

#map_image
{
  float: left;
}

ul.listcountries
{
  width: 70%;
  margin-left: 5%;
  float: left;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

li.countryitem 
{
  list-style: none;
  line-height: 1.5;
}

li.countryitem a
{
  transition: all 0.5s ease-in-out;
}

li.countryitem a:hover
{
  color: #ff4449;
  transition: all 0.5s ease-in-out;
}

.title-cat_l1 
{
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
    color: #000000;
}

a.archive_item, a.bluelinks
{
    color: #67b6e1;
    transition:none;
    border: 0;
}

a.archive_item:hover, a.bluelinks:hover
{
    text-decoration: underline;
    transition:none;
    border: 0;
}

.printerfriendly a, .studentsignup a
{

    font-family: sans-serif;
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    text-transform: uppercase;
    border: 3px double #fff;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    background-color: #fe4646;
    margin-bottom: 5px;
}

.printerfriendly a:hover, .studentsignup a:hover
{
    background-color: #e90e0e;
    transition: all 0.3s ease-in-out;
    border: 3px double #fff;
    border-radius: 5px;
}

.printerfriendly i 
{
  margin-right: 10px;
}

.purchasecreditform {
    width: 500px;
}

.main-content-area .no-hover-anchor {
    border: none;
}

.main-content-area .no-hover-anchor:hover {
    border: none;
}

.smallertitle {
    font-family: sans-serif;
    font-size: 23px;
    color: #ff4449;
    margin: 10px 0;    
}

.registration .form-group {
    width: 50%;
    float: left;
    padding-right: 30px;
}

.subs-main-group {
    color: #67b6e1;
    font-size: 19px;
    margin-bottom: 15px;
}

/* .subs-main-cat {
    color: #67b6e1;
    font-size: 16px;
    margin-bottom: 10px;
}
 */

.subs-main-cat {
/* 	color: #67b6e1; */
	color:#000;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 700;
}
.subscription-item-select {
    max-width: 300px;
}

.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover
{
  z-index: 10;
}

.itemFullText li {
	padding:5px;
}

.itemBody li {
	padding:5px;
}

.itemBody td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

/*--------------------------------- DESKTOP ONLY ---------------------------------*/
.article-sidebar-title,
.student-upcoming-events
{
    font-size: 20px;
    color: #e80701;
    margin-bottom: 5px;
}


@media (min-width: 1024px){

.article-sidebar-container {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.article-sidebar-container li,
span.mod_events_latest_content
{
    font-weight: 600;
}

span.mod_events_latest_date {
    font-size: 12px;
    line-height: 1;
}


}
/*--------------------------------- RESPONSIVE IPAD ---------------------------------*/

@media (max-width: 1024px){

.header-top

{

    flex-wrap: wrap;

}

.input-group.col-sm-10.col-md-12

{

    float: right;

}

.header-btn-container

{

    margin-top: 20px;

    text-align: center;

}

.navbar-nav

{

    text-align: center;

}

.navbar-nav>li

{

    float: none;

    display: inline-block;

}

.slider 

{

    padding: 20px 0;

}

h1.slider-text
{
    font-size: 40px;
}

.slider-home
{
  height: 350px;
}

.slick-slide
{
  width: 225px;
}

.slick-slide.slick-center
{
  width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}

.daily-news-thumbnails

{

    padding: 25px;

}

.interactive-news .row 

{

    display: flex;

    flex-wrap: wrap;

}

.interactive-news-main-h4,
.interactive-news h3
{
  font-size: 18px;
  margin-bottom: 10px;
}

.slick-prev {
    left: -20px!important;
}

.slick-next {
    right: -20px!important;
}

h1.page-title

{

    font-size: 24px;

}

span.sub-page-title

{

    font-size: 22px;

}

.main-footer p 
{
    font-size: 16px;
}

.main-footer a.social-media 
{
    margin: 0 5px;
}

.copyright-text p

{

    font-size: 11px;

}

}


.category-menu-mobile {
  display: none;
}

/*--------------------------------- RESPONSIVE MOBILE ---------------------------------*/

@media (max-width: 767px){

#affixfloatingsidebar{
  position: static !important;
}

.container

{

    max-width: 100%;

    width: 90%;

}

.header-btn-container
{
  text-align: center;
}


.header-btn-container a:first-child,
.header-btn-container a:nth-child(2)
{

/*  display: none;*/
    margin: 10px 0;

}


.search-form-container

{

    margin-top: 20px;

}

.menu .toggle
{
  padding: 0 10px;
}

h1.slider-text 
{
    font-size: 30px;

    line-height: 1.3;
}

.daily-news h2

{

    text-align: center;

    margin: 10px 0 0;

}

span.news-date

{

    display: block;

    text-align: center;

}

.slider-home
{
  width: 90%;
  margin: 0 auto;
}

.slick-slide.slick-center {
    width: 275px;
    padding-left: 20px;
    padding-right: 20px;
}

.slick-prev
{
  left: -30px!important;
}

.slick-next
{
  right: -30px!important;
}

.slick-list.draggable 
{
    width: 100%;
    padding: 0!important;
}

a.read-more-btn-lines
{
  font-size: 16px;
}

.daily-news-thumbnails

{

    width: 100%;

}

.interactive-news,

.services,

.footer,

.align-right,

.copyright-text

{

    text-align: center;

}

h1.page-title

{

    font-size: 30px;

}

span.sub-page-title

{

    font-size: 24px;

}

.item-page > div 
{
    display: flex;
    flex-wrap: wrap;
}

.main-content-area
{
  order: 2;
}

.left-sidebar

{
    margin-bottom: 10px;

    margin-top: 20px;

    order: 1;

}

.category-menu-desktop {
  display: none;
}

.category-menu-mobile

{
    margin-bottom: 10px;

    margin-top: 20px;

    order: 1;

    display: block;
}

ul.sidebar-menu
{
  margin-left: 0;
}

ul.ul_member
{
    width: 100%;
    float: none;
}

.form-group.gcore-form-row
{
    width: 100%;
    float: none;
    padding: 0;
}

.form-group.gcore-form-row textarea 
{
    min-height: 100px;
}

.sub-category-wrapper
{
    overflow: hidden;
}

.sub-category-content,
.sub-category-highlight
{
    width: 100%;
    float: none;
    margin: 10px 0;
}

.main-footer

{

    margin: 30px 0;

}

.socmed-container
{
  margin: 30px 0 15px;
}

.footer-menu

{

    margin-top: 15px;

}

.copyright-text p

{

    font-size: 14px;

    text-align: center;

    padding: 5px 0;
}

.cc-window 
{
    font-size: 14px!important;
}

.countries-map-container
{
  float: none!important;
}

#map_image
{
  float: none;
}

ul.listcountries
{
  width: 100%;
  margin-left: 0;
  float: none;
  margin-top: 20px;
    -moz-column-count:2;
    -webkit-column-count: 2;
    column-count: 2;

}

.sub-category-highlight
{
  display: none;
}

#advancedsearchheaderbutton
{
    display: none;
}

.sub-category-wrapper {
    padding: 0;
}

#searchform {
  width: 100%;
}

.registration-form.form-horizontal .control-label
{
    width: 100%;
}

.registration .form-group {
    width: 100%;
    float: none;
    padding: 0;
}

}

/**Custom**/
  @media(max-width:1024px){
    .testimonials-container{
      width:100% !important;
      margin-top:20px;
    }
  }

  @media(max-width:767px){

    form input#searchrange_resultpage_1,
    form input#searchrange_resultpage_2{
      display:block;
    }

    form input#searchrange_resultpage_1{
      margin-bottom:10px;
    }

    form input#searchrange_resultpage_2 + input[type="submit"]{
      margin:20px 0 15px;
    }
  }

  #k2Container{padding:0;}

  .subs-main-group{
    color:#1f5e80;
    font-size:21px;
    margin-bottom:25px;
    margin-top:40px;
  }

  .subs-main-cat + form{
    margin-bottom:25px;
  }
/***********Accordion css************/

.panel-default > .panel-heading {
	margin: 0;
	padding: 0;
}
.panel-title a {
	width: 100%;
	padding: 15px 15px;
	display: block;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
}
.panel-title a::before {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}
.panel.open .panel-title a::before{
    content: "\2212";
}

.subscribe-row select {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	height: 34px;
	-moz-appearance: none;
	font-family:inherit;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: 95% center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #ccc;
	cursor:pointer;
	background-image: url(../images/arrowdown.png);
	min-width: 250px;
}
.panel.open .panel-title a {
	color: #ff4449;
}
.subscribe-row input[type="image"]:hover, .sub-view-cart:hover img {
	filter: grayscale(1);
}

@media screen and (max-width: 650px) {
	.subscribe-row select {
		min-width: 220px;
	}
	#regionalreportselect, #regionalmonitorselect {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 376px) {
	#regionalreportselect, #regionalmonitorselect {
		margin-bottom: 10px;
	}
	.subscribe-row input[type="image"] {
		margin-top: 10px;
	}
	.panel-title a {
		font-size: 15px;
	}
}

/**Custom**/
	.aec-planlist .panel-group .panel-default:last-child .panel-collapse a{
		color:red;
	}

	.aec-planlist .panel-group .panel-default:last-child .panel-collapse p:last-child a{
		display:inline-block;
		padding:5px 10px;
		background-color:#bb0000;
		color:white;
		border-radius:3px;
		margin-right:5px;
	}

  #cart_form font a{
    padding: 10px;
    display: inline-block;
    background-color: black;
    color: white;
    border: 3px double #fff;
    border-radius: 5px;
  }

  #cart_form font a:first-child{
    background-color:#333;
  }
  #cart_form font a:nth-child(3){
    background-color:#ff5e00;
  }
  #cart_form font a:last-child{
    background-color:red;
  }

  .subscriptions div p a{color:red;}


  @media(max-width:500px){
    .purchasecreditform{
      width:100%;
    }

    table{
      width:100% !important;
    }

    #cart_form font a{
      display:block;
    }
  }

  .cat-title{
        margin: 20px 0px 0px;
  }

  div.all-categories-wrapper > div.sub-category-wrapper:first-child{
        padding: 0px 0px 20px;
  }

  .cat-more-info{
        font-size: 17px;
  }

  #searchrange1, #searchrange2, #searchrange_resultpage_1, #searchrange_resultpage_2{
    display: inline !important;
  }

  .featured-news img{
    max-height:275px;
  }
/****/

.alert-danger, .alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.invalid {

    color: #9d261d;
    font-weight: bold;

}

input.invalid {

    border: 1px solid #9d261d;

}

textarea.invalid {

    border: 1px solid #9d261d;

}

@media (max-width: 767px){
  .header-top-logo-link {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .top-login-buttons {
    margin-top: 10px;
    text-align: center;
  }
  .mobile-app-button-container {
    margin-top: 20px;
    text-align: center;
  }
  #search-container-header {
    margin-top: 10px;
  }

  .home-headline-right-border {
    border: none;
  }

	.floatingsidebarsupercontainer {
		margin-bottom: 10px;
		margin-top: 20px;
	}  
}

@media (min-width: 768px){
  .mobile-app-button-container {
    display: none;
  }

  #search-button-header {
    display: flex;
    align-items: center;
  }

  .top-login-buttons {
    float: right;
  }
  
  .home-headline-right-border {
    border-right: 2px solid black;
  }
}

@media (min-width: 992px){

  .header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color:
    white;
    z-index:10;
  }

  .main-content-template {
    margin-top: 133px;
  }

  #header-row-2 {
    display: flex;
    align-items:center; 
  }

  #search-container-header {
    display: flex;
    justify-content: end;
  }
}

.slider-home-featured-item {
  border: 1px solid #e7e7e7;
}

.slider-home-featured-title {
  font-size:14px; 
  font-weight: bold; 
  padding: 20px 10px; 
  height: 82px
}

.slider-home-featured a:focus {
  outline: none;
}

.home-slider-arrow-right, .home-slider-arrow-left {
  border: solid #c7c7c7;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 5px;
}

.home-slider-arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.home-slider-arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.affix-bottom {
  position: absolute;
}

.phone-container a {
  color: white;
}

#fb-custom-button {

  display: inline-block;
  zoom: 1;
  color: #fff;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  position: relative;
  -webkit-user-select: none;
  white-space: nowrap;
  background: #1877f2;
  border: 0;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  padding: 0 8px;
  font-weight: bold;
}