/*** Accessibility ***/
.accessibility-wrapper {
    position: fixed !important;
    top: 27.2% !important;
    left: 0px !important;
    z-index: 99999999 !important;
    right: 0px !important;
    width: 57px;
}

.accessibility-button {
    padding: 15px 8px 19px 16px !important;
    border-radius: 0px 5px 5px 0px !important;
    background-color: #abc933 !important;
    width: auto !important;
    margin: 0 !important;
}

#colorAndFontsButtons {
    background-color: #f5f5f5 !important;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75) !important;
    width: 330px !important;
    position: absolute;
}
/***/

/*** Header ***/
header.navbar.container {
    background: #08548c;
    width: 100%;
    max-width: 100%;
    border: none;
    margin: 0;
    height: 105px;
    top: 0;
    z-index: 999;
    padding: 0;
    border-radius: 0;
    border-bottom: 4px solid #172c47;
}

.navbar-header-tools{
    margin: 0 auto;
    background-color: transparent;
    border: none;
    max-width: 1080px;
}

.navbar-header-tools .col-md-12 {
    padding: 0;
    /* width: 129%; */
}

/** logo **/

.logo-and-header-top {
    overflow: visible;
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*margin-top: 17px;*/
    margin-top: 20px;
}
/**/

/** Menu **/
.header_navigation {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-left: 1%;
    margin-top: 10px;
    border-top: none !important;
}

.secondary_nav {
    float: none !important;
}

.navbar-header {
    /*margin-top: 30px;*/
    
}

.navbar-header > .navbar-nav {
    margin-top: 5px;
    border-top: 1px solid #0e7bbb;
    margin-left: 2px;
}

.navbar-default .navbar-nav>li {
    float: left;
    margin-right: 00px;
    margin-left: 0;
    padding-top: 5px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
    font-size: 25px;
    padding: 4px 0px 3px;
    border-bottom: 5px solid rgba(117, 170, 66, 0);
}

.navbar-default .navbar-nav>li>a.active {
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #fff !important;
}

.menu-top .dropdown-menu li {
    margin: 0;
    padding: 0;
    color: #5f5f5f;
    line-height: 23px;
}

.menu-top .dropdown-menu>li>a {
    font-size: 21px;
    margin: 0;
    padding: 3px 25px;
}

.menu-top .menu-link-home a {
    background: url(/sites/all/themes/eshel/images/homapage-Iconv2.png) no-repeat 0 7px;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: none !important;
    background-size: 22px;
    width: 22px;
}
/**/

/** language menu **/

.region-navigation {
    /* float: none; */
    /* padding: 3px 10px; */
    float: left;
}

.language-menu li {
    margin: 10px 0 0 0;
    font-size: 19px;
}

.language-menu a{
    color: #b0b0b0;
    padding: 0 !important;
    z-index: 1;
}

.language-menu a:focus{
    text-decoration: underline;
}
/**/

/** Social links **/

.top_social {
    float: right;
    margin-left: 0;
    margin-right: 30px;
    margin-top: 6px;
    font-size: 18px;
    /* position: absolute; */
    right: 0;
    /* float: left; */
    top: 0;
}

.top_social span {
    float: left;
    margin-left: 16px;
}

.top_social span a {
    color: rgba(255,255,255,0.5);
}

.top_social span a:hover {
    color: #fff;
}
/**/

/** Search block **/

.region-header-top {
    margin-top: 12px;
    display: inline-block;
    width: auto;
    float: none;
    position: absolute;
    /* bottom: 30px; */
}

.navbar #block-views-exp-top-search-page {
    width: 181px;
    margin-bottom: 25px;
    /* float: right; */
}

.navbar #block-views-exp-top-search-page .input-group {
    display: block;
}

#block-views-exp-top-search-page .form-control {
    border-radius: 25px;
    height: 34px;
    font-size: 20px;
    /* background-color: #0d7bba; */
    border: none;
    /* color: #fff; */
}

#block-views-exp-top-search-page .form-control:placeholder-shown {
    /* color: #fff; */
    font-size: 20px;
    padding-left: 22px;
}

#block-views-exp-top-search-page .input-group-btn {
    position: absolute;
    top: 3px;
    right: 30px;
}

.navbar #block-views-exp-top-search-page .btn-default{
    border: none;
    padding: 0;
    position: absolute;
    left:50px;
    top: 10px;
    background: none;
    overflow: visible;
    text-indent: initial;
    font-size: 0;
}

