div#div1 {
  padding: 5px 9px;
  display: flex;
  border-radius: 5px;
  margin-top: 9px;
}

.forms {
  width: 34%;
}

div#div1 p {
  margin: 0 11px;
  font-size: 18px;
  color: #003e3f;
  font-weight: 800;
}

.single-line {
  display: flex;
  align-items: center;
  float: right;
  margin-bottom: 14px;
}

.font-color {
  margin-right: 7px;
  margin-top: 5px;
}

.font-color p {
  margin-bottom: 0;
}

p.black-white a {
  margin-bottom: 0;
  background: #f98b3a;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
}

p.black a {
  margin-bottom: 0;
  color: #000;
  background: #000;
  padding: 1.5px 11px;
  border-radius: 5px;
  border: 1px solid;
}

p.white a {
  margin-bottom: 0;
  color: #fff;
  background: #fff;
  padding: 1.5px 11px;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
}

div#gtranslate_wrapper {
  text-align: right;
}

p.grey a {
  margin-bottom: 0;
  color: rgb(162, 162, 162);
  background: rgb(162, 162, 162);
  padding: 1.5px 11px;
  border-radius: 5px;
  border: 1px solid rgb(162, 162, 162);
}

p.sunlight a {
  margin-bottom: 0;
  color: #fed161;
  background: #fed161;
  padding: 1.5px 11px;
  border-radius: 5px;
  border: 1px solid #fed161;
}

p.black-white.white-black a {
  padding: 2.5px 10px;
}

p.black-white.blllack a {
  padding: 2.5px 8.5px;
}

.tooltip {
  position: relative !important;
  opacity: 1;
}

.tooltip:hover:after{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #444;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -82px auto 0;
  font-size: 16px;
  padding: 13px;
  width: 220px;
}

.tooltip:hover:before{
  border: solid;
  border-color: #444 transparent;
  border-width: 12px 6px 0 6px;
  content: "";
  left: 20%;
  bottom: 2px;
  position: absolute;
}

form#searchform {
  width: 100%;
}

form#searchform {
  margin: 10px 0 10px !important;
}

.logo {
  padding-top: 7px;
}

p.black-white.rest-black a {
  display: none;
}

p.black-white.rest-black a.displayA\+ {
  display: block;
}


 .spu_scroll {
   position: absolute;
 }
 
 .spu_scroll li{
   list-style: circle;
 }

 .vticker .spu_scroll ul{
	height: auto!important;
}

.latest_news.bocs .vticker {
  position: relative;
}

.spu_scroll:hover { 
  animation-play-state:paused; 
}


.spu_scroll li:hover{
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}


.holder {
  overflow: hidden;
  padding: 10px;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}

.latest_news.bocs .vticker {
  position: relative;
  height: 286px !important;
}

.news-slider .single-blog-thumb img.img-responsive {
  height: 220px !important;
}

.news-slider .carousel-inner {
  box-shadow: 3px 3px 8px 1px #ddd;
  background: #f3f4f4;
}

.news-slider .single-post-content {
  padding: 10px 10px 6px;
}

.news-slider .single-blog-post {
  height: 362px;
}

.spu-bb {
  margin-bottom: 20px;
}

.read-news {
  position: absolute;
  bottom: 12px;
  left: 9px;
}
.read-news a.view_more {
  padding: 6px 18px;
  background: #001f46;
}

.news-slider .single-post-content h4 a {
  font-size: 14px;
}
section.spu-news ul#myTab {
  border: 1px solid #ddd;
  border-radius: 5px 5px 0px 0px;
}

section.spu-news ul#myTab li {
  width: 25%;
  text-align: center;
}

section.spu-news ul#myTab li.active a {
  background: #001f46;
  color: #fff;
}

section.spu-news .nav-tabs>li>a {
  margin: 0;
}
section.spu-news .nav>li>a:hover {
  text-decoration: none;
  background-color: #ecf4ff;
  color: #000;
}

.about-box .col-md-4 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 20px;
  border: 1px solid #a7a7a7;
}

.uni-pic {
  padding: 10px;
}

