@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

html, body{
	overflow-x: hidden; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Concert One', cursive;
    color: #0f6558;
    text-transform: inherit; 
}
h1{
    font-size: 36px; 
}
a{
    border-bottom: none;
}
a:hover, a:focus{
    border-bottom: none;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
    color: #0f6558 !important;
}
h3{
    margin: 20px 0; 
    font-size: 25px;   
}
label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #778c9d;
    font-size: 14px; 
    line-height: 22px; 
    font-family: 'Open Sans', Arial, sans-serif;
}
#header{
    background-color: #0f6558 !important;
    background-image: unset !important;
    border-bottom: 30px solid #ffffff; 
}
#header .layout-container{
   max-width: 100% !important;
}
.region-secondary-menu{  
    width: 100%;
    position: relative;    
    background: #fff;
}
.header h2{
	margin: 0;
    background: #3d9f88;
    padding: 0 18px;
    height: 45px;
    z-index: 1;
    font-size: 13px;
    color: #fff;
    min-width: 6.8rem;
    line-height: 45px;
    position: relative; 
    text-align: center;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal; 
    text-transform: capitalize; 
}
.header h2:before {
    content: "";
    width: 25px;
    height: 45px;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: -25px;
}
.header h2:after {
    content: "\00A0";
    width: 0;
    height: 0;
    border-width: 8px 6px;
    border-color: transparent transparent transparent #3d9f88; 
    display: block;
    border-style: solid;
    position: absolute;
    top: 15px;
    right: -12px;
}
.block-views-blockblock-content1-block-6{
	display: flex;
	flex-wrap: nowrap;
    align-items: center;
	max-width: 1140px;   
	margin: auto;
	overflow: hidden;
    width: 100%;
    padding: 0 15px;
}
#block-views-block-block-content1-block-6 .content{
    overflow: hidden; 
}
.header .item-list ul{
	position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
   /* -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 40s linear infinite; */
    display: -webkit-inline-box;
    align-items: center;
    flex-wrap: nowrap;
    max-height: 45px;
}
@-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            } 
}
.header .item-list ul li{
    padding: 0 ; 
    margin: 0;
}
.header .item-list ul li a{
    padding: 0 10px; 
    margin: 0;
    border-right: 1px solid #ccc;   
}
.region-primary-menu .menu li.menu-item.menu-item--expanded ul.menu > .menu-item--expanded {
    position: relative;
}
.region-primary-menu .menu li.menu-item.menu-item--expanded ul.menu > .menu-item--expanded::before {
    content: '+ ';
    position: absolute;
    font-size: 20px;
    top: 3px;
    left: 19px;
    color: #006559;
}
.region-header {
    padding: 26px 0 !important;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
}
.region-header .site-branding{
    margin: 0 !important;
}
.site-branding__text{
    display: flex !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center;
}
.site-branding__name a{
    font-weight: 500;
}
.site-branding__slogan{
    border-left: 1px solid #fcfcfc;
    margin-left: 15px;
    color: #fff;
    font-size: 18px !important;
    padding: 40px 15px;
    margin-top: 0 !important; 
    font-style: normal !important;
    font-family: 'Concert One', cursive !important;
    line-height: 21px;
}
.search-form .form-search{
    border-radius: 0;
    border: 1px solid #d7d7d7;
    background: #fff;
    display: block;
    height: 34px;
    font-size: 14px;
    width: 186px;
    border: none;
    outline: none;
    outline-offset: 0; 
    padding: 6px 15px !important;
    margin-right: 0 !important;
    font-family: 'Open Sans', Arial, sans-serif;   
}
.region-header .search-block-form{
    position: relative;
}
.button.search-form__submit, .search-form__submit{
    height: 34px !important;
    line-height: 34px ;
    width: 34px !important; 
    border: none !important;
    border-radius: 0 !important;
    margin: 2px 0 0 !important;
    background-color: #ffffff !important;
    outline: none;
    outline-offset: 0;  
}
.form-actions.js-form-wrapper.form-wrapper{
    position: relative;
    /*top: 0px;
    right: 0px; */ 
}
.search-form .form-search:focus-visible,
.search-form .form-search:focus,
.search-form .form-search:visited,
.search-form .form-search:focus-within{
    border: none;
    outline: none;
    outline-offset: 0; 
}
.form-actions {
    padding-top: 0 !important;
}
.header .item-list ul li span{
    color: #778c9d !important;
}
.header .item-list ul li b{
    color: #2e2e2e !important; 
}
.header nav.block .content {
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 3px 3px 0 0;
    display: block;
    margin-bottom: 0;
    min-height: 36px;
}
.region-primary-menu .menu a {
    color: #222222 !important;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase; 
    font-family: 'Concert One', cursive;
    font-weight: normal;
    padding: 0 12px !important;
    position: relative; 
    margin-top: 0 !important;
    line-height: 1.42857143; 
}
.region-primary-menu .menu a:hover {
    color: #0f6558 !important;
}
.region-primary-menu .menu li.menu-item.menu-item--expanded a {
    padding-right: 22px !important;
}
.region-primary-menu .menu li.menu-item.menu-item--expanded a::after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\f078";
    font-size: 11px;
    margin-left: 5px;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
}
.region-primary-menu .menu-item {
    position: relative;
}
#header .region-primary-menu .menu-item > .menu >li.menu-item {
    margin: 0;
    width: 100%;
    padding: 0;
}
#header .region-primary-menu .menu-item > .menu >li.menu-item> a {
    border-bottom: 1px solid #d7d7d7;
    padding: 8px 22px !important;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    font-family: 'Open Sans', Arial, sans-serif;
}
#header .region-primary-menu .menu-item > .menu >li.menu-item> a::after {
    display: none;
}
.region-primary-menu .menu-item ul .menu{
    display: none; 
}
#header .region-primary-menu .menu-item > .menu >li.menu-item:last-child a {
    border-bottom: 0;
}
.social-icons-header ul li a,
#page-wrapper .featured-bottom .social-icons ul li a{
    width: 32px;
    height: 32px;
    display: block;
    background: #004088;
    border-radius: 100%;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff !important;
   border-bottom: 0;
}
.social-icons-header ul li a:hover,
#page-wrapper .featured-bottom .social-icons ul li a:hover {
    background-color: #eee !important;
    color: #2e2e2e !important;
}
.social-icons-header ul li:last-child a,
#page-wrapper .featured-bottom .social-icons ul li:last-child a{   
    background: #3397c3;   
}
#page-wrapper .featured-bottom .social-icons ul li:last-child a {
    margin-left: 5px;
}
#page-wrapper .featured-bottom .social-icons ul {
    display: flex;
}
.social-icons-header ul{
    display: flex;
    margin-right: 15px !important; 
}
.social-icons-header ul li{
    margin: 0 3px; 
} 
#header .site-branding__name {
    font-family: 'Concert One', cursive;  
    font-size: 36px; 
    font-weight: 400;
}
.region-primary-menu ul.menu {
    padding-top: 12px !important;
}
div#block-tecmag-tecmag-block-7 {
    float: left;
    width: 62.66%;
    margin-bottom: 30px;
    padding-right: 15px;
}
.block-views-blockblock-content1-block-4 {
    float: left;
    width: 33.33%; 
    padding-left: 15px;
}
.news-scroll ul.newsticker figure {
    margin: 0;
    text-align: left;
}
.news-scroll ul.newsticker figure img {
    max-width: inherit;
}
.news-scroll ul.newsticker li>div,
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>div{
    position: relative;
    overflow: hidden;
    min-height: 43px;
    margin-bottom: 25px;
}
.news-scroll ul.newsticker li>div>h3 {
     position: absolute;
     bottom: 6px;
    font-size: 14px;
    padding: 8px 12px;
    line-height: 22px;
    margin: 0;
    background: rgba(40,40,40,.7);
    font-family: 'Concert One', cursive;
    color: #fff;
    text-align: left;
}
.news-scroll ul.newsticker li>div>h3>a {
    color: #fff;
    text-decoration: none;
    border:0;
}
.view-display-id-block_4 > .view-header, 
.view-display-id-block_4 > .view-content {
    float: left;
    width: 42%;
    padding: 0 15px;
    position: relative;
}
.news-scroll ul.newsticker li>div .tag-style-2 {
    transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
}
.news-scroll ul.newsticker li>div .tag-style-1 p, .news-scroll ul.newsticker li>div .tag-style-2 p,
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 .tag-style-1 p {
    background: #cfb53b;
    font-size: 13px;
    padding: 6px 8px;
    display: inline-block;
    color: #fff;
    font-family: 'Concert One', cursive !important;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 10px;
}
.news-scroll ul.newsticker li .post-thumbnail-1:hover .tag-style-2, 
.news-scroll ul.newsticker li .post-thumbnail-2:hover .tag-style-2, 
.news-scroll ul.newsticker li .post-thumbnail-3:hover .tag-style-2 {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.news-scroll .item-list .tickercontainer ul.newsticker{
    width:100% !important;
}

/*footer css*/
.featured-bottom .view-display-id-block_8 {
    position: relative;
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top {
    position: absolute;
    top: -50px;
    right: 0;
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span > a {
    position: relative;
    border: 0;
    color: #fff;
    visibility: hidden;
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span > a:hover{
    color: #cfb53b;
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span.views_slideshow_controls_text_previous > a::before {
    content: "\f053";
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span.views_slideshow_controls_text_next > a::before {
    content: "\f054";
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span > a::before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;    
    font-size: 15px;   
    vertical-align: middle;
    visibility: visible;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}
.featured-bottom .view-display-id-block_8 .views-slideshow-controls-top span {
    width: 28px;
    display: block;
    line-height: 0;
    height: 16px;
}
.views-slideshow-controls-top .views_slideshow_controls_text {
    display: flex;
    justify-content: center;
    align-items: center;
}
#views_slideshow_controls_text_pause_block_home_content-block_8 {
    display: none;
}
#page-wrapper .featured-bottom {
    background: #0f6558;
    color: #fff;
    padding-top: 30px;
}
#page-wrapper .featured-bottom h2 {
    margin-bottom: 18px;
    text-align: left;
    color: #fff;
    text-shadow: none;
    font-size: 36px;
    line-height: 1em;
    font-family: 'Concert One', cursive;
    margin-top: 0;
}
#page-wrapper .featured-bottom p {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    color: #ffffff;
}
#page-wrapper .featured-bottom h2 span {
    color: #f0d64e !important;
}
#page-wrapper .featured-bottom p a {
    color: #fff;
    border: 0;
}
#page-wrapper .featured-bottom p a>svg {
    color: #f0d64e;
    margin-right: 16px;
    padding-right: 0 !important;
}
#block-footercolumbabout-2 {
    border: 0;
    padding: 0 20px 0 0;
    margin: 0;
}
#page-wrapper .featured-bottom p:last-child {
    margin-bottom: 0;
}
#page-wrapper .featured-bottom .post-list figure {
    margin: 0 20px 0 0;
    float: left;
    overflow: hidden;
}
#page-wrapper .featured-bottom .post-list .meta-tags svg {
    color: #f0d64e;
    font-size: 14px;
    margin-right: 6px;
}
#page-wrapper .featured-bottom .post-list .meta-tags span {
    font-size: 11px;
    margin-right: 10px;
}
#page-wrapper .featured-bottom .post-list li h4 {
    font-size: 22px;
    font-family: 'Concert One', cursive;
    margin:0;
}
#page-wrapper .featured-bottom .post-list li h4 a {
    color: #fff;
    border: 0;
}
#page-wrapper .featured-bottom .post-list .meta-tags {
    line-height: 14px;
    margin-bottom: 8px;
}
#page-wrapper .featured-bottom .post-list li {
    border-bottom: 1px solid #444;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
