/* 	--------------------------------------------------
    uSkinned.net

	LAYOUT
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 GENERAL
	2.0 HEADER
	3.0 CONTENT
	4.0 FOOTER
		4.1 FOOTER NAV
	5.0 NAVIGATION
        5.0.1 COMMON NAV
		5.1 MAIN NAV
		5.3 TOP NAV
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 PROMO PODS
		6.1 WIDE COLUMN PODS
	7.0 LISTING
		7.1 BLOG LISTING
		7.2 SEARCH LISTING
		7.3 SECTION LISTING
		7.4 GRID LISTING
		7.5 PROMO POD LISTING
	8.0 PANELS
	9.0 PAGE COMPONENT
		9.1 TABBED
		9.2 ACCORDION
		9.3 QUOTES
		9.4 IMAGES
		9.5 GALLERY
		9.6 RESOURCES
		9.7 TABLES
		9.8 COMMENTS
		9.9 AUTHOR BIO
		9.10 IMAGE SLIDESHOW
	10.0 ADVANCED PAGE COMPONENT
		10.1 BANNER
		10.2 CTA STRIP  
    	10.3 PROMO PODS  
	    10.4 VIDEO 
	    10.5 TEXT WITH IMAGE / VIDEO  
	    10.6 TEXT WITH FORM  
	    10.7 BLOG WITH FORM  
	    10.8 TABBED LISTING  
	    10.9 STANDARD COMPONENTS
	    10.10 GRID
	11.0 FORMS
		11.1 SITE SEARCH
		11.2 AJAX LOADING
		11.3 COOKIES
    12.0 HOME PAGE
	
*/

/*
	
	BOOTSTRAP BREAKPOINTS
	
	.col-xs-	< 768px		(container width 100%)
	.col-sm-	> 768px		(container width 750px)
	.col-md-	> 992px		(container width 970px)
	.col-lg-	> 1200px	(container width 1170px)
	
*/

/*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css);*/
/*@import url(//fonts.googleapis.com/css?family=Assistant|Assistant:SemiBold&subset=hebrew);*/

/*@import url(//fonts.googleapis.com/css?family=Assistant:SemiBold&subset=hebrew);*/

/*	----------------------------------------------------------------------------------------------------
	1.0 GENERAL
	---------------------------------------------------------------------------------------------------- */
/*RTL*/
/*Main navigation*/
html {
  direction: rtl;
}

.navigation nav.main ul li {
  float: right;
}

  .navigation nav.main ul li i.fa-chevron-down {
    right: auto;
    left: -10px;
  }
  /*Main navigation sub items*/
  .navigation nav.main ul li li:hover > ul {
    right: 180px;
  }

  .navigation nav.main ul li:hover > ul {
    right: 0px;
  }

  .navigation nav.main ul li.has_child i.fa.fa-chevron-right {
    right: 175px;
  }

fa-chevron-right:before {
  content: "\76";
}

.fa-chevron-right:before {
  font-family: "Verdana";
}

.fa-chevron-right:before {
  font-weight: normal;
}

.navigation nav.main ul li ul {
  right: -999em;
}
/*Breadcrumbs*/
.breadcrumb > li + li::before {
  float: right;
}

#right_col[role=main] ul, #left_col[role=main] ul, #right_col[role=main] ol, #left_col[role=main] ol:not(.carousel-indicators) {
  margin-right: 16px;
}

.slick-track {
  /*float: left;*/
  float: right;
}

table thead th {
  text-align: right;
}
/*Navigation*/
.navigation nav.top {
  left: 0;
}

header .site_search {
  left: 0;
}
/*  header #logo {
        right: 15px;
    }*/
.cust-lang {
  right: 300px;
}
/*Top navigation: members area, sitemap, private policy*/
i.fa {
  margin-left: 5px;
}

.navigation nav.top > ul li {
  margin-right: 10px;
  margin-left: 0px;
}

i.fa.after {
  margin-right: 5px;
}
/*Footer*/
/*footer .social {
        float: left;
    }
    footer .company_details {
        float: right;
    }*/
/*Components*/
.page-component-edu img.link-of-com {
  margin-left: 15px;
}

.page-component-edu img.title-of-com {
  margin-left: 10px;
}

.page-component-edu panel-body.comp-title-container h4, comp-title-container {
  margin-right: 20px;
}

.page-component-edu .comp-title-container h6 {
  margin-right: 20px;
}

.page-component-edu .listing .link-container {
  margin-left: 15px;
}

.page-component-edu .banner img.banner-img {
  margin-left: 15px;
}

.nav-tabs > li {
  float: right;
}

.page-component-edu .banner-containter .banner {
  padding: 0 0 0 0 !important;
}
/*End of RTL*/

body {
}

#site {
  margin: 0 auto;
  max-width: none !important;
}

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

/*header {
        box-shadow: 0 1px 16px rgba(0,0,0,0.45);
        margin-bottom: 6px;
		}
	header .container {
		position:relative;
		}
	header #logo { 
		position:absolute; top:10px; left:15px; width: 25%; z-index:501;
		}
	header #logo a { 
        font-family: Assistant;
		text-indent: 50px!important;
        width: auto!important;
        display: block;
        background-repeat: no-repeat;
        background-position: right bottom;
        font-size: 16px;
        color: #000;
		}
    header .container .title {
        position: absolute;
        margin-top: 30px;
        margin-right: 50px;
    }
    header .container .title .line {
        display: inline-block;
        padding-left: 13px;
        margin-left: 8px;
        border-left: 1px solid #AFC2D3;
        line-height: 30px;
    }
    header .title a { 
        font-family: Assistant;
		font-size: 34px;
        margin-top: -3px;
        color: #000;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}
	
	@media (max-width:767px) {
	
	header {
		height:80px;
        margin-bottom:150px;
		}
	header #logo { 
		top:0; left:0;
		margin:20px 50%;
		position:relative;
		float:left;
		}
		
	}
			
	@media (min-width:768px) {
	
	header {
		height:170px;
		z-index:500;
        position: fixed;
        background-color: #fff;
        width: 100%;
		}
    		
	}

    @media (max-width:991px) {
        header #logo {
            top: 0px; 
            right: -29%!important;
        }
        header #logo a { 
		    background-size: 55% auto;
		}
        header #logo {
            width: 35%;
        }
        header .title a { 
		    font-size: 25px!important;
		}
        header .container .title .line {
            border-left: 0;
        }
    }

    @media (max-width:1199px) {
        header .title a { 
		    font-size: 25px!important;
		}
    }*/

@media (min-width:992px) {
}

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

.cust-lang {
  position: absolute;
  top: 20px;
  left: 100px;
  z-index: 505;
  display: none;
}


/*	----------------------------------------------------------------------------------------------------
	3.0 CONTENT
	---------------------------------------------------------------------------------------------------- */
.content #right_col {
  /*  background-color: rgba(255,255,255,1);
  box-shadow: 0 1px 5px rgba(0,0,0,0.15);
*/ /*width: 21%;*/
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 480px) {
  .advanced-page .content #left_col, .advanced-page .content #mid_col {
    margin-top: 15px;
  }
}

@media (min-width: 768px) {
  .content #right_col {
    /*margin-left: 30px;*/
    margin-right: 15px;
    width: 22.5%;
  }
}


.content {
  padding: 16px 0;
  background-color: rgba(238,238,238,1);
}

  .content.short {
    padding: 176px 0 8px 0;
  }

@media (max-width:767px) {

  .content #left_col,
  .content #mid_col {
    padding-bottom: 24px;
  }

  .advanced-page .content #left_col,
  .advanced-page .content #mid_col {
    padding-bottom: 0;
  }
}


@media (min-width:768px) {

  .content {
  }
}

@media (min-width:992px) {

  .content {
  }
}

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

/*	----------------------------------------------------------------------------------------------------
	4.0 FOOTER
	---------------------------------------------------------------------------------------------------- */
/*footer {
        background-color: rgba(46, 66, 84, 1.0)!important;
        padding: 0!important;
    }
    footer.footer2 {
        background-color: rgba(36,52,66, 1.0)!important;
    }
	footer .company_details {
        padding-right:10px;
	}
	footer { 
		//padding:16px 0;
		background-color:#eeeeee;
		}	
		
	@media (max-width:767px) {
		
	footer .company_details,
	footer .footer_quick_links {
		margin-bottom:32px;
		}
		
	}
		
	@media (min-width:768px) and (max-width:991px) {
		
	footer { 
		padding:24px 0;
		}
	footer .social {
		margin:16px 0;
		}
		
	}
		
	@media (min-width:992px) {	
		
	footer { 
		padding:20px 0 20px;
		}
		
	}	
		
	@media (min-width:1200px) {	
	}
	
    footer .container .row:not(:last-child) {
        //background-color: rgba(46, 66, 84, 1.0);
    }  

    footer .col-md-3 {
        //width: 100%;
        padding-top:10px;
    }*/

/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */

