.header,.footer{
    position:relative;
    width:100%;
    z-index:9;
}

/*****Content*****/
@media (max-width:900px){
    .content{
        position:relative;
        margin:0px auto;
        width:90%;
    }
}
@media (min-width:900px){
    .content{
        position:relative;
        margin:0px auto;
        width:1200px
    }
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/**Header**/

#headerDesktop{
    position:relative;
    width:100%;
}
#headerDesktop .logo{
    float:right;
    width:330px;
    height:120px;
    background:url("../images/logo.png") center no-repeat;
    background-size:cover;
}
#headerDesktop .calendar{
    float:left;
    width:200px;
    margin-right:15px;
}
#headerDesktop .version{
    float:left;
    width:200px;
}
#headerDesktop .version input[type="button"]{
    width:100%;
    padding:10px;
    border:0px;
    outline:none;
    border-radius:5px;
    color:#FFF;
    background:#df9c0a url("../images/pdf.png") 10px no-repeat;
}
#headerDesktop .version input[type="button"]:hover{
    background:#03408b url("../images/pdf.png") 10px no-repeat;
}
#headerDesktop .date{
    float:left;
    margin-left:30px;
}

#headerDesktop .menu{
    position:relative;
    border-top:1px solid #03408b;
    border-bottom:1px solid #03408b;
}
#headerDesktop .menu .tab{
    float:right;
    padding:10px;
    border-right:1px solid #03408b;
}
#headerDesktop .menu a:nth-child(9) .tab{
    border-left:1px solid #03408b;
}

#headerDesktop .sub-menu{
    position:relative;
    width:100%;
    padding:20px;
    background:#03408b;
}
#headerDesktop .sub-menu .tab{
    float:right;
    width:auto;
    margin:0px 20px;
}
#headerDesktop .sub-menu .horizontalLineWhite{
    float:right;
    margin:15px 30px 0px 30px;
    width:30px;
    height:1px;
    background:#FFF;
}

#headerDesktop .sub-menu .content .horizontalLineWhite:nth-child(3){
    display:none;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/

#headerMobile .date{
    position:relative;
    width:100%;
    padding:10px 0px;
    background:#03408b;
}
#headerMobile .logoBurger{
    position:relative;
    width:100%;
    padding:10px 0px;
}
#headerMobile .logoBurger .logo{
    float:right;
    width:165px;
    height:60px;
    background:url("../images/logo.png") center no-repeat;
    background-size:cover;
}
#headerMobile .logoBurger .burgerBtn{
    float:left;
    width:30px;
    height:20px;
    margin-top:20px;
    background:url("../images/burger.png") center no-repeat;
    background-size:30px 20px;
}
#headerMobile .logoBurger .burgerBtnActive{
    background:url("../images/close-icon.png") center no-repeat;
    background-size:20px 20px;
}
#headerMobile .menu{
    position:relative;
}
#headerMobile .menu .tab{
    position:relative;
    width:100%;
    padding:10px;
    border-top:1px solid #03408b;
}
#headerMobile .menu .subcategories{
    padding:10px;
    background:#03408b;
}

#generalSearch{
    position:relative;
    width:99.2%;
    padding:10px 0px;
    border:1px solid #03408b;
    border-top:0px;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Home***/