#page-wrapper .featured-bottom p a:hover,
#page-wrapper .featured-bottom .post-list li h4 a:hover {
    color: #cfb53b;
}
a {
    transition: .35s;
}
footer.site-footer {
    background: #3d9f88;
    color: #f0d64e;
    padding: 30px 0;
}
footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div,
footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div p {
    display: flex;    
    align-items: center;
    font-size: 14px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #f0d64e;
    margin: 0;
}
div#block-copyright {
    margin: 0;
    padding: 0;
    border: 0;
}
footer.site-footer .site-footer__top .region {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div p a {
    color: #fff !important;
    border: 0;
    margin-left: 5px;
}
footer.site-footer .menu {
    padding-bottom: 0;
}
footer.site-footer .menu li {
    display: inline-block;    
}
footer.site-footer .menu li a {
    font-size: 14px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #f0d64e !important;
    border: 0;
    padding: 0;
    display: block;
    margin-left: 45px;
}
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 figure {
    margin: 0;
}
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 h3 {
    background: rgba(40,40,40,.7);
    bottom: 25px;
    font-size: 20px;
    width: 100%;
    position: absolute;
    margin: 0;
    font-family: 'Concert One', cursive;
    padding: 16px;
    line-height: 25px;
}
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 h3 a {
    color: #fff;
    border:0;
}
.view-id-block_home_content.view-display-id-block_8 .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 .meta-tags {
    background: rgba(40,40,40,.7);
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 14px 0 14px 20px;
    width: 100%;
    position: absolute;    
}
.views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 .meta-tags span>svg {
    color: #f0d64e;
    font-size: 14px;
    margin-right: 6px;
}
.views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 .meta-tags span {
    font-size: 11px;
    margin-right: 20px;
}
.views_slideshow_cycle_slide {
    width: 100% !important; 
}
#header .layout-container .layout-main {
    max-width: 100%; 
}
#header .layout-container .region-header,
#header .layout-container .region-primary-menu{ 
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
.block-views-blockblock-content1-block-4 ul.newsticker {
    margin: 0;
}
.block-views-blockblock-content1-block-4 ul.newsticker li {
    padding: 0;
}
.path-frontpage .layout-main-wrapper.layout-container{
    background: #f4f4f4; 
    margin: 30px 0 0;
    padding: 14px 0 0;
    max-width: 1170px !important;  
    margin: auto;
    position: relative;

}