.navigation {
  position: relative;
  z-index: 5;
}

  .navigation .reveal {
    display: none;
  }

  .navigation a.expand {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 300;
    width: 80px;
    height: 80px;
    display: block;
    text-indent: -9999px;
  }

    .navigation a.expand span {
      display: block;
      width: 40px;
      height: 3px;
      position: absolute;
      left: 20px;
      opacity: 1;
      transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
    }

      .navigation a.expand span.top {
        top: 26px;
      }

      .navigation a.expand span.mid {
        top: 38px;
      }

      .navigation a.expand span.bottom {
        top: 50px;
      }

    .navigation a.expand.active span.mid {
      opacity: 0;
    }

    .navigation a.expand.active span.top,
    .navigation a.expand.active span.bottom {
      top: 38px;
    }

    .navigation a.expand.active span.top {
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
    }

    .navigation a.expand.active span.bottom {
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
    }

@media (max-width:767px) {

  .navigation {
    margin-right: -15px;
    margin-left: -15px; /*top: 108px;*/ /*margin-bottom:120px;*/
  }

  /*.navigation .expand.active  {
        margin-bottom:120px!important;
    }*/

  html.reveal_out {
  }
    /*html.reveal_out header {
		z-index:301;
		width:100%; height:100%;
		}*/

    html.reveal_out .navigation .reveal {
      display: block;
    }
}

@media (min-width:768px) {

  .navigation a.expand {
    display: none;
  }

  .navigation .reveal {
    display: block;
  }
}

@media (min-width:768px) and (max-width:991px) {
}

/*  --------------------------------------------------
    5.0.1 COMMON NAV          
    -------------------------------------------------- */
/*header nav.common {
        height: 45px;
        width: 100%;
        position: relative;
        top: 0px;
        right: 0;
        left: 0;
        z-index: 300;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 0;
    }
     header nav.common {
        background-color: #F0F0F0;
        background-color: rgba(46,66,84,1.0);
		}	
	header nav.common ul li a {
		min-height:45px;
		padding: 12px 0;
        width: 20%;
		}
    header nav.common ul li:not(:last-child) a {
        border-left: 1px solid #688BAE;
		}
	header nav.common ul li a span {
		display:block;
		}
    header nav.common > ul li a {
        font-family: Assistant,Arial;
        font-size:20px;
        line-height:100%;
        text-align:center;
        }
	header nav.common ul li,
	header nav.common ul li a {
		position:relative;
		}
	header nav.common ul li i {
		cursor:pointer;
		position:absolute; top:0; right:0; 
		width:60px; height:32px; padding-top:22px;
		text-align:center;
		}
	header nav.common ul li i.fa-external-link {
		position:relative; padding:0; top:auto; right:auto; bottom:auto; left:auto;
		width:auto; height:auto;
		background:transparent!important;
		}
		
	header nav.common ul li.has_child a span { 
		padding-right:35px;
		}

    header nav.common ul li .fa-chevron-down:before {
        //content: "\f107";
        content: '';
    }*/

nav.common ul li:first-child:hover > a,
nav.common ul ul {
  background-color: #000000;
  background-color: rgba(0,0,0,1.0);
}

nav.common ul li:nth-child(2):hover > a,
nav.common ul ul {
  background-color: #71A240;
  background-color: rgba(113,162,64,1.0);
}

nav.common ul li:nth-child(3):hover > a,
nav.common ul ul {
  background-color: #C8C8C8;
  background-color: rgba(48,152,207,1.0);
}

nav.common ul li:nth-child(4):hover > a,
nav.common ul ul {
  background-color: #C8C8C8;
  background-color: rgba(146,81,141,1.0);
}

nav.common ul li:last-child:hover > a,
nav.common ul ul {
  background-color: #000000;
  background-color: rgba(0,0,0,1.0);
}

nav.common li > a.active {
  color: #007CB6 !important;
}

/*header nav.common ul li i,
    header nav.common ul li a {
        color: #ffffff;
        color: rgba(255,255,255,1);
    }

    @media (min-width:992px) and (max-width:1199px) {

        header nav.common ul li a {
		    min-height:45px;
		    padding: 12px 0;
            width: 17%;
		}
    }

    @media (min-width:768px) and (max-width:991px) {
        header nav.common ul li a {
            padding: 12px 30px;
        }
        header nav.common > ul > li:not(:first-child) a::before {
            margin-left: 30px!important;
            margin-right: -30px!important;
        }
        header nav.common ul li a {
		    min-height:45px;
		    padding: 12px 0;
            width: 14%;
		}
    }*/

@media (min-width:768px) {
  /*Fix for FF*/
  @-moz-document url-prefix() {
    .home-learn-dlg {
      margin-top: 0px !important;
    }
  }

  /*header nav.common,
	header nav.common ul,
	header nav.common ul li {
		z-index:500;
		}
	header nav.common {
		//height:32px;
		position:relative;  right:0; left:0; z-index:300;
		}
	header nav.common ul {
		overflow:visible;
		line-height:1;
        margin: 0 auto;
        width: 1140px;
		}
	header nav.common ul li {
		//float:left;
        //display:inline;
	//position:relative;
		}*/
  /*header nav.common > ul > li {
        margin-left: 2px;
        margin-right: -4px;
		}*/
  /*header nav.common > ul > li:not(:first-child) a::before {
            content: '';
            border-right: solid rgb(104, 139, 174) 1px;
            top: auto;
            margin-left: 60px;
            margin-right: -60px;
        }*/
  /*header nav.common > ul > li:last-child {
        border-left: solid #ffffff 3px;
    }
	header nav.common ul li a {
		display:block; float:right;
		/height:32px;
		/padding: 12px 60px;
        margin-left: -1px;
		}
		
	header nav.common ul li.has_child a span { 
		padding-right:20px;
		}
	header nav.common ul li i {
		top:10px; right:10px;
		width:20px; height:20px; padding-top:3px;
		}
	header nav.common ul li i.fa-external-link {
		}

    header.show.affix {
        margin-top: -45px;
        transition: margin-top 0.5s linear;
        }*/

}

@media (max-width:767px) {

  i.fa.fa-chevron-down.after {
    display: none;
  }

  /*header nav.common, x:-moz-any-link, x:default{
        margin-bottom:108px;
    }*/

  /*Fix for FF*/
  @-moz-document url-prefix() {
    .home-learn-dlg {
      margin-top: 150px;
    }
  }

  /*header nav.common {
		position:relative;
		clear:both;
        z-index: 2;
        margin-bottom:108px;
		}
	header nav.common ul {
		position:relative;
		clear:both;
		}
	header nav.common ul li {
		display:block;
		border-width:0 0 1px; border-style:solid; border-bottom-color: #688BAE;
        background-color: rgb(56,81,103);
        width: 100%;
		}
	header nav.common ul li a {
		display:block;
        width: 100%;
		}
	header nav.common ul li.has_child a span {
		background-image:none;
		}
	header #logo { 
		visibility:hidden;
        /*display:none;
		}
    header.show.affix, header.show.affix .common {
        height:0;
        }
    header.show.affix ul {
        display: none!important;
        }
    header.show.affix a, header.show.affix .title,
    header.show.affix .container .navigation .reveal .site_search {
        display: none!important;
        }*/
  /*.site_search {
        display: none !important;
    }*/
}
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */

.navigation nav.main {
  background-color: #F0F0F0;
  background-color: rgba(212,222,232,1.0);
}

  .navigation nav.main ul li a {
    min-height: 32px;
    padding: 10px 15px;
  }

    .navigation nav.main ul li a span {
      display: block;
    }

.navigation .main > ul li a {
  font-family: Assistant,Arial;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
}

.navigation nav.main ul li,
.navigation nav.main ul li a {
  position: relative;
}

  .navigation nav.main ul li i {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 32px;
    padding-top: 22px;
    text-align: center;
  }

    .navigation nav.main ul li i.fa-external-link {
      position: relative;
      padding: 0;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      width: auto;
      height: auto;
      background: transparent !important;
    }

  .navigation nav.main ul li.has_child a span {
    padding-right: 35px;
  }

@media (max-width:767px) {
  /*.navigation nav.main ul li i {
        background-color: #ffffff!important;
        background-color: rgba(255,255,255,1.0)!important;
	}*/

  i.fa.fa-chevron-down.after {
    display: none;
  }

  .navigation nav.main {
    position: relative;
    clear: both;
    margin-top: 80px;
  }

    .navigation nav.main ul {
      position: relative;
      clear: both;
    }

      .navigation nav.main ul li {
        display: block;
        border-width: 0 0 1px;
        border-style: solid;
      }

        .navigation nav.main ul li a {
          display: block;
        }

        .navigation nav.main ul li.has_child a span {
          background-image: none;
        }

      .navigation nav.main ul ul {
        display: none;
        padding-right: 35px;
        border-width: 1px 0 0 0;
        border-style: solid;
      }

        .navigation nav.main ul ul li {
          border-width: 0 1px 1px 0;
          border-style: solid;
        }

          .navigation nav.main ul ul li:last-child {
            border-bottom: 0 none;
          }

      .navigation nav.main ul li.open > ul {
        display: block;
        position: relative;
        top: auto;
        left: auto;
      }
}

