/* STANDARD ELEMENTS RESET */
*{margin:0px; padding:0px; border:0px;} table {border-collapse:collapse;} img {vertical-align:middle;}
input {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
select {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
textarea {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
header:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  header {display:inline-block;}  * html header {height: 0px; overflow:hidden;}  header {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
nav:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  nav {display:inline-block;}  * html nav {height: 0px; overflow:hidden;}  nav {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
section:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  section {display:inline-block;}  * html section {height: 0px; overflow:hidden;}  section {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
article:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  article {display:inline-block;}  * html article {height: 0px; overflow:hidden;}  article {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
aside:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  aside {display:inline-block;}  * html aside {height: 0px; overflow:hidden;}  aside {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
footer:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  footer {display:inline-block;}  * html footer {height: 0px; overflow:hidden;}  footer {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
/*div:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  div {display:inline-block;}  * html div {height: 0px; overflow:hidden;}  div {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
img {max-width:100%;}*/
.containerLatest {overflow: hidden; clear: both;}


/* FEATURE BLOG */
section#BlogFeature {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#BlogFeature article {width:98%; background-color:#312783 ; float:left; display: flex; align-items: center; border-radius: 10px;}
section#BlogFeature article:hover {background-color:#312783 ;}
section#BlogFeature article .Text  {float:left; width:50%; overflow:hidden; padding:55px;}
section#BlogFeature article .Text h2 {color:#FFF;}
section#BlogFeature article .Text p {color:#FFF; font-size: 16px; font-weight: 600; text-transform: uppercase;}
section#BlogFeature article .Image {height:401px; float:left; width:50%; background-color:#222222; position:relative; background-position:center center; background-size:cover;border-radius: 10px 0px 0px 10px;}
section#BlogFeature article .MoreBTN {background-color:#525252; color:#ffffff; border-radius:6px; float:left; margin-top:10px; width:130px; padding:12px 16px; text-align:center;   font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-style: normal; font-size: 15px; text-transform: uppercase;}.newsSection1 {padding: 75px 0px;background: #EEEEEE;}

/* BLOG LISTINGS */

section#Blog {float:left; clear:both; width:100%; margin:0 0 80px 0; }
section#Blog article {width:31.3%; background-color:#F7F7F7; margin:0 1% 20px 1%; float:left; border-radius:10px; }
section#Blog article .Text  {float:left; width:100%; height:auto; overflow:hidden; padding:40px; min-height: 540px;}
section#Blog article .Text h3 {color:#312783 ; }
section#Blog article .Text p {color:#333; font-weight: 300; font-size: 18px; line-height: 30px;}
section#Blog article .Text p small {color:#312783 ; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase;}
section#Blog article .Image {height:300px; float:left; width:100%; position:relative; background-position:center center; background-size:cover; border-radius: 10px 10px 0px 0px;}
section#Blog article .MoreBTN {border: solid 3px #E84E0F ; background-color:#E84E0F ; color:#FFF; border-radius:5px; float:left; margin-top:10px; width:auto; padding:10px 35px; text-align:center; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-size: 15px;}
section#Blog article .MoreBTN:hover {border: solid 3px #E84E0F ; background-color:#FFF; color:#E84E0F ; float:left; margin-top:10px; width:auto; padding:10px 35px; text-align:center; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-size: 15px;}.blogContent {width: 85%;margin: 0 auto;
}.latest {background: #F7F7F7; padding: 75px 0px;}


/* DROP DOWN FOR CATEGORIES */

.TextArea {float:left; width:98%; margin:0 1% 30px 1%;}
.DropSections {background-color:#eeeeee; color:#000000; float:left; padding:10px; font-size:0.90em; width:200px; margin-bottom:30px;}
       
/* PAGINATION */

section#BlogPagination {float:left; clear:both; width:98%; margin:100px 1% 50px 1%; }
section#BlogPagination .PaginationActive {float:left; border:2px solid #E84E0F; background-color:#E84E0F; font-size:0.90em; color:#ffffff; padding:5px 10px; border-radius:5px; margin-right:10px; }
section#BlogPagination .Pagination {float:left; border:2px solid #E84E0F; font-size:0.90em; color:#312783; padding:5px 10px; border-radius:5px; margin-right:10px;}
section#BlogPagination .Pagination:hover {background-color:#E84E0F ; color:#ffffff;}

section#BlogPagination .CategoryButton {float:left; border:3px solid #E84E0F; font-size:1em; color:#E84E0F; padding:11px 20px 7px 20px; border-radius:5px; margin-right:15px; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
section#BlogPagination .CategoryButtonActive {float:left; border:3px solid #E84E0F; background-color:#E84E0F; font-size:1em; color:#ffffff; padding:11px 20px 7px 20px; border-radius:5px; margin-right:15px; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; text-transform: uppercase; }
section#BlogPagination a:last-child .CategoryButton {margin-right:0px;}
section#BlogPagination a:last-child .CategoryButtonActive {margin-right:0px;}

section#BlogPagination .PrevBTN {border: solid 3px #E84E0F; background-color:#E84E0F; color:#FFF; border-radius:5px; float:left; margin-top:10px; width:auto; padding:13px 40px; text-align:center; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-size: 16px;}
section#BlogPagination .NextBTN {border: solid 3px #E84E0F; background-color:#E84E0F; color:#FFF; border-radius:5px; float:right; margin-top:10px; width:auto; padding:13px 40px; text-align:center; font-family: 'itc-avant-garde-gothic-pro', sans-serif; font-weight: 700; font-size: 16px;}


/* BLOG ARTICLE PAGE */

section#BlogArticleTop {float:left; clear:both; width:98%; margin:150px 1% 30px 1%; }
section#BlogArticleImage {float:left; clear:both; width:98%; margin:0 1% 30px 1%; }
section#BlogArticleImage p, section#BlogArticleImage img {margin: 0px;}
section#BlogArticleMain {float:left; clear:both; width:98%; margin:0 1% 30px 1%; }
.blogContent section li {color:#312783; font-weight: 300; font-size: 18px; line-height: 30px; margin-bottom: 8px;}
.blogContent section li a {text-decoration: underline;}
.blogContent section li ul li {color:#312783; font-weight: 300; font-size: 18px; line-height: 30px; margin-bottom: 8px;}
.blogContent section li ul {margin-top: 8px;}
.blogContent section li ul li a {text-decoration: underline;}
.blogContent section ul {list-style-position: inside;}
.blogContent section ol {list-style-position: inside;}
.blogContent section ol li::marker {font-size: 20px;}
.blogContent section h2 {margin-bottom: 15px; margin-top: 40px;}
section#BlogArticleTop h1 {font-size: 3.4rem;color: #312783 ;letter-spacing: -0.4px;line-height: 1.1;}
.blogContent section img {margin-top: 45px;}
.blogContent section blockquote {
    border-left: 4px solid #E84E0F;
	margin-bottom: 2.5rem;
}
.blogContent section blockquote p {
    padding-left: 15px;
    font-size: 17px;
    font-style: italic;
}
.hpServicesSection #Blog.latestBlog article {background-color: #FFF;}
.newsSection1 {
    padding: 75px 0px !important;
    background: #F7F7F7 !important;
}
.small, small {
    font-weight: 200 !important;
}



@media only screen and (max-width: 1024px) { /* FOR IPAD LANDSCAPE AND SMALLER */

        section#Blog article {width:48%;}    
    
}


@media only screen and (max-width: 768px) { /* FOR IPAD PORTRAIT AND SMALLER */

        section#Blog article {width:48%;}
        
        section#BlogFeature article .Text  {width:100%; height:auto;}
        section#BlogFeature article .Image {width:100%; display: none;}

}



@media only screen and (max-width: 768px) { /* FOR IPHONE 6 PORTRAIT AND SMALLER */

        section#Blog article {width:98%;}
        section#Blog article .Text  {height:auto;}

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    
        section#Blog article .Image {height: 250px;}
}
@media only screen and (max-width: 1024px) {
    
        section#Blog article .Image {height: 340px;}
}
@media only screen and (max-width: 992px) {
    
        section#Blog article .Image {height: 250px;}
}
@media only screen and (max-width: 767px) {
    
        section#Blog article .Image {height: 440px;}
}
@media only screen and (max-width: 666px) {
    
        section#Blog article .Image {height: 370px;}
}
@media only screen and (max-width: 450px) {
    
        section#Blog article .Image {height: 300px;}
}





@media only screen and (max-width: 1200px) {
        section#BlogFeature article .Image {width: 65%;}
}
@media only screen and (min-width: 992px) {
        section#BlogFeature article .Image {height:420px;}
}
@media only screen and (max-width: 992px) {
        section#BlogFeature article .Image {display: none;}
        section#BlogFeature article .Text {width: 100%}
}