.burger-menu a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px;
}
.burger-menu a.meanmenu-reveal {
    width: 76px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    border: 0;
}
.burger-menu .openmenucontent {
    float: left;
    opacity: 0;
}
.burger-menu .menuburger-content {
    margin-left: 55px;
}
a.meanmenu-reveal.meanclose {
    display: none;
    text-align: right;
    padding-right: 25px;
}
/*inner pages*/
.block-page-title-block .page-title {
    font-family: 'Concert One', cursive;
    color: #0f6558;
    border-bottom: 3px solid #bdbdbd;
    padding-bottom: 24px;
    margin-bottom: 24px;
    font-size: 36px;
}
.region.region-breadcrumb {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin: 30px 15px 30px;
    padding: 5px 0;
}
.path-frontpage .block-page-title-block .page-title {    
    color: #0f6558;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.breadcrumb ol li a {
    color: #797979;
    font-size: 13px;
    font-family: 'Open Sans', Arial, sans-serif;
    border: 0;
}
.node--type-book .field--type-text-with-summary>p {
    color: #778c9d;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin-bottom: 0;
}
.book-navigation ul li a {
    color: #2e2e2e;
    border: 0;
    font-family: 'Open Sans', Arial, sans-serif;
}
.book-navigation .menu {
    padding-top: 1em;
    padding-bottom: 0;
    padding-left: 42px;
    margin-bottom: 10px;
}