@media (min-width:768px) {

  /*header,*/
  .navigation,
  .navigation nav.main,
  .navigation nav.main ul,
  .navigation nav.main ul li {
    z-index: 500;
  }

    .navigation nav.main {
      height: 32px;
      position: relative;
      top: 86px;
      right: 0;
      left: 0;
      z-index: 300;
    }

      .navigation nav.main ul {
        overflow: visible;
        line-height: 1;
      }

        .navigation nav.main ul li {
          /*float:left;*/
          display: inline;
          position: relative;
        }

      .navigation nav.main > ul > li {
        margin-left: 2px;
        margin-right: -4px;
      }

        .navigation nav.main > ul > li::before {
          content: '';
          border-right: solid #ffffff 3px;
          position: absolute;
          height: 100%;
          top: 0%;
        }

        .navigation nav.main > ul > li:last-child {
          border-left: solid #ffffff 3px;
        }

      .navigation nav.main ul li a {
        display: block;
        float: left;
        height: 32px;
        padding: 10px 10px;
      }

      .navigation nav.main ul li.has_child a span {
        padding-right: 20px;
      }

      .navigation nav.main ul li i {
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        padding-top: 3px;
      }

        .navigation nav.main ul li i.fa-external-link {
        }


      /* DROP DOWN 2ND LEVEL */
      .navigation nav.main ul li ul {
        position: absolute; /*left: -999em;*/
        top: 32px;
        z-index: 2000;
        width: 200px;
        height: auto;
        padding: 0;
        display: block;
        border-top: 0;
      }

        .navigation nav.main ul li ul li {
          float: none;
          width: auto;
          display: block;
          border: 0 none !important;
        }

          .navigation nav.main ul li ul li a {
            float: none;
            display: block;
            height: auto;
            line-height: 1.3;
            width: auto;
            min-width: 200px;
          }

            .navigation nav.main ul li ul li a span {
              display: block;
              background: none !important;
            }
}

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

  .navigation nav.main ul li li.open > ul {
    top: 0;
    left: 200px;
  }

  .navigation nav.main ul li.open > ul {
    left: 0;
  }
}

@media (min-width:992px) {

  .navigation nav.main ul li a {
    padding: 7px 25px;
  }
}

@media (min-width:1200px) {

  .navigation nav.main ul li li:hover > ul {
    top: 0;
    left: 200px;
  }

  .navigation nav.main ul li:hover > ul {
    left: 0;
  }
}

.navigation nav.main ul li .fa-chevron-down:before {
  /*content: "\f107";*/
  content: '';
}

/*li:hover > a, nav.main ul ul,
    li:hover > a, nav.main ul li ul {
        background-color: #428C8E!important;
        background-color: rgba(66,140,142,0.8);
    }*/
nav.main ul li:hover > a,
nav.main ul ul {
  background-color: #C8C8C8;
  background-color: rgba(190,200,210,1.0) !important;
  margin-right: 3px;
  padding-right: 22px;
}

nav.main li > a.active {
  color: #007CB6 !important;
}

.navigation nav.main ul li i,
.navigation nav.main ul li a {
  color: #000000;
  color: rgba(0,0,0,1);
}

/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */
.navigation nav.top > ul li a, .navigation nav.top > ul li .fa-user:before {
  /*color: #ed6d19;*/
  color: rgba(0,0,0,1) !important;
}

.navigation nav.top {
  height: auto;
}

  .navigation nav.top > ul {
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
  }

    .navigation nav.top > ul li a#get-hipus {
      cursor: pointer;
      position: absolute;
      left: 100%;
      width: 55px;
    }

      .navigation nav.top > ul li a#get-hipus:before {
        font-family: FontAwesome;
        content: "\f002";
        color: gray;
        padding-left: 5px;
        /*font-weight: bold;*/
      }

/* TODO - for the new search */
/*.navigation nav.top > ul li a.get-hipus {
      cursor: pointer;
      position: absolute;
      left: 100%;
      width: 55px;
    }

      .navigation nav.top > ul li a.get-hipus:before {
        font-family: FontAwesome;
        content: "\f002";
        color: gray;
        padding-left: 5px;
      }*/


.navigation .reveal .top ul li.even {
  padding-right: 14px;
  border-right: 1px solid #000;
  margin-left: 0px;
}

@media (max-width:767px) {

  .navigation nav.top > ul {
    position: relative;
    clear: both;
  }

    .navigation nav.top > ul li {
      display: block;
    }

      .navigation nav.top > ul li a {
        display: block;
        padding: 10px;
      }

  .navigation nav.top .dropdown-menu {
    position: relative;
    float: none;
    width: 100%;
    box-shadow: none;
    margin: 0 0 15px;
    padding: 0;
  }

  .navigation nav.top li:last-child .dropdown-menu {
    margin-bottom: 0;
  }

  .navigation nav.top .dropdown-menu a {
    padding: 10px 15px;
  }

  .navigation nav.top > ul li a.get-hipus {
    cursor: pointer;
    position: relative;
    right: 5px;
    /*top: 90px;*/
    width: 65px;
  }

  .navigation .reveal .top ul li.even {
    padding: 0;
    border: none;
    margin: 0;
  }
}

@media (min-width:768px) {

  .navigation nav.top {
    position: absolute;
    top: 32px; /*right:0;*/
  }

    .navigation nav.top > ul {
      color: #999;
      font-size: 12px;
      font-size: 1.2rem;
    }

      .navigation nav.top > ul li {
        display: inline;
        float: left;
        margin-left: 10px;
        font-family: Assistant;
        font-size: 16px;
      }

        .navigation nav.top > ul li a {
          display: block;
          float: left;
        }

          .navigation nav.top > ul li a span {
          }

        .navigation nav.top > ul li div {
          display: block;
          float: left;
        }

    .navigation nav.top .dropdown-menu a {
      padding: 5px 10px;
    }

    .navigation nav.top > ul > li:first-child a {
      background-image: url(/images/icons/logo-education-office.png);
      width: 186px;
      height: 46px;
      margin-top: -13px;
      /*color: transparent!important;*/
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
    }
}

.navigation nav.top .dropdown-menu li {
  display: block;
  clear: both;
  float: none;
  margin: 0;
}

.navigation nav.top .dropdown-menu a {
  display: block;
  float: none;
}



/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */

nav.sub {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 24px;
}

  nav.sub p.heading {
    font-size: 16px;
  }

    nav.sub p.heading a {
      display: block;
    }

.navigation nav.main ul li.has_child i.fa.fa-chevron-right {
  z-index: 2001;
}

/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

nav#breadcrumb {
  margin: 8px 0 16px;
}

.content.short nav#breadcrumb {
  margin: 12px 0 0 0;
}

nav#breadcrumb ol.breadcrumb {
  padding: 0;
  margin: 0;
  background: transparent;
}

nav#breadcrumb ol.breadcrumb {
  font-size: 14px;
  font-family: Assistant,Arial;
}

.breadcrumb > li + li::before {
  /*font-family:Verdana;*/
  /*content: attr(breadcrumb-data-attr);*/
  font-family: FontAwesome;
  content: "\f104";
  color: gray;
  /*font-weight: bold;*/
}

nav#breadcrumb ol.breadcrumb li a span {
  color: black;
}

nav#breadcrumb ol.breadcrumb li span {
  color: #007CB6;
}

/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */

nav.pagination {
}

nav#pager {
  margin: 32px 0 32px;
}



/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */

nav.sitemap {
  overflow: hidden;
  height: 100%;
  position: relative;
}

  nav.sitemap ul {
    margin: 0 0 8px;
  }

    nav.sitemap ul li {
      display: block;
      padding: 0;
      margin: 0;
      background: url('/images/bg/sitemap_line.png') no-repeat left -31px;
    }

    nav.sitemap ul ul {
      margin-left: 16px;
    }



/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */

.social nav {
  margin-top: -8px;
  margin-left: 100px;
}

  .social nav ul {
    line-height: 0;
  }

    .social nav ul li {
      display: inline-block;
      position: relative;
      margin: 0 2px 5px 0;
    }

      .social nav ul li a {
        display: block;
        float: left;
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        background-image: url('/images/icons/social.png');
        background-repeat: no-repeat;
        border-radius: 16px;
      }

      .social nav ul li:hover a {
        border-radius: 0;
      }

      .social nav ul li a::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 32px;
        height: 32px;
        -webkit-transition: background-color 0.2s ease-in-out 0s;
        -moz-transition: background-color 0.2s ease-in-out 0s;
        -ms-transition: background-color 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s;
      }

      .social nav ul li.first a {
      }

      .social nav ul li.last a {
      }

      .social nav ul li.facebook a {
        background-position: left top;
      }

      .social nav ul li.twitter a {
        background-position: left -32px;
      }

      .social nav ul li.linkedin a {
        background-position: left -64px;
      }

      .social nav ul li.google_plus a {
        background-position: left -96px;
      }

      .social nav ul li.pinterest a {
        background-position: left -128px;
      }

      .social nav ul li.instagram a {
        background-position: left -160px;
      }

      .social nav ul li.flickr a {
        background-position: left -192px;
      }

      .social nav ul li.tumblr a {
        background-position: left -224px;
      }

      .social nav ul li.vimeo a {
        background-position: left -256px;
      }

      .social nav ul li.youtube a {
        background-position: left -288px;
      }

      .social nav ul li.dribble a {
        background-position: left -320px;
      }

      .social nav ul li.skype a {
        background-position: left -352px;
      }

      .social nav ul li.rss a {
        background-position: left -384px;
      }

      .social nav ul li.forum a {
        background-position: left -416px;
      }