.navbar #block-views-exp-top-search-page .views-submit-button button:before {
    color: #fff;
    font-size: 20px;
    content: "\e003";
    position: relative;
    /* top: 1px; */
    right: 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

#block-views-exp-top-search-page .form-control::-webkit-input-placeholder{
    color: #fff;
}
#block-views-exp-top-search-page .form-control:-moz-placeholder{
    color: #fff;
}
#block-views-exp-top-search-page .form-control::-moz-placeholder{
    color: #fff;
}
#block-views-exp-top-search-page .form-control:-ms-input-placeholder{
    color: #fff;
}
/**/
/***/

/*** Front page ***/
.node-type-home-page .top-wrapper-image {
    display: none;
}

.node-type-home-page .main-container.container {
    max-width: 100%;
    width: 100%;
}

.node-type-home-page .main-container.container .col-sm-12 {
    padding: 0;
}

.node-type-home-page .main-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/** slider **/
.node-type-home-page .flexslider {
    border: none;
    margin: 0;
}

.node-type-home-page .panels-flexible-region {
    width: 100%;
}

.node-type-home-page .slides li {
    position: relative;
}

.node-type-home-page .slides li .views-field-field-image {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    min-height: 500px;
}


.node-type-home-page .slides li .outter {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 42, 71, 0.7); /* #002a47 */
    padding: 20px 0 20px;
}

.node-type-home-page .slides li .outter .inner {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    /*  height: 150px;*/
}

.node-type-home-page .flexslider .views-field-field-icon {
    float: left;
}

.node-type-home-page .flexslider .views-field-field-icon img {
    width: auto;
}

.node-type-home-page .flexslider .views-field-field-body {
    margin-left: 30px;
    float: left;
    letter-spacing: 3px;
    margin-top: 20px;
}

.node-type-home-page .flexslider .views-field-field-body p {
    margin: 0;
}

.flex-pauseplay a {
    z-index: 99;
    bottom: 14px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    right: 10px;
    left: initial;
}

.flex-direction-nav a{
    width: 70px;
    height: 66px;
    text-indent: -999px;
    overflow: hidden;
    top: auto;
    bottom: 50px;
}

.flex-direction-nav a.flex-prev {
    background: url('../images/Forma2.png') no-repeat;
    left: 20px;
}

.flex-direction-nav a.flex-next {
    background: url('../images/Forma1.png') no-repeat;
    right: 14px;
}
/**/

.node-type-home-page .panel-2col-bricks .panel-separator {
    display: none;
}

/** panel col middle **/
.panel-col-middle {
    background: url('../images/search_bgv3.png') no-repeat;
    background-size: cover;
    height: 320px;
    margin-top: -10px;
    padding-top: 40px;
}

.i18n-en .panel-col-middle{
    display:none;
}