.sidebar h2{
    font-size: 36px !important; 
    margin: 0 0 24px 0 !important;  
    font-family: 'Concert One', cursive;  
    color: #0f6558; 
    border-bottom: 3px solid #bdbdbd !important;
    min-height: 50px;
    padding: 0 !important;  
}
.menu-item a{
    color: #2e2e2e !important; 
}
.menu-item a{
    border: none;
    font-family: 'Open Sans', Arial, sans-serif; 
    font-size: 14px;
}
.sidebar .block{
    background-color: transparent !important;
    border: none !important;
} 
.sidebar ul.menu{
   margin: 0 !important;
   padding: 0 !important;  
}
.sidebar .block{
    margin: 0;
    padding: 0 20px;
}
.sidebar .menu{
    margin-bottom: 10px; 

}
.sidebar .menu-item--collapsed {
    list-style-type: none !important;
    list-style-image: none !important;
} 
.sidebar .menu-item--expanded {
    list-style-type: none !important;
    list-style-image: none !important; 
    display: block;
    margin-bottom: 10px;
}
.sidebar .menu-item a{
    margin-bottom: 10px !important;
    display: block;
}
.sidebar .menu-item a:hover,
.sidebar .menu-item a:focus{
   margin-bottom: 10px !important;
   display: block; 
   color: #cfb53b !important; 
}  

.node--type-book p.rtecenter , .node--type-page .field--type-text-with-summary p.rtecenter, .node--type-book p.rtecenter , .node--type-page .field--type-text-with-summary div.rtecenter{
    text-align: center;
}
.node--type-book p , .node--type-page .field--type-text-with-summary p.rtecenter, .node--type-page .field--type-text-with-summary p, .node--type-page .field--type-text-with-summary div.rtecenter{  
    color: #778c9d;
    margin-bottom: 0;
}
.sidebar .block{
    padding: 0 !important; 
} 
.sidebar .block{
    margin-bottom: 0 !important;  
}
.node--type-book .caption > figcaption {  
    border: 0;
    background: transparent;
    font-size: 14px;
    color: #778c9d;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: 0;
}
.node--type-book .caption {
    border: 0;
    background: transparent;
} 
.menu-item.menu-item--expanded.menu-item--active-trail a{
    margin-bottom: 0 !important;
}
.node--type-book .caption img {
    border: 0;
    padding: 0;
}
.node--type-book .field--type-text-with-summary>p span a, .node--type-page .field--type-text-with-summary span a{
    color: #2e2e2e;
    border: 0;
}
.node--type-book .field--type-text-with-summary>p span a:hover, .node--type-page .field--type-text-with-summary span a:hover { 
    color: #cfb53b;    
}
.book-navigation .menu {
    border-top: 1px solid #888 !important;
}
.book-navigation .book-pager{
    border-top: 1px solid #888 !important;
    border-bottom: 1px solid #888 !important; 
}
.node--type-book .field--type-text-with-summary .rtecenter span, .node--type-book .field--type-text-with-summary div span {
    color: #778c9d;
   /* font-family: 'Open Sans', Arial, sans-serif;*/
}
.node--type-book .field--type-text-with-summary p a{
    color: #2e2e2e;
    border: none;
}
.node--type-book .field--type-text-with-summary p a:hover{
    color: #cfb53b; 
}
.node--type-book .field--type-text-with-summary .rtecenter {
    text-align: center;  
} 
.node--type-page .field--type-text-with-summary table td, .node--type-book .field--type-text-with-summary table td {
    border: 0;
    background: transparent;
    padding: 0;
}
.node--type-page .field--type-text-with-summary table, .node--type-book .field--type-text-with-summary table {
    border: 1px solid grey;
    background-color: transparent;
    margin-bottom: 0;  
}
.node--type-page .field--type-text-with-summary table table, .node--type-book .field--type-text-with-summary table table{
    border: none;
}

.node--type-page .field--type-text-with-summary table tr, .node--type-book .field--type-text-with-summary table tr {
    background-color: transparent;
    border-color: grey;
} 
.node--type-page .field--type-text-with-summary p.rtecenter img {
    max-width: 500px;
    max-height: 400px;
    display: inline-block;
}
.node--type-page .field--type-text-with-summary h1.rtecenter, .node--type-page h2.rtecenter { 
    font-family: 'Concert One', cursive;
    color: #0f6558;
    margin: 0;
    text-align: center;
    font-size: 36px;
}
.node--type-page .field--type-text-with-summary h3.rtecenter, .node--type-page .field--type-text-with-summary h4.rtecenter {
    font-family: 'Concert One', cursive; 
    color: #0f6558;
    text-align: center;
}
.book-navigation ul .menu-item--collapsed {
    list-style-image: none;
    list-style: none;
}