/*  --------------------------------------------------
    5.8 QUICK LINKS           
    -------------------------------------------------- */
/*footer .footer_quick_links p.heading {
        font-family: Assistant,Arial!important;
        font-size: 20px;
        font-weight:bold;
        line-height:100%;
        color:rgb(215,224,234);
        text-align:right;
        max-width: 85%;
    }
    footer .footer_quick_links nav.row ul li a {
        font-family: Assistant,Arial;
        font-size:16px;
        line-height:100%;
        color:rgb(215,224,234);
        text-align:right;
    }
	.footer_quick_links {
        float: right;
        min-width: 25%;
        padding-right: 10px;
        margin-bottom: 20px;
		}
    .footer_quick_links:not(:last-child) {    
        //border-left: solid 1px lightgray;
        min-height: 100px;
        border-left-color:rgb(69,100,129);
        border-left-width:1px;
        border-left-style:solid;
		}
	.footer_quick_links ul {
		}
	.footer_quick_links ul li {
		margin-bottom:10px;
        margin-right: 10px;
		}       
                            
     .footer_quick_links ul li .fa-angle-right:before {
        content:none;
        }  
	.quick_links {
		}
	.quick_links ul {
		}*/
.quick_links ul li {
  margin-bottom: 5px;
  margin-top: 5px;
}

  .quick_links ul li:first-of-type {
    margin-top: 0;
  }

/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
/*footer .container .row .col-sm-12 {
        padding: 0;
    } 
	nav.footer {
		padding:0;
		//margin-top:16px;//
		//border-top-width:1px;
		border-top-style:solid;//
        background-color:rgb(36,52,66);
		}
	nav.footer ul {
        font-family:Assistant;
        font-size:14px;
        line-height:120%;
        color:rgb(169,188,206);
        text-align:right;
        margin-right: 20px;
        padding-top: 3px;
		}
    nav.footer ul.nav div.social p.heading {
        display:none;
    }
    nav.footer ul li {
		margin-right:8px;
		}
    nav.footer > ul.nav > li:not(:first-child) {
        margin-right: 4px;
        padding-right: 8px;
        border-right: #A9BCCE solid 1px;
    }
	nav.footer ul.nav li {
		margin-right:8px;
        margin-top: 12px;
		display:inline-block;
		}
	nav.footer ul li.site_credit {
		margin:0;
		}
	nav.footer ul li a,
	nav.footer ul li div {
		display:inline;
		padding:0;
		}
	nav.footer i.fa.fa-external-link {
        display: none;
    }	
	@media (max-width:767px) {
		
	nav.footer ul li.copyright {
		display:block;
		clear:both;
		margin-bottom:16px;
		}
	nav.footer ul li.site_credit {
		display:block;
		clear:both; float:none!important;
		margin-top:16px;
		}
		
	}	
       
    nav.footer ul.nav li a {
        //color: rgba(0,0,0,1);
        font-family:Assistant;
        font-size:14px;
        line-height:120%;
        color:rgb(169,188,206);
        text-align:right;
    } */

nav.row ul li a {
  /*color: rgba(255,255,255,1);*/
}

div.footer_quick_links p {
  color: rgba(255,255,255,1);
}

div.company_details p a {
  color: rgba(255,255,255,1);
}

div.company_details p {
  /*color: rgba(0,0,0,1);*/
  font-family: Assistant;
  font-size: 14px;
  line-height: 120%;
  color: rgb(169,188,206);
  text-align: right;
  margin-top: 12px;
}


/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
.slick-prev, .slick-next {
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 200;
  top: 30%;
  background: none;
  border: 0 none;
  cursor: pointer;
}

  .slick-prev:hover, .slick-next:hover {
  }

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-prev, .slick-next {
  display: table;
}

  .slick-prev i.fa, .slick-next i.fa {
    position: relative;
    margin: 0 !important;
    display: block;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

  .slick-prev i.fa {
    background: url('/images/icons/gallery-slick-arrow-left.svg') no-repeat center;
  }

  .slick-next i.fa {
    background: url('/images/icons/gallery-slick-arrow-right.svg') no-repeat center;
  }

.carusel .col-xs-12 {
  background-color: white;
  left: 35px;
  top: -15px;
  width: 80%;
}

.carusel .link-container a {
  font-family: Assistant;
  font-size: 17px;
  color: rgb(44,112,148);
}

.carusel .link-container:hover a {
  color: rgb(44,112,148);
  text-decoration: none;
}

.carusel a:link {
  -webkit-tap-highlight-color: rgb(44,112,148);
}

.carusel a:hover, .carusel a:focus, .carusel a:hover i.fa {
  color: rgb(44,112,148);
  text-decoration: none;
}

@media (max-width:767px) {

  .banner .slick-prev, .banner .slick-next {
    /*display:none!important;*/
  }
}



/*  ----------------------------------------------------------------------------------------------------
    6.0 PROMO PODS         
    ---------------------------------------------------------------------------------------------------- */

.promo_pods {
  position: relative;
  overflow: hidden;
  height: 100%;
  /*margin-bottom: 24px;*/
}

  .promo_pods .item {
    position: relative;
    margin-bottom: 16px;
  }

    .promo_pods .item a {
    }

    .promo_pods .item.imagepod a,
    .promo_pods .item.videopod a {
      display: block;
    }

    .promo_pods .item a:hover .text {
      text-decoration: none;
    }

    .promo_pods .item .image {
      margin: 0 0 8px;
    }

    .promo_pods .item img {
      overflow: hidden;
    }

    .promo_pods .item.imagepod img,
    .promo_pods .item.videopod img {
      width: 100%;
      margin: 0;
    }

    .promo_pods .item p.heading {
      display: block;
      margin: 0 0 8px;
      font-size: 16px;
    }

    .promo_pods .item .text {
      display: block;
      margin-bottom: 16px;
    }

      .promo_pods .item .text p {
        margin: 0;
      }

    .promo_pods .item .link {
    }

@media (max-width:767px) {

  .promo_pods .item .image {
    max-width: 140px;
  }

  .promo_pods .item.imagepod .image,
  .promo_pods .item.videopod .image {
    max-width: 100%;
  }
}



/*  --------------------------------------------------
    6.1 WIDE COLUMN PODS         
    -------------------------------------------------- */

.promo_pods.wide {
}


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

  .promo_pods.wide .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}

@media (min-width:992px) and (max-width:1199px) {

  .promo_pods.wide .col-md-4:nth-child(3n+1) {
    clear: both;
  }
}

@media (min-width:1200px) {

  .promo_pods.wide .col-lg-3:nth-child(4n+1) {
    clear: both;
  }
}



/*  ----------------------------------------------------------------------------------------------------
    7.0 LISTING   
    ---------------------------------------------------------------------------------------------------- */
.listing .item p.heading a {
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
  color: var(--link-color);
  text-align: right;
}

.listing .item .info .text {
  color: black;
}

.listing {
  overflow: hidden;
  height: 100%;
  position: relative;
  /*padding-top: 8px;*/
  /*margin-top: 16px;*/
}

.advanced-component .listing {
  padding: 0;
  margin: 0;
}

.listing .item {
  padding-bottom: 6px;
  /*margin-bottom:16px;*/
  display: flex;
}

.listing.section.grid .item {
  padding-bottom: 6px;
  display: block;
}

.listing .text-right {
  margin: 0;
  padding: 0;
}

.listing .item a {
  font: bold 18px Assistant;
}

.listing .item .image {
  margin-bottom: 8px;
}

  .listing .item .image img {
    margin: 8px;
    float: right !important;
  }

.listing .item p.heading {
  display: block;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
  text-align: right;
  margin: 0 0 8px;
}

.listing .item .text {
  display: block;
  margin: 0 0 16px;
}

.listing .item .info .text {
  font-family: Assistant;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
}

.listing .item .meta a,
.listing .item .text a {
  display: inline;
}

@media (max-width:767px) {

  .listing .item .pull-right {
    float: none;
    text-align: left;
  }
}


/*  --------------------------------------------------
    7.1 BLOG LISTING   
    -------------------------------------------------- */

.listing.blog {
}

  .listing.blog .item .image {
    margin-bottom: 16px;
  }