#home .featuredArticles{
    position:relative;
}
#home .featuredArticles .menu{
    float:right;
    width:300px;
    height:750px;
}
#home .featuredArticles .menu a{
    text-decoration:none !important;
}
#home .featuredArticles .menu .tab{
    position:relative;
    width:100%;
    height:150px;
    padding:20px;
    border-bottom:1px solid #909090;
    color:#909090;
    background:#EBEBEB;
    overflow-y:hidden;
    z-index:999;
}
#home .featuredArticles .menu .tab:hover{
    color:#FFF;
    background:#df9c0a;
}
#home .featuredArticles .menu .tabActive{
    color:#FFF;
    background:#df9c0a;
}
#home .featuredArticles .menu .tab .categoryBox{
    float:right;
    padding:2px 10px;
    border:1px solid #909090;
    border-radius:10px;
    color:#909090;
    background:#FFF;
    z-index:9;
}
#home .featuredArticles .menu .tab .subcategoryBox{
    float:right;
    margin-right:-15px;
    padding:2px 20px 2px 10px;
    border:1px solid #909090;
    border-radius:10px;
    color:#FFF;
    background:#909090;
    z-index:1;
}
#home .featuredArticles .image{
    float:right;
    width:900px;
    height:750px;
    background:#606060;
}
#home .featuredArticles .image .videoBtn{
    position:absolute; 
    top:30px; 
    left:30px; 
    padding:5px; 
    z-index:999;
}
/* #home .featuredArticlesMobile .videoBtn{
    position:absolute; 
    top:30px; 
    left:30px; 
    padding:5px; 
    z-index:999999;
} */
#home .featuredArticlesMobile .titleBox{
    position:relative;
    width:100%;
    padding:10px;
    background:#EBEBEB;
}
#home .featuredArticlesMobile .categoryBox{
    float:right;
    padding:2px 10px;
    border:1px solid #909090;
    border-radius:10px;
    color:#909090;
    background:#FFF;
    z-index:9;
}
#home .featuredArticlesMobile .subcategoryBox{
    float:right;
    margin-right:-15px;
    padding:2px 20px 2px 10px;
    border:1px solid #909090;
    border-radius:10px;
    color:#FFF;
    background:#909090;
    z-index:1;
}

#home .lastPage{
    position:relative;
    padding:50px 0px;
    background:#03408b;
}

#home .article{
    border:2px solid #03408b;
}
#home .article .details{
    width:100%;
    padding:5px 10px;
    background:#FFF;
}
#home .article .boxes{
    position:absolute;
    bottom:10px;
    right:5px;
    width:auto;
    z-index:999;
}
#home .article .boxes .categoryBox{
    border-radius:10px;
    padding:2px 10px;
    border:1px solid #909090;
    color:#909090;
    background:#FFF;
    z-index:9;
}
#home .article .boxes .subcategoryBox{
    margin-right:-15px;
    border-radius:10px;
    padding:2px 20px 2px 10px;
    border:1px solid #909090;
    color:#FFF;
    background:#909090;
    z-index:-1;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Articles***/

#articles{
    position:relative;
    width:100%;
}
#articles .article{
    border:2px solid #03408b;
}
#articles .article .details{
    width:100%;
    padding:5px 10px;
    background:#FFF;
}
#articles .article .boxes{
    position:absolute;
    bottom:10px;
    right:5px;
    width:auto;
    z-index:999;
}
#articles .article .boxes .categoryBox{
    border-radius:10px;
    padding:2px 10px;
    border:1px solid #909090;
    color:#909090;
    background:#FFF;
    z-index:9;
}
#articles .article .boxes .subcategoryBox{
    margin-right:-15px;
    border-radius:10px;
    padding:2px 20px 2px 10px;
    border:1px solid #909090;
    color:#FFF;
    background:#909090;
    z-index:-1;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Article***/