.book-navigation ul li a:hover {
    color: #cfb53b !important;
}
.node--type-book .field--type-text-with-summary table {
    width: 583px;
}
.node--type-book .field--type-text-with-summary pre.rtecenter{
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}
.node--type-book .field--type-text-with-summary pre.rtecenter em{
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
}
.node--type-book h3 {
    font-family: 'Concert One', cursive;
    color: #0f6558;
}
.field__item h1, .field__item h4, .field__item h1 span{color: #0f6558 !important;}   
.field__item h2{ 
    margin-bottom: 20px !important;   
}
.field__item img{
    max-width: 100%;
    max-height: 100%; 
    display: inline-block;  
}
.field--type-text-with-summary{
    font-family: 'Open Sans', Arial, sans-serif; 
}
.contact-form label, .form-item label{
    font-size: 14px !important;
}
.contact-form input[type=text], .contact-form input[type=email], 
.user-login-form input[type=text], .user-login-form input[type=password], .user-pass input[type=text]{ 
    border: 1px solid #d7d7d7;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100% !important;
    border-radius: 0 !important;
    color: #778c9d;
}
form select{
    color: #778c9d;
    border-color: #778c9d;
    background: #ffffff; 
}
form input[type=submit]{ 
    color: #666;
    font-family: 'Concert One', cursive; 
    font-size: 15px;
    padding: 7.5px 16px; 
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 0 !important;
    border: 1px solid #d7d7d7;
    background: #fff;
}
form input[type=submit]:hover,
form input[type=submit]:focus{
    background: #f0d64e;
    border: 1px solid #f0d64e;
    color: #ffffff;
}
textarea.form-textarea{
    height: 111px;
}
#block-tecmag-page-title h1{
    margin-top: 0;
}
.form-required:after{
    filter: grayscale(100%);
    opacity: .7;
}
nav.tabs{
    min-height: 40px;
    margin-bottom: 40px !important;
}
.tabs ul.primary {
    white-space: nowrap;
    border: none;
    border-collapse: collapse;
    background: transparent !important;
    line-height: normal;
     margin-left: -15px !important;
    margin-right: -15px !important;
}
.tabs.primary li {
    float: left;
    padding: 5px 10px;
    margin-right: 20px !important;
    color: #666;  
    font-family: 'Concert One', cursive;
    font-size: 15px;
    text-shadow: none;
    text-transform: uppercase;
    box-shadow: none;
    transition: background-color .3s, color.3s;
    -moz-transition: background-color .3s, color.3s;
    -webkit-transition: background-color .3s, color.3s;
    -o-transition: background-color .3s, color.3s;
    -ms-transition: background-color .3s, color.3s;
    border-radius: 0;
    border: 1px solid #d7d7d7;
    background: #fff; 
}
.tabs ul.primary li a{
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 15px !important;
    color: #2e2e2e !important;
}
.tabs ul.primary li  a:hover,
.tabs ul.primary li  a:focus{
    color: #cfb53b !important; 
}
form .description, .user-pass p{
    color: #778c9d;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 21px; 
}
.block-system-main-block .search-form .form-wrapper{
    display: flex;
    align-items: center;
}
.block-system-main-block .search-form .js-form-item{
    display: flex;
    align-items: center; 
}
.block-system-main-block .search-form input[type=search] { 
    border-radius: 0;
    border: 1px solid #d7d7d7 !important; 
    background: #fff;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    min-width: 328px; 
}
.block-system-main-block .search-form input[type=submit] {
    box-shadow: none;
    color: #676666;
    font-family: 'Concert One', cursive;
    font-size: 15px;
    margin: 0 0 0 5px !important;
    padding: 8px 10px;
    text-transform: uppercase;
    text-shadow: none;
    transition: background-color .3s, color.3s;
    -moz-transition: background-color .3s, color.3s;
    -webkit-transition: background-color .3s, color.3s;
    -o-transition: background-color .3s, color.3s;
    -ms-transition: background-color .3s, color.3s;
    border-radius: 0;
    border: 1px solid #d7d7d7 !important;
    min-height: 38px;
    background: transparent;
    font-size: 16px;
    color: #676666;
    text-indent: 0;
    line-height: normal;
    width: 100%;
    min-width: 81px;
}
.block-system-main-block .search-form input[type=submit]:hover{color: #ffffff;}
.search-form .form-item-keys label{
    margin: 0;
    margin-right: 3px;
}
.block-system-main-block .button.search-form__submit:hover, 
.block-system-main-block .search-form__submit:hover, 
.block-system-main-block .button.search-form__submit:focus, 
.block-system-main-block .search-form__submit:focus{
    background-color: #f0d64e !important;
    border-color: #f0d64e !important; 
}
.search-advanced{
    border: none;
}
.search-advanced summary {
    color: #2e2e2e;  
    background: transparent;
    text-shadow: 0 1px 0 #fff;
    font-size: 21px;
    line-height: inherit;
    font-family: 'Open Sans', Arial, sans-serif; 
    border-bottom: 1px solid #e5e5e5;
    list-style-type: none;
    padding: 0;
    line-height: 24px; 
}
.search-advanced summary::marker{
    display: none; 
}
.search-advanced summary:hover{
    color: #cfb53b; 
}
.search-help-link{
    color: #0f6558;
    font-family: 'Open Sans', Arial, sans-serif;
    text-decoration: none;
    border: none;
}
.search-help-link:hover{
    color: #cfb53b; 
    border: none;
}
.node--type-book .field--type-text-with-summary .rtecenter span u, 
.node--type-book .field--type-text-with-summary .rtecenter span em{
    font-family: georgia,serif; 
}
.user-pass .form-item{
    margin-bottom: 0;
}
#block-mainmenu.fixedNav {
    border-bottom: 1px solid #bdbdbd;
    left: 0;
    padding: 0 0 15px;
    position: fixed;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 1000;
    background: #ffffff; 
}
#block-mainmenu.fixedNav .menu {
    max-width: 1143px; 
    margin: auto; 
}
.content-home.content-middle img{
   max-width: 100%; 
}
.header .newsticker a:hover b{
    color: #f0d64e !important;   
}
.featured-bottom .layout-container, .site-footer .layout-container, #main-wrapper.layout-container{
    max-width: 1170px !important;
}
.region-header .search-block-form .visually-hidden{
    overflow: hidden !important;
    display: none;
}
.region-header .search-block-form{
    position: relative;
}
.region-header .form-type-search input{
   font-size: 14px !important;
   font-weight: normal;
}