div.meta {
  font-size: 12px;
}

div.meta {
}

.item div.meta {
  margin-top: 16px;
}

div.meta div {
  padding-top: 8px;
  overflow: hidden;
  height: 100%;
}

.advanced-component div.meta .categories,
div.meta .categories {
  padding-top: 8px;
}

@media (min-width:768px) {

  div.meta .categories {
    padding-top: 0;
  }
}



/*  --------------------------------------------------
    7.2 SEARCH LISTING   
    -------------------------------------------------- */

.listing.search {
}




/*  --------------------------------------------------
    7.3 SECTION LISTING   
    -------------------------------------------------- */

.listing.section:not(:last-child) {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: var(--space-between-components);
}

.opened-list.listing.section {
  box-shadow: 0 1px 5px rgba(0,0,0,0.15);
  background-color: white;
  border-color: #d7d7d7;
  border-width: 0px 1px 1px 1px;
  padding: 30px 40px 10px 25px;
}

  .opened-list.listing.section.content h1 {
    padding: 0;
  }

  .opened-list.listing.section.grid.row {
    margin: 0;
    padding: 15px 5px 10px 5px;
  }

.listing.section .image img {
  width: 160px;
  height: 107px;
}

.listing.section .text-right {
  margin: 0;
  padding: 0;
  width: auto;
}

.listing.section .info {
  width: 80%;
}

@media (min-width:992px) and (max-width:1200px) {
  .listing.section .info {
    width: 75%;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .listing.section .info {
    width: 60%;
  }
}

@media (min-width:482px) and (max-width:767px) {
  .listing.section .info {
    width: 100%;
  }

  .listing .item .image {
    margin-right: 15px;
  }
}

@media (max-width:481px) {
  .listing.section .info {
    width: 100%;
  }

  .listing .item .image {
    margin-right: 15px;
  }
}

@media (max-width:767px) {

  .listing.section .item .image {
    max-width: 320px;
  }
}



/*  --------------------------------------------------
    7.4 GRID LISTING   
    -------------------------------------------------- */

.listing.grid {
}

  .listing.grid .item {
    margin-bottom: 24px;
    padding-bottom: 0;
  }

@media (max-width:767px) {

  .listing.grid .item .image img {
    max-width: 100%;
  }
}



/*  --------------------------------------------------
    7.5 PROMO POD LISTING   
    -------------------------------------------------- */

.promo_pods .item .listing {
  padding: 0;
  margin: 0 0 8px;
  border-width: 0 0 1px;
  border-style: solid;
}

  .promo_pods .item .listing .item {
    margin: 8px 0;
    margin: 0;
    padding: 0;
    border-width: 1px 0 0;
    border-style: solid;
  }

    .promo_pods .item .listing .item p.heading {
      font-size: 14px;
      margin: 8px 0;
    }

  .promo_pods .item .listing.blog .item p.heading {
    margin: 8px 0 0;
  }

  .promo_pods .item .listing .item div.meta {
    margin: 0 0 8px;
  }

.promo_pods .item a.see_all {
  /*top:20px; right:16px;*/
  position: relative;
}




/*  ----------------------------------------------------------------------------------------------------
    8.0 PANELS
    ---------------------------------------------------------------------------------------------------- */

.panel {
}

  .panel .panel-body {
  }



/*  ----------------------------------------------------------------------------------------------------
    9.0 PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

.page_component {
  position: relative;
}

.advanced-page .page_component {
  margin-bottom: var(--space-between-components);
}

.page_component:not(:last-child) {
  margin-bottom: var(--space-between-components);
}

.page-component-edu .page_component:not(:last-child) {
  margin-bottom: 24px;
}

.page_component.textblock,
.page_component.listing {
  margin: 0;
}



/*  --------------------------------------------------
    9.1 TABBED
    -------------------------------------------------- */

.tabbed {
}

  .tabbed .nav {
    font-size: 14px;
  }

    .tabbed .nav * {
      border-radius: 0;
      box-shadow: 0 none;
    }

    .tabbed .nav li a {
      padding: 22px 18px;
    }

  .tabbed .nav-tabs li.active a {
    background: transparent;
  }

@media (min-width:992px) {

  .tabbed .nav i {
    display: none;
  }

  .tabbed .tab-content {
    padding: 16px;
    /*border-width:0 1px 1px; border-style:solid;*/
  }
}



/*  --------------------------------------------------
    9.2 ACCORDION
    -------------------------------------------------- */

.accordion {
}

  .tabbed .panel,
  .accordion .panel {
    border-radius: 0;
    box-shadow: 0 none;
  }

  .tabbed .panel-heading,
  .accordion .panel-heading {
    padding: 0;
    font-size: 14px;
  }

    .tabbed .panel-heading .panel-title,
    .accordion .panel-heading .panel-title {
      padding: 0;
      font-size: 14px;
    }

      .tabbed .panel-heading .panel-title a,
      .accordion .panel-heading .panel-title a {
        display: block;
        padding: 12px;
        text-decoration: none;
      }



/*  --------------------------------------------------
    9.3 QUOTES
    -------------------------------------------------- */

.quotes {
}

blockquote {
  margin: 16px 0;
  padding: 0;
  border: 0 none;
  text-align: center;
}

  blockquote i {
    display: block;
    margin: 0 auto 16px;
  }

  blockquote p {
    font-size: 22px;
  }

.promo_pods blockquote p {
  font-size: 16px;
}

blockquote cite {
  font-size: 11px;
}

blockquote::before, blockquote::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 70%;
  height: 3px;
}

blockquote::before {
  margin-bottom: 24px;
}

blockquote::after {
  margin-top: 24px;
}

@media (min-width:992px) {

  blockquote {
    margin: 24px 0;
    padding: 0 10%;
  }

    blockquote p {
      font-size: 28px;
    }

  .promo_pods blockquote p {
    font-size: 20px;
  }
}



/*  --------------------------------------------------
    9.4 IMAGES             
    -------------------------------------------------- */

.page_component.image {
  margin-bottom: 16px;
}

  .page_component.image img {
    display: block;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }

  .page_component.image .info {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
  }

    .page_component.image .info .text {
      padding: 10px;
      font-size: 11px;
      color: rgba(255,255,255,0.8);
    }

.edu-thum-daat {
  box-shadow: 0 1px 5px rgba(0,0,0,0.15);
  background-color: white;
  border-color: #d7d7d7;
  border-width: 0px 1px 1px 1px;
  padding: 15px 15px 15px 15px;
  margin-bottom: 48px;
}

#left_col[role='main'] > .page_component.image, #left_col[role='main'] > p, #left_col[role='main'] > .body-text-container {
  box-shadow: 0 1px 5px rgba(0,0,0,0.15);
  background-color: white;
  border-color: #d7d7d7;
  border-width: 0px 1px 1px 1px;
  padding: 15px 15px 15px 15px;
  margin-bottom: 32px;
}

  #left_col[role='main'] > p, #left_col[role='main'] .body-text > p, #left_col[role='main'] > .body-text-container > p, #left_col[role='main'] > .edu-thum-daat > p {
    font-family: Assistant;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: black;
  }

#left_col[role='main'] > h1.areaTitle {
  margin-bottom: 40px;
}

/*  --------------------------------------------------
    9.5 GALLERY        
    -------------------------------------------------- */

.gallery, .try-gallery {
}

  .gallery .item {
    margin-bottom: 24px;
  }

  .try-gallery .item {
    margin-bottom: 0px;
  }

    .try-gallery .item.col-md-4 {
      padding-left: 0px;
      padding-right: 0px;
    }


  /*.gallery .item a, .try-gallery .item a {
		}*/
  .gallery .item .image, .grid-gallery .item .image {
    position: relative;
    /*margin-bottom: -2px;*/
    border: white solid 5px;
  }

  .try-gallery .item .image {
    position: relative;
    /*margin-bottom: -2px;*/
    border-radius: var(--item-radius);
    background-color: var(--background-over-grey-color);
  }

  .promo_pods .item a .overlayicon,
  .try-resources a .overlayicon, .gallery .item a .overlayicon, .grid-gallery .item a .overlayicon {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
  }
  /*.try-gallery .item a .overlayicon {
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		}*/
  .image.video a .overlayicon,
  .promo_pods .item.videopod a .overlayicon,
  .gallery .item.video a .overlayicon,
  .promo_pods .item a:hover .overlayicon,
  .gallery .item a:hover .overlayicon {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
  }
/*.try-gallery .item.video a .overlayicon
     {
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		}*/
/*.try-gallery .item a:hover .overlayicon {*/
.try-resources a .overlayicon {
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  -ms-opacity: 0.95;
  opacity: 0.95;
  background-color: rgba(255, 255, 255, 0.6);
}
/*.try-gallery .item a .overlayicon {
        -webkit-opacity:0.95;
		-moz-opacity:0.95;
		-ms-opacity:0.95;
        opacity:0.95;
        background-color: rgba(255, 255, 255, 0.6);
		}*/
