/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 25 February 2016 12:13:56
*/


/**
 * RTW: Return To Works SA - Mobile Style Sheet
 *
 * mobile.css
 * author: Squiz Poland
 * change log: * daniel@squiz.pl - 16/10/2014 - First revision
 */

/*
 * Table of Contents
 *
 * 1. Tablet
 * 2. Phone
 * 3. Ranges
 */



/*
--------------------
Tablet
--------------------
*/ 



@media screen and (max-width: 73em) {
   .framer{width: 100%;}
   .carousel-container .carousel-nav{left: 305px;} 
   .language-menu-header{margin-left: 50%}
   .cta-employers-workers-container{overflow: visible;}
   .alerts .wrapper{width: 100%;}
   .nav-container .category .navtest-arrow{width: 60px; padding: 1em; float: right;}
}

@media screen and (max-width: 1039px) {
   .carousel-container .cta-container{margin-top: 0; width: auto; border-radius: 0;}
   .carousel-container.cta__green .cta-container ul, .carousel-container.cta__purple .cta-container ul, .carousel-container.cta__orange .cta-container ul, .carousel-container.cta__blue .cta-container ul{background-color: #b7273d;}
   .header h1{top: 72px;left: 4%;} /* top: 57px; */
   .header h1 img{height: 56px;}
   .header:before{height: 90px; top: 56px;} /* top: 42px; */
   .nav-container .sub-nav{background-color: #464748; margin-top: 0!important; top: 61px;}
   .nav-container .category-container{border-right: 0 none; padding-top: 35px;}
   .overview-hidden{color: #e2e53e;}
   .nav-container .category > a:before{color: #e2e53e;}
   .nav-container .category > a.navtest-arrow:after,
   .nav-container .first-level > li > a.navtest2-arrow:after{color: #464748; background-color: #e2e53e;}
   .overview-hidden:hover,
   .nav-container .category:hover{background-color: #58595a;}
   .nav-container .third-level{background-color: #757678; padding-left: 0; padding-bottom: 0;}
   .nav-container .third-level li{padding-left: 4.5%;}
   .nav-container .third-level li:hover{background-color: #58595a;}
   .aside-home-cta {padding: 2.6%; float: none; width: auto;}
   .aside-home-cta ul{margin-bottom: 0;}
   .home-cta-container:after{content: none;}
   .home-cta-container{padding: 0;}
   .carousel-container .carousel-nav{left: 50%; bottom: 0; right: auto; z-index: 400;}
   .flex-direction-nav{top: 330px;}
   .flexslider{overflow: visible;}
   .flex-pauseplay a{top: 330px;}
   .alerts .text p{font-size: 0.8em}
   .aside-feature-container{padding-left: 4.6%;}
}

@media screen and (max-width: 50em){
   .nav-container .first-level > li > a{font-size: 0.85em}
   .header h1{left: 1%;}
   .header h1 img{height: 50px;}
   form[role="search"]{z-index: 10000;}
   /*.nav-container .mobile-button:hover, .nav-container .mobile-button:focus*/, .nav-container .mobile-button.active{background-color: #464748;}
   .nav-container .sub-nav{top: 55px;}
   .alerts .close,
   .alerts .sign {width: 10%;}
   .alerts .text {width: 80%;}
}





/*
--------------------
Phone
--------------------
*/ 

@media screen and (max-width: 599px) {
   .header:before{content: none;}
   .header h1{background: none; height: auto; float: left; width: auto; margin: 0; padding: 5px 5px 5px 0;}
   .header .rhs-content{position: inherit;}
   .header .call-container{margin-left: 0;}
   .language-menu-header{margin-left:0; right: 0; top: -60px;}
   .nav-container .mobile-button{margin-top: -30px; margin-bottom:16px;}
   /*.nav-container .mobile-button:hover{color: #FFF;}*/
   .nav-container .mobile-button.active{color: #FFF; background-color: #464748;}
   /*.nav-container .mobile-button:focus{color: #FFF;}*/
   .nav-container .mobile-button:before{color: inherit;}
   .nav-container{height: 5em;}
   form[role="search"] button:before{font-size: 1.8em;}
   form[role="search"] button{right: 0;}
   form[role="search"] {position: absolute; right: 55px; top: 0;}
   form.active[role="search"]{max-width: 90%;}
   .nav-container .nav{top:1em; background-color: #464748;}
   .language-menu-header{font-size: 0.9em; z-index: 10100;}
   .mobile-hidden{display: none;}
   .nav-container .first-level > li > a{color: #FFF;}
   .nav-container .first-level{border-bottom: 4px solid #e2e53e;}
   .flexslider{height: auto;}
   .aside-home-cta{padding: 9%; border-radius: 0 none;}
   .aside-contact-sticky{top: auto; bottom: 20%; font-size: 0.8em;}
   .aside-contact-sticky.rhs{right: -65px; border:1px solid #fff;}
   .aside-contact-sticky a{width: 150px;}
   .page-content table{/* display: none; hides google recaptcha as well*/}
   .search .page-content{margin-top: 0;}
   .aside-feature-container{padding-left: 4.6%;}
   .nav-container .sub-nav{float: left; width: 100%; padding-bottom: 15px;}
   .nav-container .category-container{padding-top: 0;}
   .navtest-link{width: 100%;}
   .navtest2-arrow{/* width: 50px; */ padding: 1em; float: right; min-height: 40px;}
   .nav-container .first-level > li > a.navtest2-arrow:after{/* right: 20px; */}
   .gosa-logo img{width: 110px;}

   .carousel-nav{display:none;}

   .flex-direction-nav{top: 0px;}

   .flex-pauseplay a{top: 0px;}


}






/* ====== Ranges ======== */

@media screen and (max-width: 767px) {
   .show-phone{display: inherit; visibility: visible;}
   .hide-phone{display: none; visibility: hidden;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
   .show-tablet{display: inherit; visibility: visible;}
   .hide-tablet{display: none; visibility: hidden;}
}

@media screen and (min-width: 1024px) {
   .show-desktop{display: inherit; visibility: visible;}
   .hide-desktop{display: none; visibility: hidden;}
}