.region-header .form-type-search .search-label:after{
    content: '' !important;
}
.region-header .search-form input:focus::placeholder{
   opacity: 0; 
}
.region-primary-menu .menu li.menu-item.menu-item--expanded:hover  .active-menu-ul{
    display: block !important;  
}
.path-frontpage #main-wrapper.layout-container{
    max-width: 100% !important;
    position: relative;
    background: #f4f4f4;
}
.path-frontpage .layout-main-wrapper.layout-container:before{
   content: '';
   position: absolute;
   border: 1px solid #dcdcdc;
   width: 100%;
   left: 0;
   top: 0;
}
.path-frontpage #main-wrapper.layout-container .layout-main{
   max-width: 1170px !important;
   margin-left: auto;
   margin-right: auto;
}
.layout-one-sidebar .main-content {
    width: 66.66% !important;
}
#sidebar-second {
    width: 33.33% !important;
}
.region-header .button.search-form__submit,
.region-header .button.search-form__submit:hover,
.region-header .button.search-form__submit:focus{
    background: #ffffff url(../img/search_icon.png);
    background-repeat: no-repeat;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}
#back-to-top{
    position: fixed;
    width: 50px;
    height: 50px;
    right: 15px;
    z-index: 99;
    background: #f0d64e;
    bottom: 15px; 
    border-radius: 100%;
    display: none;  
    text-align: center;
    cursor: pointer; 
}
#back-to-top:before{
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0; 
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
    color: #fff;
    top: 22px;
}
#back-to-top svg{
    display: none;
}
#back-to-top:hover{
    background: #000;
}
.node--type-book .field--type-text-with-summary .rtecenter span strong{
    font-family: georgia,serif;
}
.search-results.node_search-results{
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}
.search-results.node_search-results li, .search-results.node_search-results li:last-child{
    margin: 0 0 30px 0;
    padding: 0 0 30px; 
    border-bottom: 1px solid #dcdcdc;
}
.search-results.node_search-results li a{
    color: #2e2e2e;
    font-weight: 500;
}
.search-results.node_search-results li a:hover,
.search-results.node_search-results li a:focus{
   color: #cfb53b;
} 
.search-results.node_search-results .search-result__snippet{
   display: none; 
}
#block-tecmag-tecmag-system-main h2 {
    font-family: 'Concert One', cursive;
    color: #0f6558;
    /*border-bottom: 3px solid #bdbdbd;*/
    padding-bottom: 24px;
    margin-bottom: 24px;
    font-size: 36px;
}
#block-tecmag-tecmag-system-main .pager .pager__item a{
    color: #2e2e2e; 
}
#block-tecmag-tecmag-system-main .pager .pager__item.is-active a{
    color: #cfb53b;
}
#block-tecmag-tecmag-system-main ul.inline, ul.links.inline {
    display: block;
    padding-left: 0;
    text-align: left;
    font-size: 16px;
    color: #2e2e2e; 
}
#block-tecmag-tecmag-system-main ul.inline li {
    padding-left: 0;
    display: block;
}
#block-tecmag-tecmag-system-main ul.inline li a {
    color: #2e2e2e;
}
.text-formatted ul li a{
    color: #2e2e2e; 
}
div{
    color: #778c9d;
}
.readmore {
    box-shadow: none;
    color: #676666;
    font-family: 'Concert One', cursive;
    font-size: 15px;
    margin: 30px 0 14px;
    padding: 8px 16px;
    text-transform: uppercase;
    text-shadow: none;
    transition: background-color .3s, color.3s;
    -moz-transition: background-color .3s, color.3s;
    -webkit-transition: background-color .3s, color.3s;
    -o-transition: background-color .3s, color.3s;
    -ms-transition: background-color .3s, color.3s; 
    border: 1px solid #d7d7d7;
}
.readmore:hover{
    background: #cfb53b;
    border: 1px solid #cfb53b; 
    color: #ffffff !important;
}
#block-tecmag-tecmag-system-main .pager{display: none;}
.search-form .form-item-keys label {
    display: block;
    color: #2e2e2e;
}