/*.try-gallery .item a:hover .overlayicon p {*/
.try-resources a .overlayicon {
  color: black;
  line-height: 1.2;
  margin: 8px 16px 8px 10px;
  text-align: right;
}
/*.try-gallery .item a .overlayicon p {
            color:black;
            line-height: 1.2;
            margin: 8px 16px 8px 10px;
            text-align: right;
		}*/
.grid-gallery .item a:hover .overlayicon {
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  -ms-opacity: 0.95;
  opacity: 0.95;
  background-color: rgba(198, 197, 195, 0.4);
}

.grid-gallery .item a .overlayicon p {
  color: black;
  line-height: 1.2;
  margin: 8px 16px 8px 10px;
  text-align: right;
  font: bold 20px Assistant,Arial;
}

/*.try-gallery .item {
  background-color: var(--background-over-grey-color);
}*/

.try-gallery .item a .try-overlayicon p {
  font-family: Assistant;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
  color: rgb(0,0,0);
  /*min-height: 30px;*/
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
}

  .try-gallery .item a .try-overlayicon p:first-child {
    text-align: right;
    color: black;
    font: bold 18px Assistant,Arial;
    /*min-height: 0px;*/
    padding-left: 15px;
    padding-right: 15px;
  }

.try-gallery .item:not(.first) a .try-overlayicon p {
  min-height: 46px;
  max-height: 46px;
}

.try-gallery .item.first a .try-overlayicon p:not(:first-child) {
  margin-top: 0px;
}

.try-gallery .item.first a .try-overlayicon p {
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 74px;
  padding-right: 20px;
  padding-left: 20px;
}

  .try-gallery .item.first a .try-overlayicon p:first-child {
    min-height: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 7px;
    margin-bottom: 7px;
  }

.try-gallery .row .link-container.pull-reverse-dir.pull-left {
  margin-bottom: 10px;
}

.try-gallery .row h4 {
  background-color: rgb(48,152,207);
  color: white;
  font-family: Assistant,Arial !important;
  font-size: 22px;
  font-weight: normal;
  height: 39px;
  padding: 6px 20px;
  display: table;
  margin: 10px -5px 10px 10px;
}

.page_component.try-resources a .overlayicon p {
  margin: 0;
  /*padding:0;*/
  padding: 5px 20px 5px 20px;
  text-align: right;
  color: white;
  font: normal 30px Assistant,Arial;
}

.page_component.try-resources a:hover .overlayicon {
  text-decoration: underline !important;
}

/*.try-gallery .col-xs-6 {
        width: auto;
    }*/
.image.video a .overlayicon,
.promo_pods .item a .overlayicon,
#right_col aside .item a .overlayicon,
.gallery .item a .overlayicon {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}
/*.try-gallery .item a .overlayicon {
		display:table; width:100%; height:100%;
		position:absolute;
		top:75%; right:0; bottom:0; left:0;	
		text-align:center; padding:0; margin:0;
		
		-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		}*/
/*.try-gallery .item a .overlayicon {
		display:table; width:100%; height:100%;
		position:absolute;
		top:75%; right:0; bottom:0; left:0;	
		text-align:center; padding:0; margin:0;
		
		-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		}*/
.page_component.try-resources a .overlayicon {
  display: table;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  text-align: center;
  padding: 0;
  margin: 0;
  background-color: var(--title-color);
  opacity: 0.85;
  /*-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;*/
}

.grid-gallery .item a .overlayicon {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}

.gallery .item a .overlayicon {
  left: 0;
}

.try-resources a .overlayicon {
  left: 0;
}
/*.try-gallery .item a .overlayicon {
		left:0;
		}*/
.grid-gallery .item a .overlayicon {
  left: 0;
  width: 100% !important;
  height: 15% !important;
  max-height: 55px;
  min-height: 50px;
  margin: auto 0px;
  top: 90%;
}

.image.video a .overlayicon i,
.promo_pods .item a .overlayicon i,
#right_col aside .item a .overlayicon i,
.gallery .item a .overlayicon i {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  -webkit-transition: color 0.2s ease-in-out 0s;
  -moz-transition: color 0.2s ease-in-out 0s;
  -ms-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}