#article{
    position:relative;
}
#article .categoryBox{
    border-radius:10px;
    padding:2px 10px;
    border:1px solid #909090;
    color:#909090;
    background:#FFF;
    z-index:9;
}
#article .subcategoryBox{
    margin-right:-15px;
    border-radius:10px;
    padding:2px 20px 2px 10px;
    border:1px solid #909090;
    color:#FFF;
    background:#909090;
    z-index:-1;
}
#article .imageText{
    padding:20px;
    z-index:99;
}
#article .quote{
    padding:60px 50px 50px 30px;
}
#article .quote .quoteRight{
    position:absolute;
    top:0px;
    right:calc(50% - 20px);
    width:40px;
    height:48px;
    background:url("../images/quote-right.png") center no-repeat;
    background-size:40px 48px;
}
#article .quote .quoteLeft{
    position:absolute;
    bottom:0px;
    left:calc(50% - 20px);
    width:40px;
    height:48px;
    background:url("../images/quote-left.png") center no-repeat;
    background-size:40px 48px;
}
#article .facebookShare{
    width:30px;
    height:30px;
    padding:0px;
    outline:none;
    border:0px;
    margin-left:10px;
    background:url("../images/share/facebook.png") center no-repeat;
    background-size:30px 30px;
}
#article .twitterShare{
    width:30px;
    height:30px;
    padding:0px;
    outline:none;
    border:0px;
    margin-left:10px;
    background:url("../images/share/twitter.png") center no-repeat;
    background-size:30px 30px;
}
#article .whatsappShare{
    width:30px;
    height:30px;
    padding:0px;
    outline:none;
    border:0px;
    background:url("../images/share/whatsapp.png") center no-repeat;
    background-size:30px 30px;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***About Us***/

#aboutus{
    position:relative;
    width:100%;
}
#aboutus .horizontalBlueLine{
    width:100%;
    height:2px;
    margin:0px 0px;
    background:#03408b;
}
#aboutus .pen{
    position:absolute;
    bottom:-50px;
    left:0px;
    width:1100px;
    height:690px;
    background:url("../images/pen.png") center no-repeat;
    background-size:1100px 690px;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Contact Us***/

#contactus{
    position:relative;
    width:100%;
}
#contactus .horizontalBlueLine{
    width:100%;
    height:2px;
    margin:5px 0px;
    background:#03408b;
}
#contactus input[type="text"]{
    width:100%;
    padding:5px 10px;
    border:1px solid #03408b;
    outline:none;
}
#contactus textarea{
    width:100%;
    height:150px;
    padding:5px 10px;
    outline:none;
    resize:none;
    border:1px solid #03408b;
}

#contactus input[type="button"]{
    width:100%;
    padding:10px 10px;
    border:0px;
    outline:none;
    color:#FFF;
    background:#03408b;
}
#contactus input[type="button"]:hover{
    background:#df9c0a;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Newsletter***/

.newsletter{
    position:relative;
    width:100%;
    padding:40px 0px;
    background:#03408b;
}
.newsletter input[type="text"]{
    width:100%;
    height:100%;
    padding:10px;
    border:1px solid #03408b;
    outline:none;
    background:#FFF;
}
.newsletter input[type="button"]{
    position:absolute;
    top:0px;
    left:0px;
    width:50px;
    height:100%;
    border-top:1px solid #03408b;
    border-bottom:1px solid #03408b;
    background:#df9c0a url("../images/arrow-white.png") center no-repeat;
    background-size:20px 40px;
}
.newsletter input[type="button"]:hover{
    background:#909090 url("../images/arrow-white.png") center no-repeat;
    background-size:20px 40px;
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Search***/

#search #autocomplete-container {
	position: relative;
	display: inline-block;
	width:100%;
}

#search #autocomplete-input {
	width: 100% !important;
    height:44px;
	border:1px solid #03408b;
    padding: 0px 10px !important;
    outline:none !important;
    appearance: none !important;
}

#search #autocomplete-list {
	position: absolute;
	z-index: 1;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #03408b;
	border-top: none !important;
	width: 100%;
	max-height: 150px;
	overflow-y: auto;
	background:#FFF;
    z-index:99999;
}
#search #autocomplete-list li {
	padding: 10px;
	cursor: pointer;
}
#search #autocomplete-list li:hover {
	background-color: #f0f0f0;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/
/***Footer***/

.sitemapCopyright{
    position:relative;
    width:100%;
    background:#dfdfdf;
}
.sitemapCopyright .sitemap{
    position:relative;
    width:100%;
    padding:50px 0px;
}
.sitemapCopyright .copyright{
    padding:10px;
    border-top:1px solid #606060;
}

.pagination a{
    color:#df9c0a !important;
}
.pagination a:hover{
    color:#03408b !important;
}