/*responsive css*/
@media screen and (max-width:1299px) and (min-width: 1024px){
    div#block-tecmag-tecmag-block-7 {        
        width: 55%;
    }
    .block-views-blockblock-content1-block-4 {        
        width: 41.5%;        
    }
}
@media screen (min-width:768px) and (max-width:1359px) {
    #header .layout-container .region-header, 
    #header .layout-container .region-primary-menu,
    .block-views-blockblock-content1-block-6,
    .layout-container .layout-main {
        max-width: 96%;  
    }
}
@media screen and (max-width:1199px) and (min-width: 1024px){
    #page-wrapper .featured-bottom .post-list li h4 {
        font-size: 18px;        
    }
    #page-wrapper .featured-bottom .post-list figure {
        margin: 0 10px 0 0;
    }
    #page-wrapper .featured-bottom .post-list .meta-tags span {        
        margin-right: 5px;
    }
    .views_slideshow_cycle_slide .views-row .views-field span>.post-thumbnail-1 .meta-tags span {        
        margin-right: 10px;
    }
}
@media screen and (max-width:1023px) {
  div#block-tecmag-tecmag-block-7,
    .block-views-blockblock-content1-block-4 {
        width: 100%;
        padding: 0;
        text-align: center;
    }     
    #page-wrapper .featured-bottom .region {
        width: 100%;
        padding: 0;
    } 
    #block-footercolumbabout-2, .featured-bottom .block:last-child{
        padding: 0 15px;
    }  
    #page-wrapper .featured-bottom .block:last-child {
        margin-bottom: 0;
    }
    footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div, 
    footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div p {       
        font-size: 13px;
    }
    footer.site-footer .menu li a {
        margin-left: 30px;
         font-size: 13px;
    }
}
@media screen and (max-width:1023px) and (min-width: 768px){
    .block-views-blockblock-content1-block-4 .news-scroll .item-list .tickercontainer ul.newsticker,
    .view-display-id-block_4 {       
        display: flex;
    }
    #block-footercolumbabout-2 {
        padding-right: 0;
    }
    .view-display-id-block_4 > .view-header, 
    .view-display-id-block_4 > .view-content {       
        width: 100%;
        padding: 0;        
        display: flex;
        justify-content: center;
    }
    .view-display-id-block_4 .news-scroll .item-list .tickercontainer ul.newsticker,
    .view-display-id-block_5 .news-scroll .item-list .tickercontainer ul.newsticker {
        display: flex;
        justify-content: center;
    }
    .block-views-blockblock-content1-block-4 ul.newsticker li {
        padding: 0 10px;
        width: 47%;
        float: left;        
    }
    .view-display-id-block_4 .news-scroll,
    .view-display-id-block_4 .item-list {
       width: 100%;
    } 
}
@media screen and (max-width:767px){
    #page-wrapper .featured-bottom .post-list li h4 {
        line-height: 25px;
    }
    footer.site-footer .site-footer__top .region {
        display: block;
        text-align: center;
    }
    .site-footer__top .content .menu {
        text-align: center;
        margin-top: 20px;
    }
    footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div, 
    footer #block-copyright .field--type-text-with-summary.field--label-hidden.field__item>div p {
        display: inline-block;
    }
    #page-wrapper .featured-bottom h2 {
        margin-bottom: 12px;        
        font-size: 25px;        
    }
    #block-tecmag-tecmag-block-7 img {
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (min-width:992px) {
    .home-menu-icon a {
    visibility: hidden;
    text-align: center;
    width: 10px;
    height: 10px;
}
.home-menu-icon a::before {
    content: "\f015";
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    vertical-align: middle;
    visibility: visible;
    top: 8px;
}
 .burger-menu {
    display: none;
 }
 #header .region-primary-menu .menu li.menu-item.menu-item--expanded ul.menu > .menu-item--expanded>a {
    position: initial;
    padding: 8px 41px !important;
}
 .region-primary-menu .menu-item > .menu {
   /* display: none; */
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}
.region-primary-menu .menu li.menu-item.menu-item--expanded:hover ul.menu, .region-primary-menu .menu li.menu-item.menu-item--expanded:focus ul.menu {
    opacity: 1;
    visibility: visible; 
}
.region-primary-menu .menu li.menu-item.menu-item--expanded > ul.menu > li.menu-item.menu-item--expanded>ul.menu {
    left: 38px;
    top: 50px !important;
}
#header .region-primary-menu .menu-item > .menu {
    border-top: 1px solid #0f6558 !important;
    border: 1px solid #dcdcdc;
    width: 220px;
    min-width: 250px;
    position: absolute;
    top: 64px;
    padding: 0 !important;
    z-index: 1;
    background: #fff;
}
.navigation.menu--main{
    display: block !important; 
}
}
@media screen and (max-width:576px) {
    .view-display-id-block_4 > .view-header, .view-display-id-block_4 > .view-content {        
        width: 96%;
        padding-left: 0;
    }
    .region-header {
        grid-template-columns: 1fr;
    }
    #header .site-branding__name {        
        font-size: 30px;
    }
    .region-header .block ul {
        justify-content: center;
        margin-right: 0 !important;
    }
    #header .search-form .form-search {
        width: 100%;
    }
    .region-header .search-block-form {
        width: 90%;
    }
    .search-results.node_search-results, .block-system-main-block .search-form .js-form-item{display: block;} 
    .block-system-main-block .search-form .form-wrapper input[type=search]{min-width: 275px;}   
    .block-system-main-block .search-form .form-wrapper input[type=submit]{margin-top: 23px !important;}   
}
@media screen and (max-width:991px) {  
    #header{
        border-bottom: 0; 
    }  
    .region-secondary-menu {
        width: 100%;       
        margin-top: 54px;
    }
    #header .region-primary-menu .menu li.menu-item.menu-item--expanded > ul.menu.menu-level-2 > li > a {
        padding: 1em 10% !important;
    }
    #header .region-primary-menu .menu li.menu-item.menu-item--expanded > ul.menu.menu-level-3 > li > a {
        padding: 1em 15% !important;
    }
    .region-primary-menu .menu li.menu-item.menu-item--expanded::after {
        content: '+';
        position: absolute;
        right: 0;
        color: #fff;
        font-size: 20px;
        z-index: 1;
        background-color: rgba(255,255,255,.1);
        width: 26px;
        height: 29px;
        top: 0;
        padding: 10px;
        border: 1px solid rgba(255,255,255,.4);
        font-weight: 700;
        text-align: center;
    }
    #header .region-primary-menu .menu li.menu-item.menu-item--expanded > ul.menu > li > a {
        padding: 1em 10% !important;
        opacity: .75;
        text-transform: uppercase;
        border-bottom: 0;
    }
    .region-primary-menu .menu li.menu-item.menu-item--expanded > ul.menu {
        display: none;
        position: relative;
        top: 0;
    }
    nav#block-mainmenu {
        display: none;
    }    
    #header .region-primary-menu .menu-item > .menu {
        width: 100%;
        border-top: 0 !important;
    }
    .region-primary-menu .menu li.menu-item.menu-item--expanded a::after {
        display: none;
    }
    .burger-menu {
        float: left;
        width: 100%;
        position: fixed;
        background: #0c1923;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
        left: 0;
        top: 0;
        right: 0;
    }
    .header nav.block .content {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        min-height: initial;
        background: #000;
        z-index: 9;
        overflow-y: auto;
       height: 100%;
    }
    .header nav.block .content ul.menu {
        margin: 0;
        padding: 0 !important;
    }
    .header nav.block .content ul.menu >li.menu-item {
        width: 100%;
    }
    .header nav.block .content ul.menu >li.menu-item a {
        text-align: left;
        border-radius: 0;
        margin: 0;
        border-top: 1px solid rgba(255,255,255,.5);
        background: #0c1923;
        text-shadow: none;
        color: #fff !important;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 14px;
        padding: 14px 27px !important;
    }
    .layout-one-sidebar .main-content {
        width: 100% !important;
    }
    #sidebar-second {
        width: 100% !important;
        margin-left: 0 !important; 
    }  
}