.portal-items {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.portal-items img.img-responsive.center-block {
  height: 73px !important;
  width: auto;
  object-fit: contain;
}

section.product-sliderr {
  padding: 20px 0;
}

.alarm-clock.div1 {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.date {
  width: 50%;
  text-align: center;
  font-size: 19px;
  color: #001f46;
  font-weight: 800;
}

.time {
  width: 50%;
  text-align: center;
  font-size: 19px;
  color: #001f46;
  font-weight: 800;
}

.colon {
  animation: blink 1.8s infinite;
}

@keyframes blink {
	0%   { opacity: 0; }
	30%  { opacity: 1; }
	50%  { opacity: 0; }
	70%  { opacity: 1; }
	100% { opacity: 0; }
}
/* footer */

ul.contact-spu {
  list-style: none;
}

ul.contact-spu img {
  width: 38px;
}

.social-contact li {
  margin-right: 7px;
}

ul.contact-spu.social-contact {
  width: 100%;
  display: flex;
}

ul.links-spu {
  list-style: none;
}

ul.links-spu li {
  padding: 5px 0px;
}

ul.pull-left.contact-spu li {
  padding: 5px 0px;
}

ul.links-spu a, 
ul.pull-left.contact-spu li a{
  color: #000;
  font-weight: 500;
}

ul.links-spu a:hover, 
ul.pull-left.contact-spu li a:hover{
  color: #e57a18;
}

ul.pull-left.contact-spu {
  margin-bottom: 20px;
}


ul.pull-left.contact-spu li a i {
  color: #e57a18;
  font-weight: 600;
}

section.footer-main {
  padding-bottom: 26px;
}

section.copyright-footer {
  padding: 10px 0px;
  background: #e9e9e9;
}

footer {
  padding: 0px 0px!important;
}


.news-slider .carousel-control.right, .news-slider .carousel-control.left {
  top: 33%;
  width: 29px;
  height: 29px;
  line-height: 40px;
}

.news-slider .carousel-control.right span::before, .news-slider .carousel-control.left span::before {
  font-size: 14px;
}

.news-slider .carousel-control.right span, .news-slider .carousel-control.left span {
  margin-top: -23px;
}


.product-sliderr .slick-track {
  display: flex;
  align-items: center;
}


.product-sliderr .wrapper{
  overflow-x: hidden;
}

.product-sliderr .slick-initialized .slick-slide{
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-sliderr .slick-dots {
  display: none!important;
}

.product-sliderr .slick-next, .slick-prev{
  z-index: 5;
}
.product-sliderr .slick-next{
  right: 15px;
}
.product-sliderr .slick-prev{
  left: 15px;
}
.product-sliderr .slick-next:before, .product-sliderr .slick-prev:before{
  color: #000;
  font-size: 26px;
}

.product-sliderr .slick-slider {
  margin-bottom: 0;
}

section.product-sliderr {
  padding: 27px 0;
}

.news-slider .post-meta a {
  color: #e57a18;
}
.vticker ul{
	height: auto !important;
}
.marquee {
  margin-top: 0 !important;
}

.news .col-md-12 {
  padding: 0;
}

.aboutus {
  padding: 40px 0 0px;
}

#cssmenu > ul > li > a {
  letter-spacing: 0px !important;
}

@media (min-width: 320px) and (max-width: 575px){
  .forms {
    display: block;
    width: 100%;
    text-align: center;
}

div#div1 {
  margin-top: 9px;
}
#searchform input#searchsubmit {
  width: 25%;
}

#searchform input {
  width: 75%;
}

div#div1 p {
  width: 100%;
}

.single-line {
  float: left;
}

.thumb img {
  height: auto;
  object-fit: cover;
}

.date {
  text-align: left;
}

.time {
  text-align: right;
}

}

@media(min-width: 320px) and (max-width: 490px){
  .single-line {
    float: none;
    width: 43%;
    margin: 0 auto;
  }
  div#div2 {
    float: left;
    text-align: center;
    width: 100%;
  }
  div#gtranslate_wrapper {
    padding-top: 6px;
}

section.footer-main {
  padding-top: 38px;
}

.news-slider .single-blog-thumb img.img-responsive {
  width: 100%;
  object-fit: cover;
}
section.spu-news .col-md-8 h3 {
  margin-bottom: 10px;
  margin-top: 30px;
}
}

@media (min-width: 491px) and (max-width: 575px){
  div#gtranslate_wrapper {
    float: right;
    padding-top: 6px;
}

.about-box .col-md-4 img {
  width: 50%;
  margin-right: 10px;
}

.uni-pic {
  display: flex;
}
}

@media (min-width: 576px) and (max-width: 767px){
.forms {
  display: flex;
  width: 100%;
  text-align: center;
}
div#div1 {
  display: flex;
  padding: 5px 20px;
  margin-top: 10px;
  margin-bottom: 9px;
  width: 44%;
  margin-right: 10px;
}

form#searchform {
  margin: 10px 0 10px !important;
  width: 55%;
}
#searchform input {
  width: 70%;
}

#searchform input#searchsubmit {
  width: 30%;
}

div#div1 p {
  margin: 0 auto;
}

div#gtranslate_wrapper {
  float: left;
  padding-top: 5px;
}

.about-box .col-md-4 img {
  width: 50%;
  margin-right: 10px;
}

.uni-pic {
  display: flex;
}

div#profile-grid {
  display: flex;
}

section.spu-news .col-md-4 {
  width: 47%;
}

section.spu-news .col-md-8 {
  width: 52%;
}

section.spu-news .row {
  display: flex;
}

section.spu-news .col-md-8 h3 {
  font-size: 20px;
  margin-top: 2px;
}

.bocs {
  margin-bottom: 0px !important;
}

section.spu-news .col-md-8 .tab-content {
  position: relative;
}