.grid-gallery .item a .overlayicon i {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  -webkit-transition: color 0.2s ease-in-out 0s;
  -moz-transition: color 0.2s ease-in-out 0s;
  -ms-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
/*.try-gallery .item a .overlayicon i {
		display:table-cell; width:100%; height:100%;
		vertical-align:middle; padding:0; margin:0;
		
		-webkit-transition:color 0.2s ease-in-out 0s;
		-moz-transition:color 0.2s ease-in-out 0s;
		-ms-transition:color 0.2s ease-in-out 0s;
		transition:color 0.2s ease-in-out 0s;
		}*/

.try-gallery .col-xs-12 {
  background-color: white;
  /*left: 15px;
    width: 97%;
    padding-left: 5px;*/
}

.try-gallery .link-container a {
  font-family: Assistant;
  font-size: 16px;
  line-height: 150%;
  color: rgb(44,112,148);
  text-align: left;
}

.try-gallery a:link {
  -webkit-tap-highlight-color: rgb(44,112,148);
}

.try-gallery a:hover, .try-gallery a:focus, .try-gallery a:hover i.fa {
  color: rgb(44,112,148);
  text-decoration: none;
}

@media (max-width:767px) {

  .gallery .item:nth-child(2n+1), .try-gallery .item:nth-child(2n+1) {
    clear: both;
  }

  .try-gallery {
    margin-left: 0px;
  }
}

@media (max-width:991px) {

  .try-gallery .col-md-4, .try-gallery .col-xs-6 {
    /*width: auto !important;*/
  }
}

@media (min-width:992px) {
  /*.try-gallery .col-md-4, .try-gallery .col-xs-6 {
            width: 50%;
        }*/

}


@media (min-width:768px) {

  .try-gallery .item.first a .try-overlayicon p {
    max-height: 74px;
  }
  /*.gallery .item:nth-child(3n+1), .try-gallery .item:nth-child(3n+1) {
		clear:both;
		}*/

  .try-gallery {
    width: 100%;
  }

  .row.page_component.try-gallery {
    margin-right: 0px;
    border: white solid 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    background-color: white;
  }

  .try-gallery .first.col-md-4 {
    width: 66.66%;
  }

  .try-gallery .col-md-4 {
    width: 33.34%;
  }
  /*.try-gallery .col-xs-6 {
        width: auto!important;
    }*/
}

.grid-gallery {
  margin-top: 10px;
  margin-bottom: 10px;
}

  .grid-gallery .item {
    margin-top: 15px;
    margin-bottom: 15px;
    /*padding-left: 15px;
        padding-right: 15px;*/
  }

.free-wall {
  margin-left: 0px;
  margin-right: 0px;
}

.brick img {
  margin: 0;
  display: block;
}

/*  --------------------------------------------------
    9.6 RESOURCES         
    -------------------------------------------------- */

.resources {
}

  .resources .item {
    /*padding:16px;*/
  }

    .resources .item .heading {
      display: block;
    }

    .resources .item .size {
      font-size: 12px;
    }

.page-component-edu .try-resources {
  border: none;
  box-shadow: none;
}

.try-resources {
  border: white solid 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

  .try-resources .list-group {
    margin: 0;
    padding: 0;
    border: none;
  }

  /*.try-resources .item .backgr-img {
        float:right;
    }*/

  .try-resources .item .after-img {
    /*background-color:aliceblue;*/
    height: 80px;
    padding: 1px;
    text-align: right;
  }

    .try-resources .item .after-img .intro {
      font-size: 100%;
    }



  .try-resources .list-group-item {
    margin: 0;
    padding: 0;
    border: none;
  }

    .try-resources .list-group-item .fa-external-link:before {
      content: "\f060";
      color: #0C69B7;
    }

    .try-resources .list-group-item .fa.pull-right {
      margin-left: 10px;
      margin-top: 5px;
    }

  .try-resources .item .after-img p:empty {
    display: none;
  }

@media (max-width:1200px) {
  .try-resources .item .backgr-img {
    padding: 0;
  }

  .try-resources .item .after-img p:empty {
    display: none;
  }

  .try-resources .item .after-img .intro {
    font-size: 80%;
    padding-right: 5px;
  }
}

@media (max-width:991px) {
  .try-resources .item .backgr-img {
    clear: both;
    float: none;
    padding: 0;
  }

  .try-resources .item .after-img p:empty {
    display: none;
  }

  .try-resources .item .after-img .intro {
    font-size: 100%;
  }

  .try-resources .backgr-img .overlayicon.img-end-radius {
    top: 50% !important;
  }
}

@media (max-width:500px) {
  .try-resources .backgr-img .overlayicon.img-end-radius {
    top: 35% !important;
  }
}

@media (max-width:767px) {

  .try-resources .item .after-img .intro {
    font-size: 100%;
  }
}

@media (max-width:567px) {

  .try-resources .item .after-img .intro {
    font-size: 80%;
  }
}

@media (max-width:467px) {

  .try-resources .item .after-img .intro {
    font-size: 60%;
  }
}
/*  --------------------------------------------------
    9.7 TABLES
    -------------------------------------------------- */

table {
  width: 100%;
  margin-bottom: 16px;
}

.page_component.tables table {
}

table thead {
}

table tr th,
table tr td {
  padding: 8px;
}

table tr th {
  padding: 12px 8px;
}

table thead tr th.first,
table tfoot tr td.first {
}

table thead tr th.last,
table tfoot tr td.last {
}

table tbody tr.even td {
}

table tbody tr td {
}



/*  --------------------------------------------------
    9.9 AUTHOR BIO
    -------------------------------------------------- */

.author_bio {
}

  .author_bio p.heading {
    margin-bottom: 0;
  }

  .author_bio .image {
    margin-top: 16px;
  }

  .author_bio .info {
    padding: 16px 16px 0;
  }

    .author_bio .info p.heading {
      font-size: 16px;
    }

    .author_bio .info .text p {
    }

@media (min-width:768px) {

  .author_bio .info {
    padding: 16px 16px 16px 0;
  }
}



/*  --------------------------------------------------
	9.10 IMAGE SLIDESHOW
    -------------------------------------------------- */

.slideshow {
}

  .slideshow .item {
    display: block;
  }

    .slideshow .item .image {
    }

      .slideshow .item .image img {
        display: block;
        overflow: hidden;
      }

    .slideshow .item .info {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0,0,0,0.7);
    }

      .slideshow .item .info .text {
        padding: 10px;
        font-size: 11px;
        color: rgba(255,255,255,0.8);
      }



/*  ----------------------------------------------------------------------------------------------------
    10.0 ADVANCED PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

.advanced-component {
  padding: 24px 0;
  overflow: hidden;
  height: 100%;
}

  .advanced-component .overview {
    margin-bottom: 24px;
  }

  .advanced-component .image.video {
    position: relative;
  }

  .advanced-component.banner {
    padding: 0 !important;
  }

  .advanced-component.banner,
  .advanced-component.promo_pods,
  .advanced-component#right_col aside,
  {
    margin: 0;
  }

  .advanced-component .heading.main {
    font-size: 22px;
  }

@media (min-width:768px) {

  .advanced-component {
    padding: 32px 0;
  }

    .advanced-component .heading.main {
      font-size: 26px;
    }
}

@media (min-width:992px) {

  .advanced-component {
    padding: 48px 0;
  }

    .advanced-component .heading.main {
      font-size: 30px;
    }
}

@media (min-width:1200px) {

  .advanced-component {
    padding: 64px 0;
  }

    .advanced-component .heading.main {
      font-size: 32px;
    }
}


/*  --------------------------------------------------
    10.1 BANNER  
    -------------------------------------------------- */

.advanced-component.banner {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 0;
}

  .advanced-component.banner .container,
  .advanced-component.banner .row {
  }

  .advanced-component.banner .slides {
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 0;
  }

    .advanced-component.banner .slides .item {
      position: relative;
      z-index: 0;
    }

.switch-collage-gallery-component .try-gallery .item.col-md-4 {
  padding: 5px;
}

.advanced-component.banner .slides a .heading,
.advanced-component.banner .slides a {
  color: #ffffff;
}

.quotes-carousel-component .advanced-component.banner .slides a,
.switch-collage-gallery-component .advanced-component.banner .slides a {
  color: var(--link-color-on-l-blue);
}

.page-component-edu.switch-collage-gallery-component .slick-slide {
  text-align: start;
}

.switch-collage-gallery-component .try-gallery .item.first a .try-overlayicon p {
  padding: 0 13px;
}

.switch-collage-gallery-component .item-time-wrap {
  padding-inline-start: 13px;
}

.advanced-component.banner .slides .image {
  position: relative;
  z-index: 5;
}

.advanced-component.banner .slides img {
  display: block;
  overflow: hidden;
}

.advanced-component.banner .slides .info {
  width: 100%;
  z-index: 100;
}

  .advanced-component.banner .slides .info .heading {
    margin: 8px 0 12px;
    line-height: 1.2;
  }

  .advanced-component.banner .slides .info p {
    padding: 0;
    margin: 0;
  }

    .advanced-component.banner .slides .info p.link {
      margin: 32px 0 16px;
      text-align: center;
    }

.advanced-component.banner blockquote::before, .banner blockquote::after {
  display: none;
}

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

@media (min-width:768px) {

  .advanced-component.banner {
    padding: 16px 0 0;
  }
}

@media (min-width:992px) {

  .advanced-component.banner .slides .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
}

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


/*  --------------------------------------------------
    10.2 CTA STRIP  
    -------------------------------------------------- */

.advanced-component.cta-strip {
  padding: 0;
}

  .advanced-component.cta-strip p.link {
    display: none;
  }

  .advanced-component.cta-strip .col-md-9 {
    width: 100%;
    text-align: center;
  }
/*  --------------------------------------------------
    10.3 PROMO PODS  
    -------------------------------------------------- */

.advanced-component.promo_pods {
}

@media (max-width:991px) {

  .advanced-component.promo_pods .item:nth-child(2n+1) {
    clear: both !important;
  }
}

@media (min-width:992px) {

  .advanced-component.promo_pods .item:nth-child(4n+1) {
    clear: both !important;
  }
}



/*  --------------------------------------------------
    10.4 VIDEO  
    -------------------------------------------------- */

.advanced-component.video-component {
}



/*  --------------------------------------------------
    10.5 TEXT WITH IMAGE / VIDEO  
    -------------------------------------------------- */

.advanced-component.text-with-image_video {
}



/*  --------------------------------------------------
    10.6 TEXT WITH FORM  
    -------------------------------------------------- */

.advanced-component.text-with-form {
}



/*  --------------------------------------------------
    10.7 BLOG WITH FORM  
    -------------------------------------------------- */

.advanced-component.blog-with-form {
}


/*  --------------------------------------------------
    10.8 TABBED LISTING  
    -------------------------------------------------- */

.advanced-component.tabbed-listing {
}

  .advanced-component.tabbed-listing .tabbed .nav,
  .advanced-component.tabbed-listing .tabbed .nav * {
    border: 0 none;
  }

    .advanced-component.tabbed-listing .tabbed .nav li {
      display: inline-block;
      float: none;
    }

  .advanced-component.tabbed-listing .tabbed .tab-content {
    padding: 32px 0 0;
    border: 0 none;
  }


/*  --------------------------------------------------
    10.9 STANDARD COMPONENTS
    -------------------------------------------------- */

.advanced-component.standard-components {
  padding: 8px 0;
}

  .advanced-component.standard-components .page_component {
  }

@media (min-width:768px) {

  .advanced-component.standard-components {
    padding: 12px 0;
  }
}

@media (min-width:992px) {

  .advanced-component.standard-components {
    padding: 16px 0;
  }
}

@media (min-width:1200px) {

  .advanced-component.standard-components {
    padding: 24px 0;
  }
}


/*  --------------------------------------------------
    10.10 GRID
    -------------------------------------------------- */



/*  ----------------------------------------------------------------------------------------------------
    11.0 FORMS
    ---------------------------------------------------------------------------------------------------- */

textarea {
  resize: none;
}

fieldset {
  margin: 0 0 16px;
}

legend {
  padding: 0 0 8px;
  margin: 8px 0 16px;
}

label {
  font-weight: normal;
}

.form-control {
  border-radius: 0;
  min-height: 40px;
}

/* VALIDATION */
.input-validation-error {
}

.field-validation-error {
  display: block;
  padding: 5px;
  font-size: 12px;
}

.field-validation-valid {
  display: none;
}

.validation-summary-valid {
  display: none;
}

/*	----------------------------------------------------------------------------------------------------
	11.1 SITE SEARCH
	---------------------------------------------------------------------------------------------------- */

.site_search {
  padding: 0;
  position: relative;
}

  .site_search form {
    padding: 0;
    margin: 0;
  }

  .site_search .form-group {
    width: 100%;
  }

  .site_search .form-control {
    width: 100%;
    height: 40px;
    padding-right: 5px;
  }

  .site_search .btn {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 0;
  }

  .site_search .border-hipus .thum-hipus input[type="radio"] {
    margin: -1px 8px 0px 0px;
    vertical-align: middle;
  }

/*@media (max-width:767px) {

    .site_search {
        margin: 15px;
    }
}*/

@media (min-width:768px) {

  header .site_search {
    position: absolute;
    top: 60px;
    display: none;
    z-index: 300;
  }

  .site_search .btn {
    top: 0;
  }
}

@media (min-width:992px) {
}

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

.site_search .btn-primary {
  background-color: gray;
  border-color: gray;
}

header .site_search .btn-primary {
  background-color: transparent;
  border-color: transparent;
  color: gray;
  top: -41px;
  left: 24px;
  right: 87%;
  /*padding-right: 0;*/
  position: relative;
}
/*header .navigation .site_search .btn-primary {
        background-color: transparent;
        border-color: transparent;
        color: gray;
        top: 18px;
        /left: 0px;
        right:95%;
    }*/

@media (min-width:768px) {
  header .site_search {
    position: absolute;
    top: 90px;
    display: none;
    z-index: 300;
    /*border: solid white 5px;*/
    border: solid rgba(0,0,0,0.15) 1px;
    background-color: white;
    width: auto;
    left: 350px !important;
    padding-right: 0;
  }

  /* header*/ .site_search .form-control {
    /*width: 100%;*/
    /*height: 40px;*/
    padding-right: 5px;
  }

  header .border-hipus {
    border: solid white 8px;
  }

  /*header .navigation*/ .btn-primary .site_search {
    top: 25px;
    /*left: 5px;*/
    right: 85%;
  }

  .thum-hipus {
    margin-top: -5px;
    padding-bottom: 5px;
  }
}
/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */

.ajax_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

  .ajax_wrap .ajax_loading {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }

    .ajax_wrap .ajax_loading .loading {
      margin: 0;
      position: relative;
      text-align: center;
      display: table;
      width: 100%;
      height: 100%;
    }

      .ajax_wrap .ajax_loading .loading span.message {
        display: table-cell;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
      }



/*  --------------------------------------------------
    11.3 COOKIES
    -------------------------------------------------- */

.cookies {
  padding: 1em;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

  .cookies p.link {
    padding: 0;
  }

  .cookies a.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    text-decoration: none !important;
    font-weight: bold;
  }

    .cookies a.close:hover {
      -webkit-opacity: 0.7;
      -moz-opacity: 0.7;
      -ms-opacity: 0.7;
      opacity: 0.7;
    }

/*  --------------------------------------------------
    12.0 Home Page
    -------------------------------------------------- */
.advanced-page .content.advanced-component.standard-components {
  padding: 4px 0;
}

.home-learn-dlg {
  width: 100%;
  margin-left: 0;
  /*margin-top: 218px;*/
  /* margin-bottom: 48px;*/
}

.home-container {
  padding-top: 50px;
  height: 346px;
  border-radius: 4px;
  /*  background-size: 100%;*/
}

.home-row {
  height: 48px;
  margin-top: 20%;
  margin-right: 1%;
}

/*.dlg-inner div.ma-lomdim {
  float: right;
}*/

select#learnsubject {
  float: right;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: rgb(51,51,51);
  text-align: right;
  min-width: 35%;
  width: 35%;
  min-height: 48px;
  height: 48px;
  -webkit-appearance: none;
  /*-ms-appearance: none;*/
  -moz-appearance: none;
  background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff;
  padding-right: 10px;
  background-position: 0px;
  background-size: 30px 100%;
  border: 1px solid black;
}

  select#learnsubject::-ms-expand {
    display: none;
  }

