@charset "utf-8";
.blogmain-sec { width: 100%; padding: 100px 0; }
.blogsearch { width: 100%; margin: 0 0 20px; }
.blogsearch .form-group { position: relative; width: 100%; }
.blogsearch .form-group .form-control { background: #313131; border: 1px solid #313131; border-radius: 0; font-size: 18px; color: #ffffff; padding: 10px 50px 10px 15px; font-family: "calibri", sans-serif; }
.blogsearch .form-group .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.64); } 
.blogsearch .form-group .form-control::placeholder { color: rgba(255,255,255,0.64); }
.serachbtn { width: 26px; height: 26px; border-radius: 30px; padding: 1px 0 0; border: none; box-shadow: none; outline: none; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: #ffffff; display: inline-flex; align-items: center; justify-content: center; text-align: center; transition: all .5s; }
.serachbtn:hover { background: #F36C21; }
.serachbtn:hover svg path { fill: #ffffff;  }
.blogseason { width: 100%; display: inline-block; margin: 0 0 20px; background: rgba(49,50,50,0.71); padding: 20px 25px; }
.seasonheading { font-size: 24px; color: #F36C21; font-weight: 400; text-transform: uppercase; margin: 0 0 10px; font-family: 'Maqin Larisa Display'; }
.seasonbloglist li { padding: 3px 0; }
.seasonbloglist li a { font-size: 16px; color: #EAEAEA; font-weight: 400; position: relative; display: inline-block; padding-left: 30px; }
.seasonbloglist li a:before { content: ''; width: 20px; height: 2px; background: #EAEAEA; position: absolute; left: 0; top: 13px; }
.blogpost-col { width: 100%; display: inline-block; overflow: hidden; margin: 0 0 25px; background: rgba(49,50,50,0.71); border: 3px solid #ffffff; padding: 30px 28px; transition: all .5s; position: relative; z-index: 2; }
.blogpost-col:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 8px solid #44F6F8; filter: blur(18px); opacity: 0; transition: all .5s; z-index: -1; }
.blogdate { display: inline-block; border: 2px solid #F36C21; font-size: 16px; margin: 0 0 25px; font-family: 'Maqin Larisa Display'; padding: 7px 15px; color: #ffffff; }
.blogpost-col h2 { font-size: 28px; color: #ffffff; margin: 0 0 20px; line-height: 40px; transition: all .5s; }
.blogpost-col p { font-size: 16px; color: #ffffff; font-weight: 400; font-family: "calibri", sans-serif; line-height: 26px; margin: 0 0 20px; }
.blogreadmore { font-size: 18px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 0; transition: all .5s; }
.blogpost-col:hover { box-shadow: 0px 0px 25px #48FDFF; } 
.blogpost-col:hover:before{ opacity: 1; } 
.blogpost-col:hover h2, .blogpost-col:hover .blogreadmore { color: #F36C21 }
.blogmorebtn { text-align: center; margin: 10px 0 0; }
.blogmorebtn a { font-size: 18px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 0; transition: all .5s; }
.blogmorebtn a:hover { color: #F36C21 }
li.active a { color: #f36c21 !important; }

/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 1200px){
.blogsidebar { max-width: 260px; }

}


@media (max-width: 991px){
.blogmain-sec { width: 100%; padding: 70px 0 50px; }
.blogpost-col h2 { font-size: 20px; line-height: 30px; }

}


@media (max-width: 480px){
.blogpost-col { padding: 20px 18px; }
.blogreadmore, .blogmorebtn a { font-size: 16px; }

}