/** Search block **/
.pane-views-exp-general-search-page {
    padding: 35px 15px 12px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page {
    max-width: 1335px;
    margin: auto;
    position: relative;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .views-exposed-form {
    border: 3px solid #5eb4ed;
    border-radius: 49px;
    box-shadow: 0px 0px 5px #000;
    background: #fff;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .views-exposed-widgets {
    margin: 0;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page #edit-search-api-views-fulltext-wrapper {
    width: 78%;
    max-width: 1030px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page #edit-type-wrapper {
    border-bottom: 1px solid #d0d0d0;
    margin-top: 7px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .form-control {
    border: none;
    padding: 0 40px;
    border-radius: 49px;
    background: transparent;
    box-shadow: none;
    height: 50px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .views-exposed-form .views-exposed-widget {
    float: left;
    padding: 0;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .form-control::-webkit-input-placeholder {
    color: black;
    font-size: 30px;
    line-height:1.2;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .form-control:-moz-placeholder { /* Firefox 18- */
    color: black;
    font-size: 30px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page .form-control::-moz-placeholder {  /* Firefox 19+ */
    color: black;
    font-size: 30px;
}

.pane-views-exp-general-search-page  #views-exposed-form-general-search-page .form-control:-ms-input-placeholder {
    color: black;
    font-size: 30px;
}

.pane-views-exp-general-search-page #views-exposed-form-general-search-page button.form-submit {
    position: absolute;
    top: 8px;
    right: 30px;
    background: url('../images/search_icon_fp.png') no-repeat;
    width: auto;
    height: 40px;
    color: transparent;
    border: none;
}
#edit-submit-elastic-search{
    padding: 0;
    background: url(../images/search_icon_fp.png) no-repeat transparent!important;
    width:40px !important;
    height: 40px !important;
    color: transparent !important;
    border: none !important;
    /* background-color: transparent; */
    margin: 5px 18px;
  }
  /* .views-exposed-form{
      padding: 10px;
  } */

/**/

/** Menu icons **/
.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items {
    max-width: 900px;
    width: 98%;
    margin: 25px auto 0;
    clear: both;
    text-align: center;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item {
    display: inline-block;
    width: 200px;
    text-align: center;
    margin-right: 30px;
    min-width: 115px;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-last-of-type(1) {
    margin-right: 0;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item a {
    color: #fff;
    display: block;
    font-size: 28px;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(1) a:after {
    content: ' ';
    background: url('../images/menu-icons/courses_mo.png') no-repeat;
    background: url('../images/menu-icons/courses.png') no-repeat;
    width: 109px;
    height: 110px;
    display: block;
    margin: 8px auto 0;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(1) a:hover:after {
    background: url('../images/menu-icons/courses.png') no-repeat;
    background: url('../images/menu-icons/courses_mo.png') no-repeat;
    width: 121px;
    height: 122px;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(2) a:after {
    content: ' ';
    background: url('../images/menu-icons/books_mo.png') no-repeat;
    background: url('../images/menu-icons/books.png') no-repeat;
    width: 110px;
    height: 110px;
    display: block;
    margin: 8px auto 0;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(2) a:hover:after {
    background: url('../images/menu-icons/books.png') no-repeat;
    background: url('../images/menu-icons/books_mo.png') no-repeat;
    width: 121px;
    height: 122px;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(3) a:after {
    content: ' ';
    background: url('../images/menu-icons/movies_mo.png') no-repeat;
    background: url('../images/menu-icons/movies.png') no-repeat;
    width: 110px;
    height: 110px;
    display: block;
    margin: 8px auto 0;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(3) a:hover:after {
    background: url('../images/menu-icons/movies.png') no-repeat;
    background: url('../images/menu-icons/movies_mo.png') no-repeat;
    width: 121px;
    height: 122px;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(4) a:after {
    content: ' ';
    background: url('../images/menu-icons/60_mo.png') no-repeat;
    background: url('../images/menu-icons/60.png') no-repeat;
    width: 110px;
    height: 110px;
    display: block;
    margin: 8px auto 0;
}

.node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(4) a:hover:after {
    background: url('../images/menu-icons/60.png') no-repeat;
    background: url('../images/menu-icons/60_mo.png') no-repeat;
    width: 121px;
    height: 122px;
}
/**/
/**/

/** Icons Area **/
.node-type-home-page .field-name-field-icons-area {
    /*height: 330px;*/
    margin-top: 29px;
    margin-bottom: 78px;
}

.node-type-home-page .field-name-field-icons-area > .field-items > .field-item {
    display: inline-block;
    width: 33%;
    text-align: center;
    vertical-align: top;
    padding: 0 2%;
}

.node-type-home-page .field-name-field-icons-area > .field-items > .field-item.odd {
    border-left: 2px solid #ececec;
    border-right: 2px solid #ececec;
}

.node-type-home-page .field-name-field-icons-area > .field-items > .field-item {
    border: none;
    margin: 0;
}

.node-type-home-page .field-name-field-icon {
    display: block !important;
}

.node-type-home-page .field-name-field-icon img {
    margin: 0 auto;
}

.node-type-home-page .field-name-field-title {
    color: #2d659e;
    margin-top: 21px;
    font-size: 50px
}

.node-type-home-page .field-name-field-title:after {
    border-bottom: 3px solid #abca31;
    content: ' ';
    display: block;
    height: 10px;
    width: 120px;
    margin: 0 auto;
    margin-top: -3px;
}

.node-type-home-page .field-name-field-body {
    margin-top: 14px;
    font-size: 22px;
    line-height: 24px;
    min-height: 96px;
}

.node-type-home-page .field-collection-container,
.node-type-home-page .field-collection-view {
    border: none;
}
/**/

/** News Area **/
.news-area {
    background: url('../images/news_bg.png') no-repeat;
    background-size: cover;
    height: 780px;
}

.news-area .view-header {
    text-align: center;
    font-size: 52px;
    padding-top: 46px;
    color: #fff;
    position: relative;
}

.news-area .view-header p {
    display: inline-block;
    position: relative;
}

.news-area .view-header:before {
    content: '';
    background: url(../images/blue_stripes.png) center;
    display: inline-block;
    height: 15px;
    width: 40%;
    left: 0;
    position: absolute;
    top: 70px;
    z-index: 0;
}

.news-area .view-header:after {
    content: '';
    background: url(../images/blue_stripes.png) center;
    display: inline-block;
    height: 15px;
    width: 40%;
    right: 0;
    position: absolute;
    top: 70px;
    z-index: 0;
}

.news-area .view-content {
    max-width: 1780px;
    width: 100%;
    margin: 0 auto;
    margin-top: 58px;
    padding-bottom: 95px;
}

.news-area .view-content .views-field-field--category {
    position: absolute;
    top: -25px;
    color: #fff;
    font-size: 27px;
    text-shadow: 0 0 5px #000;
}

.news-area .view-content .views-field-field--category .cat_name {
    padding: 20px 20px;
    z-index: 1;
    position: relative;
    font-size: 30px;
}

/* arrow */
.arrow-triangle {
    position: absolute;
    top: -8px;
    left: -2px;
}

.arrow-triangle svg {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    width: 200px;
}
/**/

.news-area .view-content .col {
    padding: 0;
    max-width: 420px;
    margin-left: 25px;
}

.news-area .view-content .news-item {
    background: #fff;
    height: 550px;
    border: 1px solid #fff;
}

.news-area .views-field-field-video {
    margin-top: -10px;
}

.news-area .views-field-field-video iframe {
    height: 268px;
}

.news-area .views-field-field-title {
    margin: 31px 5% 0 5%;
    font-size: 27px;
    height: 53px;
    color: #296ca0;
    line-height: 25px;
}

.news-area .views-field-field-date {
    color: #aeaeae;
    margin-right: 5%;
    font-size: 15px;
    margin: 0 5%;
}

.news-area .views-field-field-body {
    margin-top: 9px;
    font-size: 15px;
    margin-right: 5%;
    height: 54px;
    padding-left: 5%;
}

.news-area .views-field-field-link {
    text-align: center;
    /*position: absolute;
    bottom: 39px;
    left: 0;
    right: 0;*/
    max-width: 85%;
    margin: 0 auto;
    padding-top: 50px;
}

.news-area .views-field-field-link a {
    background: #bbd35b;
    padding: 12px 46px;
    font-size: 15px;
    border-radius: 18px;
    display: block;
}
/**/

.node-type-home-page .panel-col-first,
.node-type-home-page .panel-col-last {
    display: none;
}

/** Gifs Area **/
.gifs-area {
    background: url(../images/bg-trip-dna.png) no-repeat;
    padding-top: 75px;
    padding-bottom: 147px;
}

.gifs-area .view-header {
    color: #4a4a4a;
    text-align: center;
    font-size: 52px;
    padding-top: 32px;
    position: relative;
    border: none;
}

.gifs-area .view-header p {
    display: inline-block;
    position: relative;
}

.gifs-area .view-header:before {
    content: '';
    background: url(../images/grey_stripesv2.png) center;
    display: inline-block;
    height: 15px;
    width: 40%;
    left: 0;
    position: absolute;
    top: 60px;
    z-index: 0;
}

.gifs-area .view-header:after {
    content: '';
    background: url(../images/grey_stripesv2.png) center;
    display: inline-block;
    height: 15px;
    width: 40%;
    right: 0;
    position: absolute;
    top: 60px;
    z-index: 0;
}

.gifs-area .view-content {
    max-width: 1060px;
    margin: 0 auto;
    width: 100%;
    margin-top: 65px;
    text-align: center;
    float: none;
}


.gifs-area .view-content .col:nth-of-type(2) .views-field-field-gif .field-content,
.gifs-area .view-content .col:nth-of-type(3) .views-field-field-gif .field-content {
    display: inline-block;
}

.gifs-area .view-content .views-field-field-gif {
    height: 192px;
}

.gifs-area .view-content .views-field-field-gif img {
    border-radius: 999px;
    margin: 0 auto;
}

.views-field-field-line-1 {
    text-align: center;
    margin-top: 25px;
    font-size: 33px;
    letter-spacing: -2px;
}

.views-field-field-line-2 {
    margin-top: 18px;
    font-size: 33px;
}
/**/

.node-type-home-page .panel-separator {
    display: none;
}
/***/

/*** Footer ***/
.footer {
    background: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

.footer-wrapper {
    margin: 0;
    max-width: none;
    overflow: auto;
}

.region-footer {
    overflow: auto;
    border-bottom: none;
    padding: 0;
}

.footer .region-footer-top {
    background: url(../images/socialBG.png) no-repeat;
    height: 126px;
}

.footer_social a {
    background: none;
}

.social_buttons_footer .footer_social {
    text-align: right;
    margin-top: 45px;
}

.social_buttons_footer em {
    color: #fff;
    font-style: normal;
    margin-right: 4%;
}

.f_b {
    margin-left: 1.4%;
    margin-right: 0;
}


.ppt {
    margin-top: 33px;
    float: right !important;
}

.social_buttons_footer .ppt a {
    color: #fff;
    background: url(../images/ppt.png) no-repeat;
    height: 61px;
    width: 375px;
    padding-left: 40px;
    padding-top: 18px;
    display: block;
}

.footer_links {
    text-align: center;
    margin-top: 19px;
    margin-bottom: 20px;
}

.footer_links li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}

.footer_links li a {
    color: #366996;
}

.contact-us {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #b0b0b0;
    float: none;
    clear: both;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 33px;
}

.footer_contact {
    margin-top: 45px;
}
.footer_address .description ,.footer_pob  .description ,.footer_phone  .description ,.footer_fax  .description{
    margin-left: 14px;
}
.footer_address {
     display: flex;
     margin: 10px auto;
}
.footer_pob {
    display: flex;
    margin: 10px auto;
}

.footer_phone {
    display: flex;
    margin: 10px auto;
}

.footer_fax {
    display: flex;
    margin: 10px auto;
}

.footer_portal {
    height: 30px;
    padding-top: 8px;
    padding-left: 65px;
    margin-top: 8px;
}

.footer_portal a {
    color: #000;
}

.fb_like {
    float: right;
    padding: 0 !important;
    border: 11px solid #fff;
    margin-top: 44px;
}

.fb_like iframe {
    width: 100%;
}

.region-footer-bottom {
    margin: 0 auto;
    max-width: 1030px;
}

.footer_legal_rights {
    text-align: left;
    margin-top: 11px;
}

.footer_logo {
    text-align: center;
    margin-bottom: 30px;
}
/***/

.node-type-views-pages h1 {
    display: none;
}

.page-node-25947 #block-views-programs-block:after {
    display: none;
}

.page-node-25947 #block-views-programs-block .row:after {
    display: none;
}

#block-block-63 {
    margin-top: 10px;
    padding-right: 0;
}

@media screen and (max-width:1780px) {

    /*** Front page ***/
    .node-type-home-page .main-container.container {
        padding: 0;
    }

    .node-type-home-page .row {
        margin: 0;
    }

    /** Search block **/
    #views-exposed-form-general-search-page #edit-search-api-views-fulltext.form-control {
        padding: 15px 40px 15px;
    }

    #views-exposed-form-general-search-page button.form-submit {
        background-size: 25px;
    }

    .pane-views-exp-general-search-page #views-exposed-form-general-search-page #edit-type-wrapper {
        margin-top: -5px;
    }

    #views-exposed-form-general-search-page #edit-type.form-control {
        padding: 6px 12px;
    }
    /**/

    /** slider **/


    .node-type-home-page .slides li .outter {
        padding: 10px 0 10px;
    }

    .node-type-home-page .slides li .outter .inner {
        height: 120px;
    }

    .node-type-home-page .flexslider .views-field-field-body {
        letter-spacing: 1px;
        line-height: 26px;
        margin-top: 30px;
    }

    .node-type-home-page .flexslider .views-field-field-icon img {
        width: 75%;
        margin: 0 auto;
        max-width: 152px !important;
        height: auto;
    }
    /**/

    /** News Area **/
    .news-area .view-content .col {
        padding: 0 5px !important;
        margin: 0 0px !important;
    }

    .news-area .views-field-field-title {
        height: 80px;
    }
    /**/

    /** Gifs Area **/
    .gifs-area {
        background-size: cover;
    }
    /**/
    /***/
}

@media screen and (max-width:1400px) {

    /*** Front page ***/
    .node-type-home-page .main-container.container {
        padding: 0;
    }

    .node-type-home-page .row {
        margin: 0;
    }

    .flexslider .slides img {
        height: auto !important;
        width: 100% !important;
        right:auto !important;
        left:auto !important;
        position: static !important;
    }


    .node-type-home-page .slides li .views-field-field-image {
        overflow: hidden;
        height: 300px;
        min-height: 300px;
    }

    /** News Area **/
    .news-area .view-content .col {
        padding: 0 5px !important;
        margin: 0 !important;
    }

    .news-area .views-field-field-title {
        height: 80px;
    }
    /**/

    /** Gifs Area **/
    .gifs-area {
        background-size: cover;
    }
    /**/

    .gifs-area .view-header:before,
    .gifs-area .view-header:after {
        width: 35%;
    }
    /***/
}

@media screen and (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 24px;
    }

    .node-type-home-page .slides li .outter {
        padding: 12px 0 12px;
    }

    .node-type-home-page .slides li .outter .inner {
        max-width: 830px;
        height: auto;
    }

    .node-type-home-page .flexslider .views-field-field-icon img {
        width: 64%;
        margin: 0 auto;
    }

    .node-type-home-page .flexslider .views-field-field-body {
        margin-right: -8px;
        margin-top: 25px;
        line-height: 20px;
    }

    .node-type-home-page .flexslider .views-field-field-body p:nth-of-type(1) span {
        font-size: 27px !important;
    }

    .node-type-home-page .flexslider .views-field-field-body p:nth-of-type(2) span {
        font-size: 22px !important;
        margin-top: 3px;
        display: inline-block;
    }

    .news-area .view-content .col {
        margin: 0 !important;
    }

    .gifs-area .view-header:before,
    .gifs-area .view-header:after {
        width: 35%;
    }

    .news-area .view-content .views-field-field--category .cat_name {
        padding: 15px 20px;
        font-size: 25px;
    }

    .arrow-triangle svg {
        width: 232px;
        height: auto;
    }
}

@media screen and (max-width:1024px) {
    /*** Header ***/
    /** logo **/
    .navbar .logo {
        margin-left: 15px;
    }

    .logo img {
        width: 120px;
    }
    /**/

    /** Menu **/
    .header_navigation {
        margin-left: 1%;
    }

    .navbar-default .navbar-nav>li {
        margin-right: 20px;
    }
    /**/
    /***/

    /*** Front page ***/
    /** slider **/
    .node-type-home-page .flexslider .views-field-field-icon {
        width: 20%;
    }

    .node-type-home-page .slides li .outter .inner {
        height: auto;
    }

    .node-type-home-page .flexslider .views-field-field-icon img {
        width: 50%;
        margin: 0 auto;
    }

    .node-type-home-page .flexslider .views-field-field-body {
        margin-top: 30px;
    }

    .node-type-home-page .flexslider .views-field-field-body span {
        font-size: inherit !important;
    }
    /**/

    .node-type-home-page .field-name-field-body {
        min-height: 120px;
    }

    /** News Area **/
    .news-area .view-content .col {
        width: 25%;
        float: left;
        margin: 0;
    }

    .news-area .view-content .views-field-field--category {
        width: 98%;
    }

    .news-area .view-content .views-field-field--category .cat_name {
        padding: 6px 15px;
    }

    .arrow-triangle {
        width: 100%;
        top: -24px;
    }

    .arrow-triangle svg {
        width: 100%;
    }
    /**/

    /** Gifs Area **/
    .gifs-area .col {
        width: 33%;
        float: left;
    }
    /**/
    /***/
}

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


    .navbar-default .navbar-nav>li>a {
        color: #005B97 !important;
    }
    /*** Accessibility ***/
    .accessibility-wrapper {
        position: absolute !important;
        left: 0px !important;
        z-index: 9999 !important;
        right: 0px !important;
        width: 100% !important;
        top: 10px !important;
    }

    .accessibility-button {
        width: 40px !important;
        height: 40px !important;
        position: absolute !important;
        right: 75px !important;
        left: auto !important;
        padding: 10px !important;
        border-radius: 5px !important;
    }

    #colorAndFontsButtons {
        top: 73px !important;
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
    }
    /***/


    /*** Header ***/
    .navbar-header-logo {
        float: left;
    }

    .region-header-top {
        display: none;
    }

      .header-top-mobile {
        padding-left: 15px;
      }
  
    .header-top-mobile .region-header-top {
        display: block;
        float: none;
        width: 100%;
        margin: 12px 0;
        position: relative;
    }

    .navbar .navbar-toggle {
        display: block;
    }

    .navbar #block-search-form {
        width: 102%;
        float: none;
    }

    .navbar-default .navbar-nav>li {
        color: #174d7c;
        clear: both;
        width: 100%;
    }

    .navbar-default .navbar-nav>li a {
        color: inherit;
        float: left;
        width: 45% !important;
        background-color: transparent;
        color: #174d7c;
        padding: 10px 15px;
    }

    .container>.navbar-collapse li .arrow-sub-menu {
        width: 45%;
    }

    .container>.navbar-collapse li .arrow-sub-menu.Opened {
        position: absolute;
        left: 41px;
    }
    /***/

    /*** Front page ***/
    /** slider **/
    .node-type-home-page .flexslider .slides {
        height: initial;
    }

    .node-type-home-page .slides li .views-field-field-image {
        overflow: hidden;
        height: 150px;
        min-height: 150px;
    }

    .node-type-home-page .slides li .views-field-field-image img {
        /*height: 265px;
        width: auto;
        max-width: none;
        position: relative;
        right: 0;
        left: 0;*/
    }

    .node-type-home-page .slides li .outter {
        padding: 0;
    }

    .node-type-home-page .flexslider .views-field-field-body span {
        font-size: inherit !important;
    }

    .node-type-home-page .flexslider .views-field-field-icon img {
        height: auto;
        position: inherit;
        margin-top: 13px;
        margin-bottom: 10px;
    }
    /**/

    /** Icons Area **/
    .node-type-home-page .field-name-field-icons-area {
        height: auto;
    }

    .node-type-home-page .field-name-field-icons-area > .field-items > .field-item {
        width: 100%;
    }

    .node-type-home-page .field-name-field-icons-area > .field-items > .field-item.odd {
        border-top: 2px solid #ececec;
        border-bottom: 2px solid #ececec;
        border-left: none;
        border-right: none;
    }
    /**/


    /** News Area **/
    .news-area {
        height: auto;
    }

    .node-type-home-page .panel-col-middle {
        height: auto;
    }

    .news-area {
        padding-bottom: 0;
    }

    .pane-node-field-news-area-title:before,
    .pane-node-field-news-area-title:after {
        width: 30% !important;
    }

    #panels-ipe-paneid-7 .pane-front-magazine {
        padding: 0;
    }

    .news-area .view-content .col {
        width: 100%;
        float: none;
        margin:0 auto 50px !important;
    }

    .node-type-home-page .panel-col-middle .pane-front-page-elements .view-content .views-field-field--category .cat_name {
        padding: 10px;
        font-size: 20px;
    }

    .arrow-triangle {
        width: auto;
        top: -8px;
    }

    .arrow-triangle svg {
        width: 192px;
        height: 70px;
    }
    /**/

    /** Gifs Area **/
    .gifs-area .view-header:before,
    .gifs-area .view-header:after {
        width: 25%;
    }

    .gifs-area .col {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .gifs-area .view-content .col:nth-of-type(2) .views-field-field-gif:before,
    .gifs-area .view-content .col:nth-of-type(3) .views-field-field-gif:before {
        display: none;
    }
    /**/
    /***/

    /*** Footer ***/
    .footer .region-footer-top {
        background-repeat: repeat;
        padding-top: 20px;
        background-size: contain;
    }

    .social_buttons_footer .footer_social {
        margin-top: -12px;
    }

    .footer_contact div {
        text-align: left;
    }

    .ppt {
        margin-top: 12px;
        width: 100%;
    }

    .social_buttons_footer .ppt a {
        max-width: 100%;
        width: 100%;
        background-size: contain;
    }

    .fb_like {
        float: none;
        margin: 44px 15px;
        overflow: hidden;
    }
    /***/
    /***/

    /*** node-type-course ***/
    .node-type-course .top-wrapper-image {
        display: none;
    }

    .node-type-course .main-title {
        text-align: center;
    }

    .node-type-course .group_more .field-collection-container {
        width: 100%;
        height: auto;
    }

    .node-type-course .group_more .field-collection-container:before {
        border-top-color: #ececec;
        border-right-color: transparent;
        top: 108%;
        right: 50%;
    }

    .node-type-course .group-institute-details .field-label-inline .field-label,
    .node-type-course .group--description  .field-label-inline .field-label {
        width: 100px;
    }

    .node-type-course .group-institute-details .field-name-field-professionalism-employment {
        width: 55px;
        height: 55px;
        background-size: 100%;
    }

    .node-type-course .field-name-field-additional-dates .field-name-field-add-date-date {
        margin-right: 10px;
    }

    .node-type-course .field-name-field-additional-dates .field-type-datetime .date-display-single {
        margin-left: 5px;
    }

    .field-name-field-link-to-reg {
        margin-left: 0;
    }
    /***/

    /*** view-courses ***/
    .page-courses #block-views-exp-courses-page,
    .page-calendar  #block-views-exp-courses-page {
        margin-top: 50px;
    }

    .page-courses .col-sm-9,
    .page-calendar .col-sm-9 {
        width: 100%;
    }


    /***/
}

@media screen and (max-width: 550px){
    /*.node-type-home-page .slides li .views-field-field-image img {
        transform: translateX(49%);
    }*/

    .node-type-home-page .flexslider .views-field-field-icon {
        width: auto;
    }

    .node-type-home-page .flexslider .views-field-field-body {
        width: 60%;
        margin: 40px 0 -8px 0 !important;
    }

    .node-type-home-page .flexslider .views-field-field-body p:nth-of-type(1) span {
        font-size: 21px !important;
    }

    .node-type-home-page .flexslider .views-field-field-body p:nth-of-type(2) span {
        font-size: 17px !important;
    }

    .flex-pauseplay a {
        width: 24px;
        height: 24px;
        bottom: 7px;
        padding-top: 1px;
    }

    .pane-views-exp-general-search-page #views-exposed-form-general-search-page #edit-search-api-views-fulltext-wrapper {
        width: 60%;
    }

    .pane-views-exp-general-search-page #views-exposed-form-general-search-page #edit-type-wrapper {
        width: 21%;
    }

    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item a {
        font-size: 15px;
    }

    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item {
        width: 24%;
        margin: 0 1px 30px;
    }

    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(1) a:after,
    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(2) a:after,
    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(3) a:after,
    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item:nth-of-type(4) a:after {
        height: 55px;
        background-size: 50%;
        background-position: center;
    }
}