@media (max-width: 900px){
        body:not(:target) .region-primary-menu .menu-toggle {
            display: none !important;      
        }
        .region-primary-menu .menu-item, body:not(:target) .region-primary-menu .menu-item {
            display: inline-block;
            float: left;
            overflow: visible !important;
            width: 32.75%;
            height: auto !important; 
            margin-right: 5px; 
            padding: 0;
        }
}

@media screen and (max-width: 767px){ 
   .region-secondary-menu{
    display: none;   
   }
   .site-branding__text{
    display: block !important;
    margin-top: 50px !important;  
    margin-bottom: 0px !important;
    min-width: 136px;
    font-size: 15px !important; 
   }
   #header .site-branding__name {
        font-size: 28px;
        margin-top: 30px;
        line-height: 1.1;
        text-align: center;
   } 
   .region-header .site-branding{
        /*padding: 0 12px;*/
   }
   .site-branding__slogan{
    border-left: none;
    margin-left: 0;
    padding: 15px 0;
    margin-top: 20px !important;
    border-top: 1px solid #fcfcfc;
    text-align: center;
   }
   .region-header .block ul{
        margin: 1em 0 0;
   }
   .region-header .block ul{
    justify-content: center;
    margin-top: 10px;
   }
   .region-header .search-block-form {
        float: none !important;
        margin-left: 0; 
        max-width: 100%;
        width: 100%;
        display: flex; 
        align-items: center; 
        justify-content: center;
        margin-bottom: 0 !important; 
   }
   .button.search-form__submit, .search-form__submit{
    margin-top: 0 !important;
   }
   .tabs ul.primary {
    border-bottom: none !important;
    }
    .tabs ul.primary li{
        margin-bottom: 20px !important; 
    }
    .region-header{
        display: block;
    }
    .region-header .block{
        clear: both !important;
        float: none !important; 
    }
    #header .layout-container .region-header, 
    #header .layout-container .region-primary-menu,
    .block-views-blockblock-content1-block-6,
    .layout-container .layout-main {
        max-width: 100%;   
    }
}
@media screen and (max-width:1199px){
    .region.region-breadcrumb{
        padding: 5px 15px !important; 
    }
    .tabs ul.primary{
       margin-left: 0 !important;
       margin-right: 0 !important;  
    }
    .region.region-breadcrumb{
        margin-left: 0;
        margin-right: 0;
    }
    #header .layout-container .region-header{
        padding-left: 15px !important;
        padding-right: 15px !important; 
    }
}