<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
</div>
#header nav ul.nav-main ul.dropdown-menu {
margin: 2px 0 0 3px !important;
}
.ms-listMenu-editLink{
display:none;
}
.carousel-caption a:hover{
cursor: pointer;
}
#s4-ribboncont * {
-webkit-box-sizing: INITIAL;
-moz-box-sizing: border-box;
box-sizing: INITIAL;
}
#suiteBar * {
box-sizing: initial;
}
#footer ul.list.icons li {
width: 150px!important;+
}
#suiteBar * {
box-sizing: content-box;
}
#s4-bodyContainer{
padding-bottom:0px;
}
#content__responsive img{
display: block;
max-width: 100%;
height: auto;
margin:0px !important;
}
a:hover{
text-decoration: none;
}
body{
line-height: 17px;
font-family: 'Roboto', sans-serif;
}
.nav-top .nav-top-img{
margin-right:5px;
margin-top:-4px;
font-family: Roboto;
}
#header{
border-top: 0px solid #00467f;
background:#fff;
border-bottom: 1px solid #ddd;
padding: 0px 0;
}
#header .logo{
vertical-align: top;
}
#header .logo img {
position: relative;
color: transparent;
vertical-align: inherit;
}
#header nav ul.nav-top {
margin: 0px 0 -10px;
min-height: 40px;
}
#header nav ul.nav-top a{
font-family:Roboto;
}
#header nav ul.nav-main li.dropdown:before{
content:'';
width:12%;
position:absolute;
bottom:-2px;
height:3px;
z-index:9;
}
#header nav ul.nav-main li.dropdown:hover:before > ul{
display: block;
}
#header nav ul.nav-main li.dropdown:hover > ul {
display: block;
}
#sideNavBox{
width: 100%;
}
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected{
background:none !important;
}
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active{
background:none !important;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item{
padding:0px;
padding: 0px;
border-bottom: 1px solid #ddd;
min-height: 37px;
padding-top: 7px;
}
a.mess-ceo-readmore{
color:#000;
}
/**************************** Menu Top ************************/
nav.menu-top{
background:none;
border:none;
}
nav.menu-top .dropdown.mega-menu-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0;
}
nav.menu-top .mega-menu-content {
padding: 10px 10px;
}
nav.menu-top .mega-menu-content .fa{
color: #d80808;
}
nav.menu-top ul.nav-top li a{
background:none;
color:#000 !important;
}
nav.menu-top .dropdown-menu{
width:420px;
border-radius:0px;
border-bottom:3px solid #d80808;
display:none;
top: 28px;
}
nav.menu-top ul.nav-top li:hover ul.dropdown-menu{
display:block;
}
nav.menu-top ul.sub-menu{
padding-left:0px;
list-style-type: none;
}
nav.menu-top ul.sub-menu li{
margin-bottom:5px;
display:inline-block;
}
#header nav.menu-top ul.nav-top li ul.sub-menu a{
color:#000000;
padding:0px !important;
font-family: 'Roboto', sans-serif;
}
#header nav.menu-top .mega-menu-content .col-md-4{
padding-right:0px;
}
nav.menu-top .social-menu .dropdown-menu{
width: 275px;
right: 9px;
border-radius: 0px;
border-bottom: 3px solid #d80808;
top: 28px;
padding: 10px;
display:none;
}
nav.menu-top .social-menu .dropdown-menu li{
float:left;
margin-left: 9px;
margin-right: 4px;
border:none;
}
nav.menu-top .social-menu .dropdown-menu li a{
padding:0px !important;
}
nav.menu-top li.quick-find ul.dropdown-menu{
display:none;
right: 0;
left: auto !important;
}
nav.menu-top ul.nav-top .mega-menu-content{
padding:15px;
}
.mega-menu-content ul.sub-menu li {
margin-left: 8px;
}
.mega-menu-content ul.sub-menu li a{
color: #fff !important;
}
.mega-menu-content ul.sub-menu li a:hover{
color: #333 !important;
}
nav.menu-top ul.nav-top li.quick-find ul.sub-menu li > ul.sub-menu > li{
width: 75px;
height: auto;
float: left;
margin-left:35px;
margin-right: 10px;
margin-bottom: 15px;
}
nav.menu-top ul.nav-top li.social-menu ul.sub-menu li > ul.sub-menu > li{
width: 75px;
height: auto;
float: left;
margin-left:10px;
margin-right: 10px;
margin-bottom: 15px;
}
nav.menu-top ul.nav-top li.quick-find ul.sub-menu li > ul.sub-menu > li img{
display:block;
margin:auto;
}
nav.menu-top ul.nav-top li.quick-find ul.sub-menu li > ul.sub-menu > li > a > span{
font-size:13px !important;
padding:0px !important;
color:#000000 !important;
text-align:center;
margin-top:5px;
}
/**************************** End top menu ********************/
#header nav ul.nav-main {
margin: -7px 10px 0px 0;
}
#header nav ul.nav-main li.dropdown:after {
content: '';
width: 120px;
height: 5px;
position: absolute;
bottom: -2px;
margin-left: 17px;
}
#header nav ul.nav-main li a{
color:#404040;
font-weight:400;
font-family:Roboto;
font-size:13px;
margin-right:-2px;
}
#header nav ul.nav-main > li > a{
height:43px !important;
margin-right:5px;
}
#header nav ul.nav-main > li > a:hover{
border-bottom:2px solid #d80808;
}
#header nav ul.nav-main li.active{
margin-top:3px;
}
#header nav ul.nav-main li.active a, #header nav ul.nav-main li > a:hover{
background-color: #fff !important;
color: #d80808;
border-radius: 0px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
border:0px;
}
#header nav ul.nav-main li.dropdown:hover a{
background-color: #fff !important;
color: #777;
border-radius: 0px;
margin-bottom:0px;
padding-bottom:10px;
}
#header nav ul.nav-main li.active a, #header nav ul.nav-main li > a .fa-angle-down{
color: #d80808;
position: relative;
left: 6px;
text-align: right;
}
#header nav ul.nav-main ul.dropdown-menu{
background-color: #fff !important;
border-radius:0px;
border-bottom:3px solid #d80808;
}
#header nav ul.nav-main ul.dropdown-menu li a{
color:#777777;
}
#header nav ul.nav-main ul.dropdown-menu li a:hover{
color:#d80808;
background:none;
}
.dropdown-menu > li {
display: block;
border-bottom: 1px solid #ddd;
}
.dropdown-menu > li:last-child{
border:none;
}
#header nav ul.nav-main ul.dropdown-menu{
margin: 1px 0 0 3px;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu{
border-top: 0px;
border-radius:0px;
border-bottom:3px solid #d80808;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title{
background-color:#d80808;
color:#fff !important;
text-align:center;
padding-bottom:0px !important;
font-weight:500;
margin-bottom:10px;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item .sub-title-2{
background:none;
color:#d80808 !important;
text-transform: none;
font-weight:400;
position: relative;
margin-top:10px !important;
margin-bottom:10px !important;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item .sub-title-2:before{
position: absolute;
width: 35px;
border: 1px solid #d80808;
content: '';
bottom: 0px;
left: 60px;
}
.mega-menu-sub-title2{
font-weight:bold;
color:#012447;
}
.mega-menu-sub-title2 a{
padding:0px !important;
font-family:Roboto !important;
font-size: 13px !important;
margin-left:0px !important;
}
.mega-menu-sub-title3{
font-weight:500;
color:#555;
}
.mega-menu-sub-title3 a{
font-weight:500 !important;
padding:0px !important;
font-family:Roboto !important;
font-size: 15px !important;
margin-left:0px !important;
color:#555;
}
.mega-style2 a.readmore-menu-item{
color:#555 !important;
font-weight:500 !important;
padding:0px !important;
text-decoration:underline;
margin-left:0px !important;
}
.mega-style2 a.readmore-menu-item .fa-angle-right{
margin-right:5px !important;
}
.mega-style2 .margin-bot{
margin-bottom:20px;
}
.mega-style3 a.readmore-menu-item{
color:#555 !important;
font-weight:500 !important;
padding:0px !important;
text-decoration:underline;
margin-left:0px;
}
.mega-menu-sub-title3 a{
font-weight:500 !important;
padding:0px !important;
font-family:Roboto !important;
font-size: 15px !important;
margin-left:0px !important;
}
.mega-style3 .fa-angle-right{
margin-right: 5px;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item img{
display:block;
margin:auto;
margin-bottom:15px;
}
#header .search button.btn-default {
border: 0;
background: transparent;
position: absolute;
top: -4px;
right: 0;
color: #000000;
z-index: 3;
}
#header .search{
margin-top:4px;
padding-left: 50px;
}
#header .search input.search:first-child{
width:30px;
border: none;
box-shadow: none;
}
#header .search input.search:focus {
width: 220px;
border-color: #CCC;
}
#header .search ::-webkit-input-placeholder {
display:none;
}
#header .search :-moz-placeholder { /* Firefox 18- */
display:none;
}
#header .search ::-moz-placeholder { /* Firefox 19+ */
display:none;
}
#header .search :-ms-input-placeholder {
}
#header .wrap-search{
width: 250px;
height: 65px;
position: absolute;
top: 36px;
right: 2px;
border:1px solid #ddd;
border-bottom:2px solid #d80808;
background:#fff;
z-index: 999;
display:none;
}
#header .search:after:hover{
display:block;
}
#header .search .wrap-search .keyword-search{
border: none;
border-bottom: 1px solid #ddd;
/* border: none; */
width: 90%;
margin: auto;
margin-top: 10px;
background: #fff;
box-shadow: none;
border-radius: 0;
}
.ms-srch-sbLarge-fullWidth {
font-size: 14px !important;
color: #777777;
font-family: Roboto;
}
.ms-srch-ellipsis a {
color:black;
font-size: 18px;
font-weight: 400;
text-transform: none;
text-decoration: none;
cursor: pointer
}
.ms-srch-ellipsis a:visited {
color: black;
}
.ms-srch-ellipsis a:hover {
color: #cd1e47;
}
.comment__created span {
font-size: 12px;
}
li#Sortby select#SortbySel {
height: 25px;
padding: 0px 0px 0px 12px;
color: #5a5a5a !important;
border-radius: 3px;
font-weight: 500;
}
.search_pages .ms-srchnav-link-selected {
color: #cd1e47;
font-size:20px;
cursor:pointer;
}
.search_pages .ms-srchnav-link {
font-size:20px;
font-weight:400;
cursor:pointer;
}
.search_pages .ms-srchnav-link:focus {
text-decoration:none;
}
.search_pages .ms-srchnav-link:hover {
color: #cd1e47;
}
.ms-srch-hover-outerContainer {
display: none !important;
}
.ms-srch-item:hover{
background-color: transparent;
}
h3.ms-srch-ellipsis{
margin-bottom: 2px;
}
.search_pages div#UnselectedSection a#FilterLink:hover, .search_pages div#UnselectedSection a#unselToggle:hover{
color: #cd1e47;
}
.search_pages div#UnselectedSection{
padding-bottom: 8px;
}
.search_pages div#SelectedSection div.ms-displayInlineBlock{
color: #cd1e47;
}
.search_pages div#SelectedSection div.ms-displayInlineBlock, .search_pages div#UnselectedSection div.ms-displayInlineBlock, .search_pages div#AllSection a#FilterLink, .search_pages div#UnselectedSection div.ms-ref-pplPicker{
padding-left: 36px;
}
.ms-ref-ellipsis, .ms-entity-resolved, .ms-entity-unresolved{
overflow:visible!important;
}
.search_pages div#UnselectedSection div.ms-ref-pplPicker .sp-peoplepicker-topLevel{
width:90% !important;
}
.search_pages div#AllSection a#FilterLink:hover{
color: #cd1e47;
}
.search_pages div#AllSection{
color: #cd1e47;
}
.search_pages a.ms-ref-refinername {
font-weight: 600;
font-size: 16px;
height: 37px;
line-height: 37px;
margin-bottom: 1px;
color: #737b35;
}
.search_pages a.ms-ref-refinername div.ms-ref-uparrow{
float: left;
margin-right: 5px;
width: 30px;
height: 30px;
background: url(../img/arrow-minus.png) 5px 4px no-repeat;
display: block;
margin-top: 2px;
}
.search_pages a.ms-ref-refinername div.ms-ref-downarrow{
float: left;
margin-right: 5px;
width: 30px;
height: 30px;
background: url(../img/arrow-plus.png) 5px 4px no-repeat;
display: block;
margin-top: 2px;
}
.search_pages .ms-ref-refinername:link, .list__news .ms-ref-refinername:visited {
width: 100% !important;
background-color: #f0f0f0;
}
.search_pages div#Container > a.ms-ref-refinername > div.ms-displayInlineBlock {
width: initial;
}
.search_pages .ms-ref-refiner #Container {
padding-bottom: 0px;
border: 1px solid #737b35;
margin-bottom: 10px;
}
.search_pages .ms-ref-refiner{
padding: 0px;
}
.area__slider{
width:100%;
/*background:#f2f1eb;
padding:20px 0px;
padding-bottom:0px;*/
background: #efefef;
padding:5px 0px;
padding-bottom: 5px;
}
.area__slider .owl-theme .owl-controls{
position: absolute;
bottom: 10px;
right: 30px;
}
.area__slider .owl-theme .owl-dots .owl-dot.active span,.area__slider .owl-theme .owl-dots .owl-dot:hover span{
background-color: #d80808;
}
.area__slider .owl-theme .owl-dots .owl-dot span{
width:12px;
height:12px;
}
.area__slider .carousel-caption{
}
element.style {
}
.option-slider-news .carousel-caption {
height: 198px;
width: 100%;
}
.area__slider .carousel-caption {
left: 0 !important;
}
@media screen and (min-width: 768px){
.carousel-caption {
right: 0 !important;
left:0 !important;
padding-bottom: 0 !important;
}
.carousel-caption {
position: absolute;
right:0 !important;
bottom: 0px !important;
left: 0 !important;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
}
}
.carousel-caption .White{
background:rgba(255, 254, 254, 0.58)!important;
opacity: 1;
}
.carousel-caption .White > a > h4{
color: #000 !important;
padding:10px;
margin:0px !important;
height: 130px;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
font-size: 17px
}
.carousel-caption .White > a > p{
color: #000 !important;
padding:20px 10px 10px 10px;
}
.carousel-caption .Black{
/*background: #ccc !important;*/
background:rgba(0, 0, 0, 0.58)!important;
opacity: 1;
}
.carousel-caption .Black > a > h4{
color: #fff !important;
padding:10px;
margin:0px !important;
height: 130px;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
font-size: 17px
}
.carousel-caption .Black > a > p{
color: #fff !important;
padding:20px 10px 10px 10px;
}
.carousel-caption .Clear {
background:rgba(255, 254, 254, 0.58)!important;
opacity: 1;
}
.carousel-caption .Clear > a > h4{
color: #000 !important;
padding:10px;
margin:0px !important;
height: 130px;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
font-size: 17px
}
.carousel-caption .Clear > a > p{
color: #000 !important;
padding:20px 10px 10px 10px;
}
.area__slider .carousel-caption p{
color: #fff;
font-size:14px;
text-align:left;
margin-bottom:0px;
}
.area__slider .carousel-caption h4{
color: #fff;
font-size:18px;
font-weight:300;
text-align:left;
margin-top:5px;
line-height: 28px;
}
h1.page__title{
position: relative;
font-size:18px;
color:#252525;
font-weight:400;
font-family:Roboto;
font-size:32px;
margin-bottom: 25px;
}
div.page__title{
position: relative;
font-size:18px;
color:#252525;
font-weight:400;
font-family:Roboto;
font-size:28px;
margin-bottom: 20px;
line-height: 44px;
}
.page__title:before{
content:'';
color:#252525;
width:40px;
position: absolute;
border:1px solid #d4d3d2;
bottom:-1px;
}
.mess__ceo__block{
width:100%;
height:auto;
position: relative;
}
.mess-ceo{
height:178px;
padding:20px;
padding-bottom:0px;
background-size: cover;
padding-bottom: 25px;
position: absolute;
bottom:0px;
filter: alpha(opacity=80);
}
.Black > .mess-ceo {
background: rgba(0, 0, 0, 0.58);
}
.Black >.mess-ceo >p.mess-excerpt-bottom {
color:white;
}
.Black >.mess-ceo > a {
color:white;
}
.Black >.mess-ceo > a >.fa {
color:white;
}
.White >.mess-ceo {
background: rgba(255, 254, 254, 0.58);
}
.White > .mess-ceo > p {
color:black;
}
.Clear > .mess-ceo {
background: rgba(255, 254, 254, 0.58);
}
.Clear >.mess-ceo > p {
color:black;
}
.mess-excerpt-top{
font-size:17px;
color:#fff;
font-family: 'Roboto', sans-serif;
margin-bottom:10px;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
}
.mess-excerpt-bottom{
font-size:13px;
color:#000;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.mess-ceo .mess-signature{
float:left;
}
.mess-ceo-readmore{
display:block;
text-align:right;
font-size:11px;
color:#3d2b12;
}
.mess-ceo-readmore .fa{
margin-left:5px;
color:#3d2b12;
}
.nq-block{
width:100%;
padding:30px 0px;
padding-bottom:0px;
}
.news__events {
margin-right:-15px;
margin-left:-15px;
}
.news__events h3.news__events__title{
font-size:18px;
color:#626262;
font-weight:200;
}
span.title-h{
background:#d4d3d2;
color:#fff !important;
padding:3px 5px;
font-size:16px !important;
}
.news__events .news__events__item{
min-height:70px;
width:100%;
float:left;
background:#f2f1eb;
margin-bottom: 16px;
}
.first__items__news__events{
width:100%;
height:auto;
position: relative;
}
.first__items__news__events img.first-img-news{
width:100%;
}
.first__items__news__events h4.first__items__title{
width: 100%;
background: rgba(118,118,118,0.7);
position: absolute;
bottom: -14px;
padding: 10px 5px;
font-size:15px;
color:#fff;
line-height:20px;
}
.first__items__news__events h4.first__items__title a{
color:#fff;
font-family: 'Roboto', sans-serif;
}
.news__events .news__events__item:last-child{
margin-bottom:0px;
}
.news__events .news__events__item img{
float:left;
margin-right:10px;
}
.news__events .news__events__title__item{
font-size:13px;
margin-bottom:0px;
margin-top:0px;
padding-right: 5px;
font-family: 'Roboto', sans-serif;
}
.news__events .events__item{
position: relative;
width:70px;
height:70px;
float:left;
margin-right: 10px;
}
.news__events .events__item__title{
position: absolute;
color:#fff;
background-color:#f58426;
display:block;
bottom:0px;
width:100%;
font-size:11px;
text-align:center;
}
.quick__links{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
display: -webkit-flex; /* Safari */
-webkit-justify-content: space-between; /* Safari 6.1+ */
}
.quick__links__item{
display:block;
width:80px;
min-height:115px;
text-align:center;
}
.quick__links__item img{
display:block;
margin:auto;
}
.news__detail__actions.option2_news_action span {
font-size: 12px;
}
.event-time {
font-size: 12px;
}
.opt2-listnews2 .featured-news .list__news__created
{
font-size:12px;
}
.opt2-listnews2 .featured-news-desc {
font-size:12px;
}
.featured-news .comment-news {
font-size:12px;
}
.featured-news .like-news {
font-size:12px;
}
span.quick__links__item__title{
color:#000000;
font-size:12px;
text-align:center;
display:inline-block;
font-weight:300;
margin-top:2px;
}
.star-block{
margin-top:0px;
margin-bottom:30px;
}
blockquote.testimonial{
background:none;
color:#000000;
padding: 10px 2px;
}
blockquote.testimonial p{
color:#000000;
font-style:none;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-size:16px;
font-weight:300;
}
blockquote.testimonial:before{
color:#d1d1d1;
left: -30px;
font-size:70px;
}
blockquote.testimonial:after{
color:#d1d1d1;
right: 14px;
font-size:70px;
}
.star-block .star__name{
color:#f58426;
font-size:24px;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
.star-block .star__jobtitle{
color:#f58426;
font-size:14px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.star-block .star__deparment{
color:#f58426;
font-size:14px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
p.star__intro{
padding: 3px 17px;
margin-top:20px;
color:#000000;
}
.block__star__month .owl-theme .owl-dots .owl-dot span{
width: 20px;
height: 20px;
}
.block__star__month .owl-theme .owl-dots .owl-dot.active span, .block__star__month .owl-theme .owl-dots .owl-dot:hover span{
background-color:#f58426;
}
.block__star__month .owl-carousel .owl-item img{
margin:auto;
width:auto !important;
}
.group{
display:flex;
display: -webkit-flex; /* Safari */
-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
}
.img-container1{
flex:1.7679;
}
.oclock__img{
flex:1.0135;
}
.oclock__intro{
background-color:#00aceb;
float:left;
width: 56%;
}
h4.oclock__title{
font-weight:500;
font-size:18px;
margin-left: 10px;
margin-top:10px;
margin-bottom: 2px;
}
.oclock__title a{
color:#fff;
font-weight:500;
}
.oclock__info{
margin-left:10px;
}
.oclock__info p{
margin:3px 0px;
color:#fff;
font-size:13px;
}
.oclock__info .fa{
margin-right:5px;
color:#fff;
}
.oclock-12 .owl-controls{
position: absolute;
top: -35px;
right: 10px;
}
.oclock-12 .owl-theme .owl-dots .owl-dot.active span,.oclock-12 .owl-theme .owl-dots .owl-dot:hover span{
width: 10px;
height: 10px;
}
.oclock-12 .owl-theme .owl-dots .owl-dot span{
width: 8px;
height: 8px;
}
.oclock-12 .owl-theme .owl-dots .owl-dot.active span,.oclock-12 .owl-theme .owl-dots .owl-dot:hover span {
background-color: #d80808;
}
.oclock-12 .owl-theme .owl-dots .owl-dot span{
margin-left:0px;
}
.breadcrumb{
background:none;
padding-left:0px;
}
.show-all{
display:block !important;
margin:auto;
}
.hide-all{
display:none !important;
}
/******************************************************************************* News **************************************************************************/
.news__details__title > h1 {
margin-bottom:10px !important;
}
.news__details h1.news__details__title{
font-size: 25px;
color: #004987;
margin-bottom: 10px;
font-weight: 400;
line-height: 28px;
}
.news__detail__actions{
width:100%;
margin-bottom:20px;
color:9f9f9f;
}
.news__detail__actions .fa{
margin-right:5px;
}
.news__detail__actions_item{
margin-left:10px;
color:9f9f9f;
}
.news__details .news__detail__exerpt{
margin-top: 27px;
margin-bottom: 27px;
border-left: 2px solid #777777;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.news__details .news__details__fulltext{
color:#000;
line-height: 20px;
text-align:justify;
}
.news__details .news__details__author{
color:#000;
font-weight:500;
}
.news__details .news__details__author .news__details__author__by{
font-weight:normal;
display:block;
text-align:center;
}
.news__details ul.recent__news{
padding-left:0px;
list-style-type:none;
}
.news__details ul.recent__news li{
border-bottom:1px solid #ccc;
min-height: 70px;
padding-bottom: 10px;
}
.news__details ul.recent__news li a{
color:#004987;
font-weight:400;
}
.news__details ul.recent__news li span.recent__news__date{
display:block;
}
.news__details ul.recent__news li span.recent__news__date img{
margin-right:5px;
}
.news__details .archive__news{
margin-top:20px;
}
.news__details .archive__news ul.archive__news__list{
padding-left: 17px;
font-size: 18px;
color:#dadada;
}
.news__details .archive__news ul.archive__news__list li a{
color:#999999;
font-weight:500;
font-size:14px;
}
.poll{
width:100%;
height:auto;
margin-top:20px;
}
.poll .poll__header{
margin-bottom:0px;
}
.poll .poll__text{
margin-bottom:10px;
}
.poll .poll__desc{
border:1px solid #ddd;
padding: 15px;
}
.poll .poll__desc label{
color:#000;
}
.poll .poll__btn__result{
background-color:#fff !important;
color: #777777;
border:1px solid #777777 !important;
}
.poll .poll__desc .btn.btn-primary{
border-radius:0px;
background-color:#d80808;
margin-top:10px;
margin-bottom:5px;
border-color:#d80808 !important;
margin-left: 10px;
}
.news__details__comments .comments__total{
color:#000;
}
ul.news__list__comment{
list-style-type:none;
padding-left:0px;
}
ul.news__list__comment li{
margin-bottom:20px;
}
ul.news__list__comment img.comment__avatar{
float: left;
margin-right: 15px;
margin-top: 6px;
}
ul.news__list__comment .comment__created{
margin-right:5px;
font-weight:normal;
color:#777777;
}
ul.news__list__comment .news__list__comment__name{
font-weight:500;
color:#000;
}
ul.news__list__comment .news__list__comment__content{
overflow:hidden;
}
ul.news__list__comment li ul.news__list__comment__repply{
list-style-type:none;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 10px;
}
.leave__comment{
margin-bottom:20px;
}
h4.leave__comment__title{
color:#000;
font-weight: 400;
}
.leave__comment__input{
width:89%;
min-height:55px;
border:1px solid #ddd;
}
.leave__comment .leave__comment__avatar{
float:left;
margin-right:15px;
}
h2.list__news__title{
margin-top:-7px;
margin-bottom:10px;
line-height: inherit;
}
h2.list__news__title a{
color:#00467f;
font-size:18px;
margin-top:10px;
font-weight:400;
}
.list__news__created{
margin-bottom:5px;
}
.list__news__item{
margin-bottom:25px;
}
.news__details h1.news__details__title{
font-size: 25px;
color: #004987;
margin-bottom: 10px;
font-weight: 400;
line-height: 28px;
}
.news__detail__actions{
width:100%;
margin-bottom:20px;
color:9f9f9f;
}
.news__detail__actions .fa{
margin-right:5px;
}
.news__detail__actions_item{
margin-left:10px;
color:9f9f9f;
}
.news__details .news__detail__exerpt{
margin-top: 27px;
margin-bottom: 27px;
border-left: 2px solid #777777;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.news__details .news__details__fulltext{
color:#000;
line-height: 20px;
text-align:justify;
}
.news__details .news__details__author{
color:#000;
font-weight:500;
}
.news__details .news__details__author .news__details__author__by{
font-weight:normal;
display:block;
text-align:center;
}
ul.news__list__comment{
list-style-type:none;
padding-left:0px;
}
ul.news__list__comment li{
margin-bottom:20px;
}
ul.news__list__comment img.comment__avatar{
float: left;
margin-right: 15px;
margin-top: 6px;
}
ul.news__list__comment .comment__created{
margin-right:5px;
font-weight:normal;
color:#777777;
}
ul.news__list__comment .news__list__comment__name{
font-weight:500;
color:#000;
}
ul.news__list__comment .news__list__comment__content{
overflow:hidden;
}
ul.news__list__comment li ul.news__list__comment__repply{
list-style-type:none;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 10px;
}
.leave__comment{
margin-bottom:20px;
}
h4.leave__comment__title{
color:#000;
font-weight: 400;
}
.leave__comment__input{
width:89%;
min-height:55px;
border:1px solid #ddd;
}
.leave__comment .leave__comment__avatar{
float:left;
margin-right:15px;
}
/******************************************************************************* News ***************************************************************************/
.tmg-pagination .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span{
border-radius:0px;
margin-right:5px;
}
.tmg-pagination .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span{
border-radius:0px;
margin-left:5px;
}
.tmg-pagination .pagination-lg > li > a,.tmg-pagination .pagination-lg > li > span {
padding: 5px 14px;
font-size: 14px;
color:#626262;
}
.tmg-pagination .pagination > li > a.active{
background-color:#d80808;
color:#fff;
border:1px solid #d80808;
}
.tmg-pagination .pagination > li > a:hover,.tmg-pagination .pagination > li > span:hover,.tmg-pagination .pagination > li > a:focus,.tmg-pagination .pagination > li > span:focus{
background-color:#d80808;
color:#fff;
}
.breadcrumb a.breadcrumbRootNode{
color:#333;
}
.breadcrumb .breadcrumbCurrentNode{
color:#d4d3d2 !important;
}
.breadcrumb .breadcrumbNode{
color:#333;
}
/******************************************************************************** Sidebar **********************************************************************/
.sidebar .news__category{
margin-bottom: 20px;
float: left;
width: 100%;
}
.sidebar .news__category ul{
padding-left:0px;
list-style-type:none;
}
.sidebar .news__category ul li{
padding: 0px 0px;
padding-left:0px;
}
.sidebar .news__category ul li:last-child{
border:none;
}
.sidebar .news__category ul li:first-child{
}
.sidebar .news__category ul li > a{
padding-left:10px !important;
}
.sidebar .news__category ul.ms-core-listMenu-root > li > a > span > span.menu-item-text:before{
color: #999999;
content: "\f105";
font-family: fontawesome;
margin-right: 10px;
}
.sidebar .news__category ul.ms-core-listMenu-root > li.selected > a.selected > span > span.menu-item-text:before{
color: #fff;
content: "\f105";
font-family: fontawesome;
margin-right: 10px;
}
.sidebar .news__category ul li.selected{
border:none;
}
.sidebar .news__category ul li.selected > a{
background-color:#d4d3d2 !important;
font-weight:500;
}
.sidebar .news__category ul li.selected > a span{
color:#fff;
font-weight:400;
}
.sidebar .news__category ul li.selected a{
}
.sidebar .news__category ul li.selected:hover > a{
color:#d4d3d2;
}
.sidebar .news__category ul li:hover{
color:#d80808;
}
.sidebar .news__category ul > li:hover > a{
color:#d80808;
}
.sidebar .news__category ul li:last-child:hover{
border-bottom-left-radius: 10px;
}
.sidebar .news__category ul li a{
font-size:14px;
color:#777777;
font-family: Roboto !important;
}
/*************new sitebar**************************/
.news__category{
margin-bottom: 20px;
float: left;
width: 100%;
}
.news__category ul{
padding-left:0px;
list-style-type:none;
}
.news__category ul li{
padding: 0px 0px;
padding-left:0px;
}
.news__category ul li:last-child{
border:none;
}
.news__category ul li:first-child{
}
.news__category ul li > a{
padding-left:10px !important;
}
.news__category ul.ms-core-listMenu-root > li > a > span > span.menu-item-text:before{
color: #999999;
content: "\f105";
font-family: fontawesome;
margin-right: 10px;
}
.news__category ul.ms-core-listMenu-root > li.selected > a.selected > span > span.menu-item-text:before{
color: #fff;
content: "\f105";
font-family: fontawesome;
margin-right: 10px;
}
.news__category ul li.selected{
border:none;
}
.news__category ul li.selected > a{
background-color:#d4d3d2 !important;
font-weight:500;
}
.news__category ul li.selected > a span{
color:#fff;
font-weight:400;
}
.news__category ul li.selected a{
}
.news__category ul li.selected:hover > a{
color:#d4d3d2;
}
.news__category ul li:hover{
color:#d80808;
}
.news__category ul > li:hover > a{
color:#d80808;
}
.news__category ul li:last-child:hover{
border-bottom-left-radius: 10px;
}
.news__category ul li a{
font-size:14px;
color:#777777;
font-family: Roboto !important;
}
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item{
padding-left:0px !important;
}
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item span{
padding-left:13px;
}
#sideNavBox .ms-core-sideNavBox-removeLeftMargin{
margin-left:0px;
}
/******************************************************************************** End sidebar ******************************************************************/
.top-header{
width:100%;
background:url(../img/about.png);
height: 400px !important;
opacity: 1;
position:relative;
margin-bottom:20px;
}
.top-header-overlay{
position:absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: #000;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.top-header img{
max-width:100%;
height:auto;
display:block;
margin:0px !important;
width:100%;
}
.title-header{
color:#fff;
display: table-cell;
vertical-align: middle;
z-index: 999;
position: relative;
font-size:40px;
text-align:center;
}
.wrap-title-header{
display: table;
width: 100%;
height: 100%;
}
.parent-wrap{
line-height: initial;
width: auto;
margin: auto;
height:100%;
max-width: 990px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background-color: #d80808;
}
/*
.owl-carousel .owl-item img{
width:auto;
}
*/
#bottom{
width:100%;
background-color:#f4f4f4;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(left, #fafafa 0%, #fcfcfc 32%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fafafa 0%,#fcfcfc 32%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fafafa 0%,#fcfcfc 32%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
}
#footer{
border-top:0px;
padding-top:0px;
margin-top:0px;
}
#footer .footer__top{
min-height:243px;
background-size:contain;
border-top:0px;
padding-top:32px;
width:100%;
background:url(../img/bg-footer3.jpg) !important;
}
#footer .footer-copyright{
background:#333;
border-top:0px;
margin-top:0px;
padding: 15px 0 15px;
}
#footer .footer-copyright p{
color:#fff;
}
#footer .footer-copyright nav {
float: right;
}
#footer .footer-copyright nav#sub-menu .fa{
margin-right:5px;
}
#footer .container .row > div {
margin-bottom: 0px;
}
.clear{
clear:both;
}
.line__underscore{
position: relative;
font-size:18px;
color:#626262;
font-weight:200;
font-family:Roboto;
}
.line__underscore:before{
content:'';
color:#d4d3d2;
width:40px;
position: absolute;
border-bottom:1px solid #d4d3d2;
bottom:0px;
width:100%;
height:1px;
}
.rt{
padding-right:0px;
}
.lt{
padding-left:0px;
}
.fa-chrome:before {
content: "\f268";
}
ul.list.icons li i{
color:#d80808;
}
.feature-box.secundary .feature-box-icon{
background:#d80808;
line-height: 60px;
}
h2.sub-titlepage{
color: #222222;
margin-bottom: 5px;
}
.title-module{
width: 100%;
height: 120px;
background-color: #f2f5f8;
font-size: 22px;
text-transform: uppercase;
padding-top: 50px;
}
.title-underline{
color: #626262 !important;
font-weight: 400;
font-family: Roboto;
position: relative;
}
.icon-home .fa{
color:#d4d3d2;
font-size:18px;
}
/*
.title-underline:before {
content: '';
color: #d80808;
width: 40px;
position: absolute;
border: 1px solid #d80808;
right:50%;
}
*/
.toggle-mobile-right{
display: none;
width: 38px;
height: 35px;
background: #c52126;
color: #fff;
float: right;
line-height: 35px;
text-align: center;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 5px;
}
.right-menu-mob{
display:none;
}
.social-span {
font-size: 13px !important;
color: #000 !important;
}
/***********************CH**********************************************************************************************************************************/
/*home*/
.cat_news {
font-size:11px;
}
.h3.first-title-n {
font-size:12px;
}
.text-news2 h3.first-title-n a {
font-size:12px;
}
.line__underscore{
font-size:18px;
}
.wc__navigation {
font-size:14px;
}
.opt2-listnews2 .featured-title-r {
font-size:14px;
}
.comment__created span{
font-size:12px;
}
.al-right {
font-size: 12px !important;
}
.opt2-listnews2 .f-comment {
font-size: 12px !important;
}
.opt2-listnews2 .f-like {
font-size: 12px !important;
}
.opt2-listnews2 a.feat-img-r span.f-cat, .time-event span {
font-size:14px;
}
.announce-title {
font-size:14px;
}
.widget.timeline-posts li h3 {
font-size:14px;
}
.date-e-home {
font-size:12px;
}
span.quick__links__item__title {
font-size:12px;
}
/*********/
/*News*/
.opt2-listnews2 .featured-title-r {
font-size:14px;
}
.opt2-listnews2 .f-title-news {
font-size:18px;
}
.news__details .archive__news ul.archive__news__list li a {
font-size:14px;
}
/*********/
/***Event*****/
.btn-sm, .btn-xs {
font-size:14px !important;
}
.event-time , .created-event {
font-size:12px;
}
.numb_like {
font-size:12px !important;
}
.ms-webpart-titleText:before {
left:0;
}
.panel-body {
font-size:12px;
}
/*************/
/*******Other****/
#content__responsive p, .ms-rtestate-field{
color: #777777;
line-height: 24px !important;
margin: 0 0 20px !important;
font-family:'Roboto',sans-serif !important;
font-size:12px;
}
#content__responsive ul, ol {
margin-top: 0;
margin-bottom: 10px;
font-family:'Roboto',sans-serif !important;
color: #000;
font-size:12px;
}
#content__responsive li {
line-height: 24px !important;
font-family:'Roboto',sans-serif !important;
color: #777777;
font-size:12px;
}
#footer ul.list.icons li a {
font-size: 13px;
}
/***************/
/***********************END CH******************************************************************************************************************************/
@media only screen and (max-width : 1199px) and (min-width : 992px) {
.first__items__news__events h4.first__items__title{
bottom: initial;
}
.quick__links{
-webkit-flex-flow: initial;
}
#header nav ul.nav-main li a {
color: #404040;
font-weight: 400;
font-family: Roboto;
font-size: 12px;
margin-right: 15px;
padding: 10px 5px;
}
.ms-srch-sbLarge>input {
width: 92% !important;
}
}
@media screen and (max-width:992px){
.text-news2 .Black {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .White {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .Clear {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news{
bottom: 22px;
}
}
@media only screen and (max-width : 991px) and (min-width : 768px) {
.area__slider .rt{
padding-right:15px;
}
.area__slider .lt{
}
.area__slider .img-mess-ceo img{
width:100%;
}
.oclock__intro{
width:100%;
float:none;
}
.group{
display:block;
}
#header .search {
margin-top: 4px;
padding-left: 35px;
}
.mess-ceo {
height:auto !important;
}
.text-news2 .Black {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .White {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .Clear {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.wiDetailDay > ul {
padding-left: 0px;
font-size: 13px;
}
.nameCountry {
width:100% !important;
padding-left:0px !important;
}
.ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
font-size: 13px;
}
.news__details__title > h1 {
line-height: 24px !important;
margin-bottom: 10px !important;
}
}
@media (max-width: 991px){
#header .nav-main-collapse {
background: #6FA232;
top: 28px !important;
min-height: 42px;
}
.social-span {
font-size: 13px !important;
color: #333 !important;
}
#header .search {
display:block;
}
#header .search button.btn-default{
color: #000000;
right: -16px !important;
}
#header .nav-main ul li{
border:none;
}
#header nav ul.nav-main li.active a, #header nav ul.nav-main li > a:hover{
border-bottom: 0px solid #d80808;
}
.dropdown-menu li a{
font-family: 'Roboto', sans-serif;
color:#fff;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu{
border-bottom:0px;
}
.btn-responsive-nav {
background: #d4d3d2;
}
#header .nav-main-collapse{
background:#c52126;
/*background:#012447;*/
}
#header nav ul.nav-main li a{
color:#fff;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title{
background:none;
}
#header nav.mega-menu ul.nav-main li.mega-menu-item img{
display:block;
margin:initial;
}
.first__items__news__events{
margin-bottom:10px;
}
#header nav ul.nav-main ul.menu-active{
display:block !important;
}
span.nav-span-title, span.caret{
color:white;
}
span.caret:hover{
color:white;
}
span.nav-span-title:hover{
color:white;
text-decoration: underline;
}
div#treeContainer{
display:none !important;
}
div#treeContainerMobile{
display:block !important;
}
.search_pages div#SelectedSection div.ms-displayInlineBlock, .search_pages div#UnselectedSection div.ms-displayInlineBlock, .search_pages div#AllSection a#FilterLink, .search_pages div#UnselectedSection div.ms-ref-pplPicker{
padding-right: 10px;
}
.icon-home .fa{
color:#fff;
font-size:18px;
}
.icon-home{
margin-left: 5px;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
line-height: 14px !important;
}
.sidebar .ms-srch-sbLarge-fullWidth {
width: 71% !important;
}
.ms-srch-sbLarge>input {
width: 92% !important;
}
.text-news2 .Black {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .White {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news2 .Clear {
height: 55px;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.text-news > .Black {
line-height: 18px;
}
.text-news > .White {
line-height: 18px;
}
.text-news > .Clear {
line-height: 18px;
}
}
/************************** Thanh mới thêm *************************/
@media screen and (min-width: 991px){
nav.menu-top ul.follow-sites{
left: 0 !important;
}
ul.nav-top > li{
position:relative !important;
}
}
@media screen and (max-width: 990px) and (min-width: 768px){
nav.menu-top ul.follow-sites{
left: 0 !important;
}
ul.nav > li{
position:initial !important;
}
}
@media screen and (max-width: 681px){
span.parent-text-ql {
display: none !important;
}
}
@media screen and (max-width: 767px){
#header nav ul.nav-top>li {
margin-right: 1px !important;
}
#header .logo {
position: absolute;
display: block;
vertical-align: initial;
top: 44px;
}
nav.menu-top ul.nav-top li:hover ul.dropdown-menu {
left:auto !important;
}
ul.nav > li{
position:initial !important;
}
ul.nav-top > li > a > span.parent-text-ql {
display: inline !important;
padding-left: 3px !important;
padding-right: 0px !important;
}
}
@media screen and (max-width: 550px){
.nav > li{
position:initial !important;
}
}
/**************************************** END THANH *****************************/
@media screen and (max-width: 970px) {
h4.oclock__title{
text-overflow: ellipsis;
width: 89%;
white-space: nowrap;
overflow: hidden;
}
}
@media only screen and (max-width: 768px ){
.news__events {
margin-right:0px;
margin-left:-15px;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 12px !important;
line-height: 12px !important;
}
.caret {
right: -15px !important;
}
.ms-srch-sbLarge>input {
width: 91% !important;
}
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.wrap-search >.btn.btn-default.submitform {
left: 85%;
}
.text-news {
width: 94.7% !important;
bottom: 0px !important;
}
.text-news > .White {
height: 88px!important;
padding-top: 10px !important;
font-size: 14px;
line-height:17px!important;
}
.text-news > .Black {
height: 88px!important;
padding-top: 10px !important;
font-size: 14px;
line-height:17px!important;
}
.text-news > .Clear {
height: 88px!important;
padding-top: 10px !important;
font-size: 14px;
line-height:17px!important;
}
.news__details__title > h1 {
line-height: 24px !important;
margin-bottom: 10px !important;
}
.lt {
}
#header .search button.btn-default {
position: relative;
top: -10px;
right: 0px !important;
}
.wrap-search .submitform {
top: -30px !important;
left: 79% !important;
}
}
@media only screen and (max-width : 767px) {
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
.mess-excerpt-top {
margin-bottom: 0px !important;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.wrap-search >.btn.btn-default.submitform {
left: 85%;
}
.social-span {
font-size: 13px !important;
color: #333 !important;
}
.toggle-mobile-right{
display: block;
width: 150px;
height: 35px;
background: #d4d3d2;
color: #fff;
float: right;
line-height: 35px;
text-align: center;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 5px;
cursor: pointer;
}
.right-menu-mob{
display:none;
}
.right-menu-mob #sideNavBox{
background-color:#f4f4f4;
padding-left:5px;
padding-right:5px;
}
.area__slider .carousel-caption h4{
font-size: 25px;
}
.img-mess-ceo img{
width:100%;
}
.first__items__news__events{
margin-bottom:10px;
}
.news__events{
margin-bottom:10px;
}
h4.oclock__title{
font-weight:500;
font-size:13px;
margin-left: 10px;
text-overflow:string;
width:100%;
white-space: initial;
overflow: inherit;
}
.img-full-width{
width:100%;
}
.oclock__title a{
font-size:18px;
}
.rt{
padding-right:15px;
}
.lt{
padding-left:15px;
}
.new-option1 a.normal-news-img:before {
content: '';
bottom: 0;
content: "";
display: block;
height: 100%;
width: 92.5% !important;
position: absolute;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
.new-option1{
margin-bottom:10px !important;
}
.sidebar{
display:none;
}
.show-all {
display: block !important;
margin: auto;
}
.ms-srch-sbLarge-fullWidth{
width:auto;
}
.carousel-caption .White{
}
.carousel-caption .Black{
}
.carousel-caption .White > a > h4{
color: white !important;
}
.carousel-caption .White > a > p{
color: white !important;
}
#header nav ul.nav-top li{
display:inline-block !important;
}
.Black >.mess-ceo {
padding-bottom: 0px !important;
}
.White >.mess-ceo {
padding-bottom: 0px !important;
}
.Clear >.mess-ceo {
padding-bottom: 0px !important;
}
.text-news {
width: 96% !important;
bottom: 0px !important;
}
.mess-ceo {
height:auto !important;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
.option-slider-news .carousel-caption {
height: 160px;
width: 100%;
}
.news-option1 > a > img {
width: 100%;
}
.news-item > a > img {
width: 100%;
}
.news-option1 {
display:block !important;
}
}
}
@media screen and (max-width: 600px) {
#header .logo {
vertical-align: bottom;
}
#header .logo {
/* vertical-align: bottom; */
position: absolute;
/* bottom: 60px; */
display: block;
vertical-align: initial;
top: 44px;
}
#header nav ul.nav-top li a, #header nav ul.nav-top li span {
color: #999;
font-size: 0.9em;
padding: 6px 2px;
}
.mess-ceo {
height:auto !important;
}
.ms-srch-sbLarge>input {
width:89% !important;
}
.a.normal-news-img:before {
width:auto !important;
}
.news-option1 {
display:block !important;
}
}
@media (max-width: 479px){
#header nav ul.nav-top, #header .header-top {
display: block;
}
#header .logo {
/* vertical-align: bottom; */
position: absolute;
/* bottom: 60px; */
display: block;
vertical-align: initial;
top: 44px;
}
.carousel-caption .Clear > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .White > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .Black > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .Clear > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px !important;
}
.carousel-caption .White > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px !important;
}
.carousel-caption .Black > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px !important;
}
.ms-srch-sbLarge>input {
width:89% !important;
}
.news-option1 {
display:block !important;
}
}
@media screen and (max-width:425px){
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.wrap-search >.btn.btn-default.submitform {
left: 85%;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
.area__slider .carousel-caption {
width: 100% !important;
height: 115px;
}
.Clear >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height: 18px;
}
.White >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height: 18px;
}
.Black > .mess-ceo {
background: rgba(0, 0, 0, 0.58)!important;
line-height: 18px;
}
.mess-ceo {
padding:0 15px !important;
}
.mess-excerpt-bottom {
display:none;
}
.mess-excerpt-top {
margin-bottom: 0px !important;
}
.a.normal-news-img:before {
width:auto !important;
}
.text-news2 h3.first-title-n {
line-height: 13px !important;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
text-transform: none !important;
}
a.normal-news-img:before {
background: none !important;
width: auto !important;
}
.news-option1 {
}
.text-news {
width: 92.3% !important;
bottom: 0px !important;
}
.news-option1 {
display:block !important;
}
}
@media screen and (max-width: 420px) {
.o365cs-nav-brandingText{
display:none !important;
}
.ms-srch-sbLarge>input {
width:86% !important;
}
.social-span{
font-size:13px !important;
color:#333 !important;
}
.area__slider .carousel-caption h4{
font-size:20px;
}
.quick__links__item{
width: 65px;
margin-right: 12px;
}
.mess-excerpt-bottom{
display:none;
}
blockquote.testimonial:before {
color: #d1d1d1;
left: -11px;
font-size: 70px;
top: -6px;
}
nav.menu-top .dropdown-menu{
width:330px;
}
#header nav ul.nav-top li a, #header nav ul.nav-top li span {
color: #999;
font-size: 0.9em;
padding: 6px 3px;
}
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.search > .input-group > .input-group-btn > button {
padding-left: 0px !important;
padding-right: 0px !important;
}
.carousel-caption .Clear > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .White > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .Black > a > p {
padding: 10px 10px 0px 10px;
}
.carousel-caption .Clear > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.carousel-caption .White > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.carousel-caption .Black > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
.area__slider .carousel-caption {
width: 100% !important;
height: 115px;
}
.mess-ceo {
padding:0 15px !important;
}
.mess-excerpt-top {
margin-bottom: 0px !important;
}
a.normal-news-img:before {
background: none !important;
width: auto !important;
}
.news-option1 {
display:block !important;
}
}
@media screen and (max-width:375px) {
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.search > .input-group > .input-group-btn > button {
padding-left: 0px !important;
padding-right: 0px !important;
}
.wrap-search >.btn.btn-default.submitform {
left: 85%;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
li.mega-menu-item.mega-menu-fullwidth.quick-find > ul {
width: 325px !important;
}
.area__slider .carousel-caption {
width: 100% !important;
height: 115px;
}
.Clear >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.White >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.Black > .mess-ceo {
background: rgba(0, 0, 0, 0.58)!important;
line-height:18px;
}
.mess-ceo {
padding:0 15px !important;
}
.mess-excerpt-top {
margin-bottom: 0px !important;
}
.text-news2 h3.first-title-n {
line-height: 13px !important;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
text-transform: none !important;
}
a.normal-news-img:before {
background: none !important;
width: auto !important;
}
.text-news {
width: 92% !important;
bottom: 0px !important;
}
.news-option1 {
display:block !important;
}
nav.menu-top ul.nav-top li.quick-find ul.sub-menu li > ul.sub-menu > li {
margin-left: 20px;
}
}
}
@media screen and (max-width: 350px) {
.area__slider .carousel-caption h4 {
font-size: 15px !important;
}
.quick__links__item {
width: 56px;
margin-right: 12px;
}
a.normal-news-img:before{
background:none !important;
width:auto !important;
}
.text-news2 {
bottom: 17px !important;
}
nav.menu-top .dropdown-menu{
width:300px;
}
nav.menu-top .dropdown-menu .col-md-4{
padding-left:0px;
padding-right:0px;
}
nav.menu-top .dropdown-menu{
width:100% !important;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
.area__slider .carousel-caption {
width: 100% !important;
height: 115px;
}
.Clear >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.White >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.Black > .mess-ceo {
background: rgba(0, 0, 0, 0.58)!important;
line-height:18px;
}
.mess-ceo {
padding:0 15px !important;
}
.text-news2 h3.first-title-n {
line-height: 13px !important;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
text-transform: none !important;
}
.text-news2 h3.first-title-n {
line-height: 13px !important;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
text-transform: none !important;
}
a.normal-news-img:before {
background: none !important;
width: auto !important;
}
.news-option1 {
display:block !important;
}
}
@media screen and (max-width:320px){
#header nav ul.nav-top li a, #header nav ul.nav-top li span {
color: #999;
font-size: 0.9em;
padding: 6px 1px;
}
#header .search {
margin-top: 4px;
padding-left: 0px;
margin-left: 0px;
}
#header nav {
margin-right:10px;
}
#header .search button.btn-default {
color: white;
width: 15px;
white-space: nowrap;
overflow: hidden;
}
.search > .input-group > .input-group-btn > button {
padding-left: 0px !important;
padding-right: 0px !important;
}
.wrap-search >.btn.btn-default.submitform {
left: 85%;
}
.carousel-caption .Clear > a > p {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.carousel-caption .White > a > p {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.carousel-caption .Black > a > p {
color: #fff !important;
padding: 0px 10px 0px 10px;
}
.carousel-caption .Clear > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px;
}
.carousel-caption .White > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px;
}
.carousel-caption .Black > a > h4 {
color: #fff !important;
padding: 0px 10px 0px 10px;
line-height:18px;
}
.ms-srch-sbLarge>input {
width:85% !important;
}
.ms-srch-item-path {
width: 100%;
word-break: break-all;
}
.ms-srch-item-summary {
padding-top: 2px;
display: inline-block;
word-break: break-all;
}
nav.menu-top ul.nav-top li.quick-find ul.sub-menu li > ul.sub-menu > li {
height: auto !important;
}
li.mega-menu-item.mega-menu-fullwidth.quick-find > ul {
width: auto!important;
}
.area__slider .carousel-caption {
width: 100% !important;
height: 105px;
}
.Clear >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.White >.mess-ceo {
background: rgba(255, 254, 254, 0.58)!important;
line-height:18px;
}
.Black > .mess-ceo {
background: rgba(0, 0, 0, 0.58)!important;
line-height:18px;
}
.text-news > .Black {
padding-top: 5px!important;
}
.text-news > .White {
padding-top: 5px!important;
}
.text-news > .Clear {
padding-top: 5px!important;
}
.text-news {
width: 48%;
width: 90.7% !important;
bottom: 0px !important;
}
.cat_news {
font-size: 10px !important;
}
.news-option1 {
padding-right:15px !important;
}
.text-news2 h3.first-title-n {
line-height: 13px !important;
}
.text-news2 h3.first-title-n a {
color: #fff;
font-size: 13px !important;
text-transform: none !important;
}
.mess-ceo {
padding:0 15px !important;
}
.mess-excerpt-top {
margin-bottom: 0px !important;
}
.news-option1 {
display:block !important;
}
.quick__links__item {
width: 65px;
margin-right: 5px;
}
nav.menu-top .dropdown-menu {
width: 285px;
}
}
input[type=button], input[type=reset], input[type=submit], button{
min-width:auto;
}
#s4-bodyContainer{
padding-bottom:0px;
}
#s4-ribbonrow *,
#s4-ribbonrow *:before,
#s4-ribbonrow *:after,
#ms-help *,
*[class*='ms-core-menu'],
*[class*='ms-dlg'],
*[class*='ms-dlg']:before,
*[class*='ms-dlg']:after,
.ms-dlgFrameContainer > div,
.ms-dlgFrameContainer > div:before,
.ms-dlgFrameContainer > div:after,
.ms-dlgFrameContainer > div > div,
.ms-dlgFrameContainer > div > div:before,
.ms-dlgFrameContainer > div > div:after,
.ms-MenuUIPopupBody,
.ms-MenuUIPopupBody:before,
.ms-MenuUIPopupBody:after,
.ms-MenuUIPopupBody *,
.ms-MenuUIPopupBody *:before,
.ms-MenuUIPopupBody *:after,
.ms-ToolPaneOuter,
.ms-ToolPaneOuter:before,
.ms-ToolPaneOuter:after,
.ms-ToolPaneOuter *,
.ms-ToolPaneOuter *:before,
.ms-ToolPaneOuter *:after,
*[class*='ms-cui'],
*[class*='ms-cui']:before,
*[class*='ms-cui']:after,
*[class*='ms-cui'] *,
*[class*='ms-cui'] *:before,
*[class*='ms-cui'] *:after,
*[class*='ms-dlg'] *,
*[class*='ms-dlg'] *:before,
*[class*='ms-dlg'] *:after{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.ms-dlgCloseBtn > span {
box-sizing: initial;
box-sizing: content-box;
}
#PageLinkNext{
box-sizing: content-box;
}
#PageLinkPrev{
box-sizing: content-box;
}
.ms-promlink-button-image{
box-sizing: content-box;
}
.ms-commandLink{
padding:0px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/************** News timeline ******************/
.item-news a:hover {
color: #000000 !important;
text-decoration: underline;
}
.widget-container {
background: #FFF;
/* border-bottom: 4px solid #F88C00; */
/* -webkit-box-shadow: 0 0 3px #CACACA; */
-moz-box-shadow: 0 0 3px #cacaca;
/* box-shadow: 0 0 3px #CACACA; */
padding: 15px;
padding-top: 0px !important;
padding-left: 0px !important;
}
.stripe-line {
background: url(img/stripe.png);
height: 12px;
overflow: hidden;
margin-top: 5px;
}
.widget-top h4 {
/* float: left; */
/* margin-right: 10px; */
/* text-transform: uppercase; */
/* font-family: BebasNeueRegular,arial,Georgia,serif; */
/* color: #333333; */
/* font-size: 20px; */
position: relative;
font-size: 18px;
color: #626262;
font-weight: 400;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.widget-top h4:before {
content: '';
color: #d80808;
width: 100%;
position: absolute;
border-bottom: 1px solid #d80808;
height:1px;
bottom:0px;
}
.widget-container ul{
padding-left:0px;
position: relative;
}
.widget-container ul:before {
position: absolute;
left: 5px;
content: ' ';
display: block;
width: 2px;
height: 100%;
background: rgb(204, 204, 204);
}
.widget-container ul.event-widget:before {
position: absolute;
left: 0px;
content: ' ';
display: block;
width: 2px;
height: 100%;
background: rgb(204, 204, 204);
}
.widget.timeline-posts li {
padding: 0 0 0 5px;
width:100%;
margin-bottom: 10px;
}
.widget-container li {
padding: 0 0 5px 0;
line-height: 18px;
list-style:none;
}
.widget.timeline-posts li span.tie-date {
position: relative;
padding-left: 5px;
margin: 0;
display: inline;
height: 12px;
font-size: 12px;
color: #AAA;
margin-right: 5px;
float: left;
}
.widget.timeline-posts li:first-child span.tie-date{
top: -7px;
}
.widget.timeline-posts li span.tie-date .fa-clock-o{
margin-right:5px;
}
.widget.timeline-posts li span.tie-date:before {
content: '';
width: 8px;
height: 8px;
border: 4px solid #ccc;
display: block;
position: absolute;
left: -3px;
top: 6px !important;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.widget.timeline-posts li:first-child h3{
padding-top:0px;
}
.widget.timeline-posts li h3 {
border-width: 0 0 0 2px;
padding: 5px 0 0px 10px;
font-size:14px;
text-transform:none;
margin-bottom:0px;
color:#444;
position: relative;
top: -3px;
}
.tie-weather-wrap{
clear: both;
overflow: hidden;
}
.tie-weather-todays-stats {
float: right;
padding: 14px 5%;
line-height: 1.4em;
width: 65%;
}
.tie-weather-current-temp {
padding: 10px 0;
width: 35%;
float: left;
font-size: 44px;
line-height: 1em;
font-weight: 300;
text-align: center;
color: #666;
}
.tie-weather-todays-stats {
float: right;
padding: 14px 5%;
line-height: 1.4em;
width: 65%;
}
.weather_name {
font-size: 24pt;
margin-bottom: 10px;
font-family: BebasNeueRegular,arial,Georgia,serif;
}
.weather_desc {
font-weight: bold;
text-transform: capitalize;
margin-bottom: 5px;
}
.tie-weather-forecast {
border-top: solid 1px #EEE;
padding: 20px 10px 15px;
clear: both;
padding-bottom: 35px;
}
.tie-weather-forecast-day {
width: 18%;
margin: 0 1%;
float: left;
text-align: center;
font-weight: 400;
}
.tie-weather-forecast-day-temp {
font-size: 1.8em;
font-weight: 400;
}
.tie-weather-forecast-day-temp sup {
font-size: 0.6em;
padding-left: 2px;
}
.tie-weather-forecast-day-abbr {
text-transform: uppercase;
font-size: 0.8em;
margin-top: 5px;
padding-right: 4px;
}
/**************News*************/
.cat-box-content, #sidebar .widget-container, .post-listing, #commentform {
background: #FFF;
border-bottom: 4px solid #F88C00;
-webkit-box-shadow: 0 0 3px #CACACA;
-moz-box-shadow: 0 0 3px #cacaca;
box-shadow: 0 0 3px #CACACA;
}
.list-box, .wide-box {
clear: both;
}
.cat-box {
margin-bottom: 35px;
margin-bottom:10px;
}
.cat-box-title {
padding: 3px 0;
overflow: hidden;
}
.cat-box-title h2 {
float: left;
margin-right: 10px;
font-family: BebasNeueRegular,arial,Georgia,serif;
font-size:20px;
margin-bottom: 0px;
color:#333;
text-transform: uppercase;
line-height: inherit;
}
.cat-box-title h2 a{
color:#333;
}
.list-box li.first-news {
padding: 15px;
float: left;
}
.list-box li {
overflow: hidden;
padding: 10px;
width: 50%;
float: right;
clear: right;
}
.lazy-enabled #main-content .post-thumbnail.tie-appear, .lazy-enabled #theme-footer div.post-thumbnail.tie-appear, .lazy-enabled #main-content img.tie-appear, .lazy-enabled #featured-posts.tie-appear {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.post-thumbnail a {
display: block!important;
background: #000;
font-size: 0;
}
h2.post-box-title {
font-size: 20px;
line-height: 26px;
color:#333;
font-weight: normal;
margin-bottom: 0px;
}
h2.post-box-title a{
font-size: 20px;
line-height: 26px;
color:#333;
}
li.first-news p.post-meta, .list-box li.first-news p.post-meta, .wide-box li.first-news p.post-meta, .cat-tabs-wrap li.first-news p.post-meta {
padding: 0;
margin: 5px 0 10px;
font-size: 85%;
margin-bottom:0px;
}
.cat-box .entry {
font-size: 12px;
}
.entry {
word-wrap: break-word;
line-height: 22px;
}
.list-box li.other-news {
border-left: 3px solid #eaeaea;
}
.column2 li.other-news, .list-box li.other-news {
background: #f7f7f7;
overflow: hidden;
padding: 17px 20px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #eaeaea;
-webkit-transition: all .40s;
-moz-transition: all .40s;
-o-transition: all .40s;
transition: all .40s;
}
.wide-box li .post-thumbnail, .list-box li .post-thumbnail {
float: left;
}
.cat-box li .post-thumbnail {
margin: 0 10px 0 0;
}
h3.post-box-title {
font-size: 14px;
line-height: 20px;
color:#333;
text-transform:none;
margin-bottom:0px;
}
h3.post-box-title a{
color:#333;
}
.cat-box p.post-meta {
margin: 5px 0 0;
font-size: 80%;
}
p.post-meta {
color: #888;
margin: 7px 0;
font-size: 85%;
}
.cat-box p.post-meta span, .cat-box p.post-meta .stars-small {
margin-right: 7px;
}
p.post-meta span {
display: inline-block;
margin-right: 10px;
}
.widget-container .category{
display:inline;
background:#000;
font-size: 14px;
color: white;
padding: 2px 4px;
}
h1#dialogTitleSpan {
margin-bottom: initial;
}
.ms-newdoc-callout-item h3{
font-size: inherit;
font-weight: initial;
text-transform: none;
}
#sideNavBox{
margin-left:0px;
margin-right:0px;
}
.normal-item-news .normal-news-img:before {
content: '';
bottom: 0px;
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
a.normal-news-img:before {
content: '';
bottom: 2px;
content: "";
display: block;
height: 99.5%;
width: 100%;
position: absolute;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
.js-callout-closeButton{
box-sizing: initial;
}
.nav-tabs li a{
background: #999;
color: #fff;
}
.nav-tabs li a:hover {
background: #d80808;
border-bottom: none;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
border-top: 3px solid #EEE;
color: #fff;
}
.nav-tabs li a.active{
color:#fff;
background: #d4d3d2;
}
.nav-tabs li a, .nav-tabs li a:hover{
border:none;
padding-top:5px;
padding-bottom:5px;
}
.mega-menu-content-c{
padding-left:10px !important;
padding-right:10px !important;
}
.caret{
position: absolute;
right: -25px;
width:60px;
height:35px;
content: '+';
font-family: monospace;
font-weight: bold;
text-align:center;
border:none;
z-index:999;
text-align:right;
padding-right: 10px;
}
.caret:before {
content: '+';
font-family: monospace;
font-weight: bold;
font-size:22px;
}
.caret.active:before {
content: '-';
font-family: monospace;
font-weight: bold;
font-size:22px;
}
.date-e-home{
width: 60px;
height: 60px;
border: 1px solid #d4d3d2;
display: block;
border-radius: 50%;
float: right;
padding-top: 13px;
background: #d80808;
color: #fff;
text-align: center;
font-size: 12px;
margin-top:0px;
}
.sidebar .ms-srch-sbLarge{
width:100%;
}
.sidebar #SearchBox{
width:100%;
}
.sidebar .ms-srch-sbLarge-fullWidth {
width: 80%;
}
.ms-srch-sbLarge{
width:100%;
}
#SearchBox{
width:100%;
}
.ms-srch-sbLarge-fullWidth {
width: 80%;
}
.calendar-list a:focus{
text-decoration:none;
}
.ms-srch-hover-innerContainer{
display:none;
}
.ms-srch-item{
width:100%;
padding:0px;
margin:0px;
}
.ms-srch-item-summaryPreview{
width:100%;
}
.ms-srch-item-path{
width:100%;
}
.ms-srch-ellipsis{
white-space: initial;
overflow: initial;
text-overflow: initial;
}
.ms-srch-sbLarge-fullWidth{
font-size: 14px !important;
}
/****************************************************** Star listing page *************************************/
.star__list_img{
background:url(../img/star2.png);
width:192px;
height:187px;
margin:auto;
display:block;
position: relative;
}
.star__list_img img.star-img{
width:190px;
position:absolute;
z-index:-9;
}
.img-staff{
position: absolute;
}
.star__list{
position: relative;
padding-bottom:10px;
margin-top:10px;
margin-bottom:20px;
min-height:290px;
}
.star__list h4.star__list_name{
font-weight:300;
color:#000000;
text-align:center;
margin-bottom:5px;
background:#fff;
}
.star__list h4.star__list_name a{
color:#000000;
}
.star__list .star__position{
margin-bottom:0px;
text-align:center;
color:#4f4a2d;
min-height:22px;
}
.star__list .star__dep{
margin-bottom:0px;
text-align:center;
color:#4f4a2d;
}
.star__list img.star-bottom{
position: absolute;
bottom:0px;
left: 40%;
}
.star__list__action select{
border-radius: 0px;
box-shadow: none;
color:#000;
margin-top:10px;
}
.mega-menu-sub-title4 {
font-size: 14px !important;
}
.mega-menu-sub-title4 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.link-site {
float: left;
}
.icon-ls {
float: left;
}
.mega-menu-sub-title4 {
width: 100%;
float: left;
margin-top: 0px;
padding-top: 0px;
margin-top: 0px !important;
}
p.text-site {
line-height: 18px !important;
}
.text-site {
overflow-x: hidden;
margin-top: -3px;
margin-bottom: 0px;
margin-right: 0px;
color: #000;
}
@media screen and (max-width: 425px) {
.normal-item-news .text-news2 {
bottom: 13px !important;
height: 63px !important;
}
}
/****************************************************** End Star listing page ****************************************************/
@media screen and (max-width:699px) and (min-width:650px){
.text-news{
width: 95.5% !important;
}
}
@media screen and (max-width:649px) and (min-width:625px){
.text-news{
width: 95% !important;
}
}
@media screen and (max-width:624px) and (min-width:600px){
.text-news{
width: 95.1% !important;
}
}
@media screen and (max-width:599px) and (min-width:571px){
.text-news{
width: 95% !important;
}
}
@media screen and (max-width:570px) and (min-width:525px){
.text-news{
width: 94.5% !important;
}
}
@media screen and (max-width:524px) and (min-width:500px){
.text-news{
width: 94% !important;
}
.text-news2{
bottom: -3px !important;
}
}
@media screen and (max-width:499px) and (min-width:471px){
.text-news{
width: 93.5% !important;
}
.text-news2{
bottom: -3px !important;
}
}
@media screen and (max-width:470px) and (min-width:426px){
.text-news{
width: 93% !important;
}
.text-news2{
bottom: -3px !important;
}
}
@media screen and (max-width:306px) and (min-width:255px){
#header nav ul.nav-top li {
margin-right: 5px;
line-height: 15px;
}
#header .logo {
top: 55px;
}
.btn-responsive-nav {
top: 63px;
right: 12px !important;
}
#header .wrap-search {
right: -153px;
}
nav.menu-top .dropdown-menu {
width: 260px;
}
.news-item {
width: 100% !important;
min-height: 90px!important;
}
.text-news {
width: 88.4% !important;
bottom: 0px !important;
}
.nameCountry {
padding-left:0px !important;
width: 100% !important;
}
}
@media screen and (min-width:1200px){
.news-option1{
height:407px;
}
.news-item{
height:200px;
}
}
@media screen and (max-width:1199px) and (min-width:992px){
.news-option1 {
height: 336px;
}
.news-item {
height: 165px;
}
}
@media screen and (max-width:991px) and (min-width:768px){
.news-option1 {
height: 254px;
}
.news-item {
height: 126px;
}
}
@media screen and (max-width:767px){
.area__slider{
height:calc((100vw - 30px)/565*404 + (100vw/2 - 20px)/282*202*2 + 40px);
}
.news-option1 {
height:calc((100vw - 30px) / 565 * 404);
}
.news-item {
height:calc((100vw / 2 - 20px) / 282 * 202);
}
/*
#s4-workspace{
overflow: inherit;
}
*/
.loader {
position: absolute;
left: calc(100%/2 + 20px) !important;
top: 50%;
z-index: 1;
width: 20px;
height: 20px;
margin: -25px 0 0 -25px;
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid #3498db;
border-left: 5px solid #3498db;
border-bottom: 5px solid #3498db;
width: 20px;
height: 20px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
}
.ms-webpart-chrome-vertical{
position:relative;
}
#ms-dnd-dropbox{
left: 0px !important;
top: 0px !important;
}
#header .wrap-megamenu nav ul.nav-main li.dropdown a:hover{
color:#333 !important;
}
ul.nav-main li.active-menu a.dropdown-toggle.color-control{
border-bottom: 2px solid #fff !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#header nav ul.nav-main li.dropdown:before {
content: '' !important;
width: 12% !important;
position: absolute !important;
bottom: -2px !important;
height: 2px !important;
z-index: 9 !important;
}
#header nav ul.nav-main ul.dropdown-menu {
margin: 0px 0 0 3px !important;
}
}