@media screen and (max-width: 380px){

    .node-type-home-page .flexslider .views-field-field-body {
        width: 50%;
    }

    .news-area .view-header:before,
    .news-area .view-header:after {
        width: 20%;
    }

    .gifs-area .view-header:before,
    .gifs-area .view-header:after {
        width: 7%;
    }

    .node-type-home-page .pane-node-field-icons-menu .field-name-field-icons-menu > .field-items > .field-item {
        width: 20%;
        margin: 0 1px 30px;
    }

    #views-exposed-form-general-search-page .form-control::-webkit-input-placeholder {
        color: black;
        font-size: 20px;
        line-height:1.2;
    }

    #views-exposed-form-general-search-page .form-control:-moz-placeholder { /* Firefox 18- */
        color: black;
        font-size: 20px;
    }

    #views-exposed-form-general-search-page .form-control::-moz-placeholder {  /* Firefox 19+ */
        color: black;
        font-size: 20px;
    }

    #views-exposed-form-general-search-page .form-control:-ms-input-placeholder {
        color: black;
        font-size: 20px;
    }
}

/* fix position of title on search page */
body.page-general-search h2 {
    margin: 0px;
}

.not-front.page-help .page-content .main-title {
    display: none;
}
.help-right-menu {
    margin-bottom: 30px;
}
.help-right-menu .help-right-menu--title {
    font-size: 24px;
    font-weight: bold;
    font-family: Assistant, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
.help-right-menu ul {
    padding: 0;
}
.help-right-menu ul li {
    font-size: 20px;
    padding: 9px 0 0 0;
    list-style: none;
}
.help-right-menu ul li::marker {
    display: none;
}
.view.view-list-help.view-id-list_help.list-help-menu-right .views-field-title {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}
.view.view-list-help.view-id-list_help.list-help-menu-right .views-field-title span {
    font-weight: normal;
}
.help-menu-right li a {
    font-family: 'Assistant', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #10558a;
}
.help-menu-right li a.active {
  font-weight: 600;
}
.help-menu-right li a:hover {
    font-weight: 600;
}
body.node-type-help-node .page-content {
    padding-top: 20px;
}
body.page-help-list-help .page-content {
    padding-top: 5px;
}