.latest_news.bocs p a {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.spu-bb h3 {
  font-size: 22px;
}
.thumb img {
  width: 100%;
  height: 150px;
  object-fit: cover !important;
}

section.spu-news .col-md-8 h3 {
  margin-top: 0px;
}

section.footer-main {
  padding-top: 40px;
}

section.footer-main .col-md-8.col-sm-8 {
  width: 100%;
  padding-bottom: 20px;
}

section.footer-main .col-md-4.col-sm-4 {
  width: 40%;
}

section.footer-main .row .col-md-8.col-sm-8 .row {
  display: flex;
}

section.footer-main .col-md-8.col-sm-8 .col-md-4 {
  width: 33%;
}

section.copyright-footer .row {
  display: flex;
  align-items: center;
}

section.copyright-footer .row p {
  width: 70%;
  text-align: left;
}

section.copyright-footer .row a {
  width: 30%;
}

#cssmenu > ul > li {
  text-align: left;
  padding-left: 10px;
}

.alarm-clock.div1 {
  margin-top: 0;
  width: 50%;
}

.time {
  text-align: left;
}

.date {
  text-align: left;
}

}

@media (min-width: 320px) and (max-width: 767px){
  section.product-sliderr {
    width: 95%;
    padding-left: 10px;
}

section.spu-news ul#myTab li {
  width: auto;
  text-align: center;
}

section {
  padding: 14px 0;
}

.aboutus {
  padding: 20px 0 7px;
}

section.spu-news .col-md-8 h3 {
  font-size: 20px;
}

.section-title h2 {
  font-size: 20px;
}

html {
  overflow-x: hidden;
}

.news-slider .single-blog-thumb img.img-responsive {
  width: 100%;
  object-fit: cover;
}

#profile-grid .profile {
  padding-bottom: 5px;
}

.media-blog {
  padding-bottom: 17px;
}

.about-box .section-title {
  margin-bottom: 10px;
}

.marquee {
  background: #001f46 !important;
}
}

@media (min-width: 768px) and (max-width: 991px){
  .top_header .logo_wrap {
    width: 100%;
}

.top_header .logo_wrap .logo {
  width: 100%;
}

.top_header .logo_wrap .logo img.img-responsive {
  float: none;
  margin: 0 auto;
  width: 55%;
}

.top_header .col-sm-9 {
  width: 100%;
}

.top_header .col-sm-9 .forms {
  width: 100%;
  float: right;
}

.top_header.c-info {
  width: 100%;
  float: left;
}

div#div1 {
  width: 36%;
  float: left;
}

form#searchform {
  width: 25%;
}

#searchform input {
  width: 60%;
}

input#searchsubmit {
  width: 36%;
}

.single-line {  
  float: right;
}

ul.open {
  display: block!important;
}

.uni-pic {
  display: flex;
}

.about-box .col-md-4 img {
  width: 50%;
  margin-right: 10px;
}

#cssmenu .submenu-button.submenu-opened {
  background: #f98b3a;
}

ul.sub-menu.open {
  background: #f98b3a;
}

ul.sub-menu.open li {
  border-top: 1px solid #fff !important;
}

ul.sub-menu.open li a {
  color: #fff !important;
}

#cssmenu > ul > li:hover {
  background: #f98b3a;
}

#cssmenu > ul > li {
  float: none;
  text-align: left;
}

#cssmenu #menu-button {
  padding: 17px 17px 17px 5px;
}

section {
  padding: 0;
}

section.spu-news .col-md-8 .tab-content {
  position: relative;
}

.latest_news.bocs p a {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.bocs {
  margin-bottom: 0;
}

.latest_news.bocs .vticker {
  position: relative;
  height: 322px !important;
}

.carousel-control.left {
  left: 15px;
}

.carousel-control.right {
  right: 15px;
}

section.spu-news ul#myTab li {
  width: auto;
}

.thumb img {
  height: 200px;
  object-fit: cover;
}

.media-blog {
  padding-bottom: 33px;
}

section.footer-main .col-md-8.col-sm-8 .row {
  display: flex;
  align-items: center;
}

section.footer-main {
  padding-bottom: 20px;
  padding-top: 40px;
}

section.product-sliderr {
  padding: 27px 23px;
  width: 96%;
}

.marquee {
  background: #001f46;
}

.alarm-clock.div1 {
  float: left;
  width: 34%;
}

.date {
  text-align: left;
}

.time {
  text-align: left;
}
}


@media (min-width: 992px) and (max-width: 1199px){
  .forms {
    width: 41%;
}

div#div2 {
  float: right;
  padding-right: 16px;
}

section.product-sliderr {
  width: 98%;
}

#cssmenu > ul > li > a {
  padding: 17px 3px;
  font-size: 11px;
}

.about-box .col-md-4 img {
  height: 231px;
}

.marquee {
  background: #001f46;
}

section.spu-news .col-md-8 .tab-content {
  position: relative;
}

.latest_news.bocs p a {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.latest_news.bocs .vticker {
  position: relative;
  height: 320px !important;
}

section {
  padding: 11px 0;
}

.aboutus {
  padding: 40px 0 0px;
}

.media-blog .section-title {
  text-align: center;
  margin: 0 0 20px;
}

.media-blog {
  padding-bottom: 37px;
}

section.footer-main {
  padding-bottom: 24px;
  padding-top: 40px;
}

.media-blog .thumb img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.vticker ul{
	height: auto !important;
}

div#div1 p {
  font-size: 17px;
}
}