select#edulevel {
  float: right !important;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: rgb(51,51,51);
  text-align: right;
  min-width: 19%;
  width: 19%;
  min-height: 48px;
  height: 48px;
  -webkit-appearance: none;
  /*-ms-appearance: none;*/
  -moz-appearance: none;
  background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff;
  padding-right: 10px;
  background-position: 0px;
  background-size: 30px 100%;
  border: 1px solid black;
  border-right: none;
  border-left: none;
}

  select#edulevel::-ms-expand {
    display: none;
  }

div.hipus {
  float: right !important;
  /*margin-top: -50px;
    margin-left: -100px;*/
  width: 10%;
  min-width: 50px;
  /*padding: 3px 15px 0 0;*/
}

.hipus .link {
  margin: 0;
}

a.hipus {
  font-size: 24px;
}

  a.hipus:after {
    font-family: FontAwesome;
    content: " \f104";
  }

  a.hipus.btn-primary:hover {
    color: #ffffff;
    background-color: #007CB6;
    border-color: #ffffff;
  }

  a.hipus.btn.btn-primary {
    height: 48px;
  }

    a.hipus.btn.btn-primary[disabled] {
      background-color: #64656D;
      opacity: 1;
      border-color: black;
      height: 48px;
    }

@media (max-width:1200px) {
  .home-row {
    margin-top: 25%;
  }



  div.hipus {
    width: 15%;
  }

  select#edulevel {
    border-left: 1px solid black;
  }
}

@media (max-width:991px) {
  .home-row {
    margin-top: 40%;
  }



  div.hipus {
    width: 20%;
  }

  select#edulevel {
    border-left: none;
    border-right: 1px solid black;
    width: 30%;
  }
}

@media (max-width:767px) {
  .home-row {
    margin-top: 10%;
    margin-right: 2%;
  }

  section.content .home-container .row.home-row h2 {
    font-size: 32px !important;
  }

  section.content .home-container .row.home-row {
    width: 100%;
  }

    section.content .home-container .row.home-row .ma-lomdim {
      width: 90%;
    }

      section.content .home-container .row.home-row .ma-lomdim h1 {
        width: 100%;
        padding-top: 5px;
      }

  section.content h2 {
    font-size: 24px;
  }

  a.hipus {
    font-size: 24px;
  }

  .dlg-inner h1 {
    font-size: 24px;
  }

  .dlg-inner h2 {
    font-size: 24px;
  }

  select#learnsubject, select#edulevel {
    font-size: 20px !important;
  }

  div.hipus {
    float: none;
    margin-top: 0px;
    width: 90%;
  }

  .learn-inputs {
    /*margin-top: 0px;*/
  }



  select#learnsubject {
    background-position: 0px 3px;
    background-size: 10% 80%;
    min-width: 150px;
    width: 55%;
  }

  select#edulevel {
    background-position: 0px 3px;
    background-size: 10% 80%;
    min-width: 100px;
    width: 35%;
    border-left: 1px solid black;
  }

  .content #right_col {
    /*width: 60%;*/
    min-height: 10px !important;
    height: auto;
  }

  .home-learn-dlg {
    padding-top: 5px;
  }

  .content.short {
    padding: 8px 0 8px 0;
  }
}

@media (max-width:480px) {
  .advanced-page .page_component {
    margin-bottom: 15px;
  }

  .content .container1 #right_col aside {
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .listing.section:not(:last-child) {
    margin-bottom: 28px;
  }

  .home-row {
    margin-top: 10%;
    margin-right: 2%;
  }

  section.content .home-container .row.home-row h2 {
    font-size: 32px !important;
  }

  section.content .home-container .row.home-row {
    width: 95%;
  }

    section.content .home-container .row.home-row .ma-lomdim {
      width: 100%;
    }

      section.content .home-container .row.home-row .ma-lomdim h1 {
        width: 100%;
        padding-top: 5px;
      }

  section.content h2 {
    font-size: 24px;
  }

  a.hipus {
    font-size: 24px;
  }

  .dlg-inner h1 {
    font-size: 24px;
  }

  .dlg-inner h2 {
    font-size: 24px;
  }

  select#learnsubject, select#edulevel {
    font-size: 20px !important;
  }

  div.hipus {
    float: none;
    margin-top: 0px;
    width: 100%;
  }



  select#learnsubject {
    background-position: 0px 3px;
    background-size: 10% 80%;
    min-width: 150px;
    width: 100% !important;
    max-width: 100% !important;
  }

  select#edulevel {
    background-position: 0px 3px;
    background-size: 10% 80%;
    min-width: 100px;
    border-left: 1px solid black;
    width: 100% !important;
    max-width: 100% !important;
  }

  .content #right_col {
    /*width: 60%;*/
    min-height: 10px !important;
    height: auto;
    width: auto;
  }

  .home-learn-dlg {
    padding-top: 5px;
  }

  .content.short {
    padding: 8px 0 8px 0;
  }
}

/*  --------------------------------------------------
    11.3 Temporary
    -------------------------------------------------- */
.advanced-page .content.advanced-component.standard-components .col-md-offset-2 {
  margin-left: 0;
}

.advanced-page .content.advanced-component.standard-components .col-md-8 {
  width: 100%;
}

div.at4-arrow {
  text-align: center !important;
}

ng-autocomplete.topics-auto-complete .autocomplete-container .input-container input {
  background: url(../images/arrow_icon.png) no-repeat left #fff;
  background-size: 30px 100%;
  float: right;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: rgb(51,51,51);
  text-align: right;
  min-width: 35%;
  width: 100%;
  min-height: 48px;
  height: 55px;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  padding-right: 10px;
  background-position: 0px;
  border: 1px solid black;
}

.topics-fast-search .learn-subject .learn-inputs .topics-auto-complete {
  background: url(../images/arrow_icon.png) no-repeat left #fff;
  background-size: 30px 100%;
  float: right;
  font-family: Assistant;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: rgb(51,51,51);
  text-align: right;
  min-width: 35%;
  width: 100%;
  min-height: 48px;
  height: 55px;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  padding-right: 10px;
  background-position: 0px;
  border: 1px solid black;
}
/*	--------------------------------------------------
	END
	-------------------------------------------------- */