/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #FFF;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  overflow-x: hidden;
}


@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('../fonts/Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}




h2{font-family: 'Lato-Bold'; position: relative; font-size: 35px; text-transform: uppercase;text-align:center;}

h2:after{content: url(../images/heading-bg.png); position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -25px;}


a {
  color: #18d26e;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #18d36e;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 0px 0;
  font-size:17px;
}


section{display: inline-block; width:100%; vertical-align: top;}



a {
  color: #000;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #008bff;
  outline: none;
  text-decoration: none;
}

.navbar{margin-top: 20px; }

nav {
   z-index:9; 
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  position: relative;
 color:#000;
}



nav ul li a {
  display: inline-block;
  padding: 7px 15px;
  color: #FFF ;
  text-decoration: none;
  margin:0 1px;
  text-transform:uppercase;
  font-size:15px;
  cursor:pointer;
  font-family: 'Crete Round', serif;
  /*
  The full path of this code is nav ul li a:not(:only-child):after. This means that the code will apply to any a tag in our nav list that is NOT an only child, aka any dropdown. The :after means it comes after the output of the tag. I’ve decided that to specify any nav item as a dropdown, it will be followed by a unicode arrow – ▾ (#9662).
  */
}

nav > ul > li{color:#FFF; }

nav > ul > li i{cursor:pointer; padding:6px 0}

nav > ul > li > a{color: #FFF !important ;}

nav > ul > li > ul > li > a{display:block;}





nav ul li a:hover {
  color: #1e77b6 !important;
}

/*nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: "\f0d7";
  font-family: 'FontAwesome';
}*/

nav ul li a:hover , nav ul > .active > a {
  background-color:#fd0200; color:#FFF;
}

nav ul li ul{background-color:#FFF;}

nav ul li ul li {
  min-width: 190px;
}

nav ul li ul li a {
  padding: 5px;
  color:#000;
  border-bottom:1px solid grey;
  text-transform:none;
  margin:0px 5px;
}

.nav-dropdown {
  position: absolute;
  z-index: 1;
  /* Guarantees that the dropdown will display on top of any content. */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
text-align:left;
}

.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right:10px;
  background: #fff;
  height: 66px;
  width: 64px;
}


#nav-toggle {
  position: absolute;
  left: 15px;
  top: 22px;
  cursor: pointer;
  padding: 10px 5px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #463f3f;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


/* 
.navigation – the outer wrapper for the navbar. Specifies the height and color, and will stretch the full width of the viewport.
*/

.navbar-collapse{justify-content: flex-end;}



.nav-list > li > .nav-dropdown{display:none;}
.nav-list > li:hover > .nav-dropdown {
  display: block;
}




.top_panel{float:left; width:100%; position: relative; z-index: 2;}

.top_panel_slider_panel{float:left; width:100%; position: relative; z-index: 1;}



.logobox{ width:100%; max-width: 740px; display: inline-block; line-height: 1.2em;}

.logobox img{width:152px; display: inline-block; vertical-align: middle;}

.logobox article{display: inline-block; vertical-align: middle; width:calc(100% - 160px); text-align: center; font-size: 16px;}

.logobox article h3{font-size: 35px; text-transform: uppercase;  font-family: 'Lato-Black';line-height: 1em;}

.logobox article span{display: block; color:#0b18fc;}



.logobox img{-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}


header{padding: 0px 0; display: inline-block; width:100%; vertical-align: top;}


	


.index_slider_panel{width:100%; background-color: #000; position: relative;}

.index_slider_panel .large{width:100%; position: relative; text-align: center; z-index: 1; }

.extreme_top_panel{float:left; width:100%; background-color: #0f18f5; color:#FFF; padding: 8px 0;}

.extreme_top_panel span{display: inline-block;}

.extreme_top_panel span i{margin:0 10px;}

.extreme_top_panel_left{text-align: left;}

.extreme_top_panel_right{text-align: right;}

.extreme_top_panel_right a{color:#FFF; padding: 0 5px;}

.extreme_top_panel_right a:hover{color:#fd0200;}

.logo_top_panel{width:100%; background-image: url(../images/header-bg1.jpg); padding: 20px 0; display: inline-block; background-size: cover;}

.nav_cont{width:100%; display: inline-block; background-color: #2eca99; vertical-align: top;}


.welcome_panel{background-image: url(../images/welcm-bg.jpg); background-size: cover; padding: 70px 0;}

.welcome_panel_left p{width:100%; margin: 15px 0; display: inline-block}

.welcome_panel_left .link{display: inline-block; padding: 10px 20px; color:#FFF; background-color: #e21e1b; margin-bottom: 15px; margin-top: 15px;}

.welcome_panel_left .link:hover{background-color: #000;}

.welcome_panel_right{width:100%; display: inline-block; background-color: #000; border:5px solid #fd0a08; padding: 10px 0 25px 25px;}

.welcome_panel_right h4{color:#FFF; text-transform: uppercase; font-size: 30px; font-family: 'Lato-Bold';}

.welcome_panel_right p{display: inline-block; width:100%; vertical-align: top; padding:8px 15px; color:#FFF; text-align: left; font-size: 15px;  transition: 0.5s;}

.welcome_panel_right p:hover{transform: scale(1.02)}

.welcome_panel_right p a{color:#FFF; display: block}

.welcome_panel_right p:nth-child(2){background-color: #fd0200;}

.welcome_panel_right p:nth-child(3){background-color: #fdb700;}

.welcome_panel_right p:nth-child(4){background-color: #fdf100;}

.welcome_panel_right p:nth-child(4) a{color:#000;}

.welcome_panel_right p:nth-child(5){background-color: #7cdc00;}

.welcome_panel_right p:nth-child(6){background-color: #00dccd;}

.welcome_panel_right p:nth-child(7){background-color: #007cdc;}

.welcome_panel_right p:nth-child(8){background-color: #265751;}

.hide{
  display:none;
}

.show{
  display: block;
}
.offc_panel{background-image: url(../images/offc-bg.jpg); background-size: cover; padding: 70px 0; text-align: center;}

.offc_panel h2{position: relative; margin-bottom: 80px;}
.offc_panel h2:after{position: absolute; left:0; right: 0; margin: auto; bottom: -25px;}


.offc_panel_box{display:inline-block; vertical-align: top; width:100%; margin: 15px 0}



.offc_panel_box_left{width:160px; height: 160px; border-radius: 100%; color:#FFF; text-transform: uppercase; text-align: center; display:inline-block; vertical-align: middle;  transition: 0.5s;}

.offc_panel_box_left:hover{filter: brightness(150%);}

.offc_panel_box_left img{width:85px; height:85px; border:1px solid #BCBCBC; display: inline-block; vertical-align: top; margin-top: -20px; margin-bottom: 12px; object-fit: cover; transition: 0.5s;}

.offc_panel_box_left p{display: inline-block; width:100%; padding: 10px 15px 0;  font-family: 'Lato-Bold';}

.offc_panel_box_right{width:calc(100% - 166px); display:inline-block; vertical-align: middle; text-align: left; padding-left: 12px;}

.offc_panel_box_right strong{font-size: 18px; font-family: 'Lato-Bold'; width:100%; display: inline-block;}

.offc_panel_box_right p{display: inline-block; width:100%; font-size: 14px; color:#5F5F5F;}

.offc_panel_box_right a{color:#0b18fc; width:100%; display: inline-block; font-family: 'Lato-Bold'; text-transform: uppercase; margin-top: 10px;}

.offc_panel_box_right a:hover{color:#000;}


.offc_panel_box_left_color1{background-color: #000;}

.offc_panel_box_left_color2{background-color: #008fd1;}

.offc_panel_box_left_color3{background-color: #00cfd1;}



.evnts_panel{background-color: #ddfafa; padding: 70px 0; text-align: center;}
.link{display: inline-block; padding: 10px 20px; color:#FFF; background-color: #e21e1b; margin-bottom: 25px; margin-top: 40px;}

.evnts_panel h2{position: relative; margin-bottom: 80px;}
.evnts_panel h2:after{position: absolute; left:0; right: 0; margin: auto; bottom: -25px;}



.evnts_panel_box{width:100%; min-height: 293px; position: relative; overflow: hidden; background-color: #000;border-radius: 10px; transition: 0.5s;}

.evnts_panel_box img{width:100%; height: 250px!important; opacity: 0.5; position: relative; z-index: 1; transition: 0.5s; height: 100%; object-fit: cover;}

.evnts_panel_box:hover img{opacity: 1;}

.evnts_panel_box article{position: absolute; left:0; bottom: 0; width:100%; color:#fff; padding: 15px; font-size: 19px; z-index: 2; text-align: left;}

.evnts_panel_box article a{text-transform: uppercase; color:#fff; font-size: 14px; display: inline-block; width:100%;}

.evnts_panel_box article a:hover{color:#FF8330;}


.evnts_panel_box .circle{position: absolute; left:15px; top:15px; z-index: 3; color:#FFF; width:95px; height: 95px; background-color: #2eca99; padding: 20px 0; font-size: 15px; text-transform: uppercase; border-radius: 100%;}

.evnts_panel_box .circle span{width:100%; display: inline-block; font-size: 25px;  font-family: 'Lato-Bold';}

.evnts_panel_box:hover .circle{background-color: #FF8600}


.red_panel{ padding: 70px 0; text-align: center; background-image: url(../images/red-pattern.jpg); color:#FFF;}

.red_panel h2{position: relative; margin-bottom: 80px; text-align: left;}
.red_panel h2:after{position: absolute; left:0; bottom: -25px; content: url(../images/heading-bg-white.png);}


.red_panel_left{width:100%; display: flex; flex-wrap: wrap;}

.red_panel_left_box{display:flex; padding: 20px 10px; justify-content: center; align-items: center; font-size: 20px; margin: 1px; width:calc(100% / 3 - 2px); min-height: 180px; transition: 0.5s;}


.red_panel_left_box a{color:#FFF;}


.red_panel_left_box:hover{filter: brightness(130%);}


.red_panel_left_box:nth-child(1){background-color: #2d80d5;}
.red_panel_left_box:nth-child(2){background-color: #7e7e7e;}
.red_panel_left_box:nth-child(3){background-color: #2daed4;}
.red_panel_left_box:nth-child(4){background-color: #2eca99;}
.red_panel_left_box:nth-child(5){background-color: #2d80d5;}
.red_panel_left_box:nth-child(6){background-color: #265751;}


.red_panel_right_box{width:100%; display: inline-block; transition: 0.5s;}

.red_panel_right_box:hover{transform: scale(1.05)}


.gallery_panel{padding: 40px 0;}


.gallery_panel_box{width:100%; border-radius: 10px; padding: 20px; color:#FFF; min-height: 290px; margin: 10px 0;}



.gallery_panel_box2{width:100%; border-radius: 10px;  color:#FFF; min-height: 290px; margin: 10px 0;}

.gallery_panel_box2 img{border-radius: 8px; width:100%; max-height: 300px; object-fit: cover; object-position: bottom;}

.gallery_panel_box h4{font-size: 25px; font-family: 'Lato-Bold'; padding-bottom: 15px; background-image: url(../images/stroke.jpg); background-repeat: no-repeat; background-position: left bottom;}


.gallery_panel_box h5{font-size: 30px; font-family: 'Lato-Bold'; padding-bottom: 15px; background-image: url(../images/stroke.jpg); background-repeat: no-repeat; background-position: left bottom; text-transform: uppercase;}

.gallery_panel_box p{width:100%; display: inline-block; margin: 7px 0; font-size: 14px;}

.gallery_panel_box_button{width:100%; background-color: #f4b51c; color:#FFF; font-size: 18px; text-transform: uppercase; text-shadow: 2px 2px 1px rgba(0,0,0,0.6); display: inline-block; padding: 8px; text-align: center; box-shadow: 2px 2px 3px rgba(0,0,0); border-radius: 10px; margin-top: 25px; }


.gallery_panel_box_button:hover{background-color: #2eca99;}


.gallery_panel_box ul{width:100%; padding-left: 10px;}


.gallery_panel_box ul li{list-style-type: square; font-size: 14px;}

.gallery_panel_box_red{background-color:#d20601; }

.gallery_panel_box_blue{background-color:#008fd1; }

.gallery_panel_box_purple{background-color:#0b18fc; }

.gallery_panel_box_black{background-color:#000000; }






footer{ background-size:cover; color:#FFF; float:left; width:100%; background-image:url(../images/footer.jpg); padding:40px 0 0;}

footer h3{color:#FFF; font-size:20px; text-transform:uppercase; margin:15px 0; font-family: 'Lato-Bold';}

.footer_inner{float:left; width:calc(100% / 3)}

.footer_inner ul{float:left; width:100%; padding-left:18px;}

.footer_inner ul li{list-style-type:square; width:100%;}

.footer_inner ul li a{color:#FFF; display:block; padding:5px 0}

.footer_inner ul li a:hover{color:#ffd941}

.footer_inner p{width:100%; position:relative; padding:10px 0 10px 40px; float:left; word-break:break-all}

.footer_inner p i{position:absolute; left:0; font-size:20px; top:9px;}

.footer_inner p a{color:#FFF;}

.footer_inner p a:hover{color:#ff5b53;}

.footer_bottom{float:left; width:100%; background-color:#000; padding:20px; color:#FFF; font-size:15px; margin:40px 0 0 0;}

.footer_bottom span{float:right;}

.footer_bottom strong{color:#00afff;}

.testimonial_panel{background-image: url(../images/violet-pattern.jpg); padding: 40px 0; text-align: center; }



.testimonial_panel h2{position: relative; margin-bottom:30px; color:#FFF;}
.testimonial_panel h2:after{position: absolute; left:0; right: 0; margin: auto; bottom: -25px; content: url(../images/heading-bg-white.png);}




.testimonial_main_area
{
	display:block;
	float:left;
	width:100%;
	text-align:center;
}
.testimonial_main_area h1
{
	font-size:30px;
    font-family: 'Lato-Bold';
	text-transform:uppercase;
	text-align:left;
}

.testimonials_box1
{
	display:block;
	float:left;
	width:31.3%;
	margin:25px 1% 0 1%;
}
.testimonials_box1 .testimonials_box_top_text_area
{
	-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;	
}
.testimonials_box1:hover .testimonials_box_top_text_area
{
	background:#3cd5a6 url(../images/testimonials_icon.png) bottom right no-repeat;	
}
.testimonials_box_top_text_area
{
	display:block;
	float:left;
	width:100%;
	padding:20px 15px 50px 15px;
	background:#f1e99a url(../images/testimonials_icon.png) bottom right no-repeat;
}
.testimonials_box_top_text_area p
{
	font-size:14px;
	color:#000;
	text-align:left;
}
.testimonials_box_bottom_area
{
	display:block;
	float:left;
	width:100%;
	margin-top:-38px;
	padding-left:10px;
}
.testimonials_img_area
{
	display:block;
	float:left;
	width:100px;
}
.testimonials_box1 .testimonials_img_area img
{
	-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;		
}
.testimonials_box1:hover .testimonials_img_area img
{
	border:1px solid #FF6D00;	
}
.testimonials_img_area img
{
	width:100%;
	padding:7px;
	border-radius:100px;
	border:1px solid #75BB1A;
	float:left;
	background:#FFF;
}
.testimonials_name
{
	display:block;
	float:left;
	margin-left:15px
}
.testimonials_name p
{
	font-size:15px;
	margin-top:45px;
	color:#FFF;
	text-align:left;
}

.no_bg_col{background-image: none;}

.aboutpage_panel h2{width:100%; display: inline-block; position: relative; margin-bottom: 20px;}

.aboutpage_panel h2:after{position: absolute; left:0; bottom: -25px;}

.about_us_banner{width:100%; display: inline-block; vertical-align: top;}

.current-list-table{
    border: 15px groove #F7DC6F;
    padding: 5px;
    border-collapse: collapse;
    background-color: #FCF3CF;
    margin-top: 40px;
}
.table-head{
    text-align: center;
    color: #7B241C;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 5px;
   
}
.table-sub-head{
    text-align: center;
    color: #A93226;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 5px;
}
.table-headline{
    text-align: center;
    color: #7B241C;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 0px;
}
.table-col{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
    
}
.apply-form{
    background-color:#E7DFF4;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    border: thin solid gray;
    padding: 10px;
    margin-top: 10px;
    box-shadow: none;
}
.contact-table{
    background-image: linear-gradient(to right top, #75c0f0, #64b9ea, #52b2e3, #3bacdd, #18a5d6);
    border: 2px solid #FFF;
    border-collapse: collapse;
    color: #FFF;
    padding: 15px;
    margin-top: 30px;
}
.contact-col{
    padding: 15px;
    font-weight: bold;
    border: 4px solid #FFF;
    border-collapse: collapse;
    font-size: 20px;
    box-shadow: 3px 3px #D3E2F1;
}
.contact-col2{
      padding: 15px;
    font-weight: bold;
    border: 4px solid #FFF;
    border-collapse: collapse;
    font-size: 16px;
    box-shadow: 3px 3px #D3E2F1;
    
}

/*extra css*/

/***

==================================================================
      Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
  position: relative;
  /*padding: 120px 0 80px;*/  
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
  position: relative;
  margin-bottom: 50px;
}

.sidebar-page-container .sidebar{
  margin-left: -20px;
}

.sidebar-page-container .events,
.sidebar-page-container .blog-grid,
.sidebar-page-container .blog-single,
.sidebar-page-container .blog-standard,
.sidebar-page-container .causes-detail{
  padding-right: 35px;
}

.sidebar-page-container .events .styled-pagination{
  margin-top: 80px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:40px;
}

.sidebar-side .sidebar-widget:last-child{
  margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
  position: relative;
  margin-bottom: 25px;
}

.sidebar-page-container .sidebar-title h4{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 1.2em;
  color: #232323;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 15px;
}

.sidebar-page-container .sidebar-title h4:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 40px;
  background-color: #ff5722;
  content: "";
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

/*** 

====================================================================
    News Section
====================================================================

***/

.news-section{
  position: relative;
  padding: 120px 0 80px;
}

.news-block{
  position: relative;
  margin-bottom: 40px;
}

.news-block .inner-box{
  position: relative;
}

.news-block .image-box{
  position: relative;
}

.news-block .image-box .image{
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

.news-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .inner-box:hover .image-box .image a img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.news-block .image-box .date{
  position: absolute;
  left: 30px;
  bottom: 20px;
  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 20px;
  background-color: #ff5722;
  font-family: "Roboto Condensed",sans-serif;
}

.news-block .lower-content{
  position: relative;
  padding: 30px 30px;
  border: 1px solid #ececec;
  border-top: 0;
}
.news-block .lower-content .date{
  left: 30px;
  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 20px;
  background-color: #ff5722;
  font-family: "Roboto Condensed",sans-serif;
}

.news-block .info{
  position: relative;
  margin-bottom: 15px;
}

.news-block .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-right: 11px;
}

.news-block .info li a{
  color: #777777;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .info li a:hover{
  color: #ff5722;
}

.news-block .info li i{
  display: inline-block;
  margin-right: 5px;
}

.news-block .lower-content h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 1.25em;
  color: #232323;
  font-weight: 500;
}

.news-block .lower-content h3 a{
  color: #232323;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .lower-content h3 a:hover{
  color: #ff5722;
}

.news-block .lower-content .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 25px;
  color: #777777;
  font-weight: 400;
  margin-top: 10px;
}

.blog-standard .news-block{
  position: relative;
  margin-bottom: 40px;
}

.blog-standard .news-block h3{
  font-size: 26px;
}

/*** 

====================================================================
      Styled Pagination
====================================================================

***/

.styled-pagination{
  position:relative;
  z-index: 9;
}

.styled-pagination ul{
  position:relative;
  display: inline-block;
}

.styled-pagination li{
  position:relative;
  display:inline-block;
  margin-right: 7px;
}

.styled-pagination li:last-child{
  margin-right: 0;
}

.styled-pagination li a{
  position:relative;
  display:inline-block;
  height:45px;
  width: 45px;
  font-size:18px;
  color:#232323;
  font-weight:500;
  line-height:43px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #dadada;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
  color:#ffffff;  
  background-color: #232323;  
  border-color: #232323;  
}

/*** 

====================================================================
  Blog Single
====================================================================

***/

.blog-single{
  position: relative;
}

.blog-single .news-block{
  margin-bottom: 30px;
}

.blog-single .news-block .date{
  bottom: 30px;
}

.blog-single .news-block h3{
  font-size: 26px;
  margin-bottom: 10px;
}

.blog-single .news-block p{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 25px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 30px;
}

.blog-single .two-column{
  position: relative;
}

.blog-single .two-column .quote-column,
.blog-single .two-column .image-column{
  position: relative;
  margin-bottom: 20px;
}

.blog-single .two-column img{
  display: block;
  width: 100%;
  height: auto;
}

.blog-single .two-column .icon{
  position: relative;
  display: block;
  font-size: 42px;
  line-height: 1.2em;
  color: #e3e3e3;
  margin-bottom: 10px;
}

.blog-single .two-column .name{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 1.2em;
  color: #232323;
  font-weight: 400;
  margin-bottom: 5px;
}

.blog-single .two-column .designation{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 25px;
  color: #232323;
  font-weight: 400;
  margin-bottom: 25px;
}

.blog-single blockquote{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blog-single blockquote:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: .80;
}

.blog-single blockquote{
  position: relative;
  padding: 35px 15px 30px;
  text-align: center;
  margin-bottom: 40px;
}

.blog-single .news-block blockquote p{
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
  font-style: italic;
  z-index: 1;
  max-width: 650px;
  margin: 0 auto;
}

.blog-single blockquote .name{
  position: relative;
  font-size: 22px;
  line-height: 27px;
  color: #ff5722;
  font-weight: 400;
  margin-top: 18px;
}

.blog-single blockquote .designation{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 25px;
  color: #a1a1a1;
  font-weight: 400;
  font-style: italic;
}

.blog-single .news-block .othrer-options{
  margin-bottom: 0;
}

.blog-single.style-two .news-block{
  margin-bottom: 70px;
}

.blog-single .related-post .news-block h3{
  font-size: 22px;
  line-height: 1.2em;
}

.othrer-options{
  position: relative;
  margin-bottom: 75px;
}

.othrer-options .tags{
  position: relative;
  float: left;
}

.othrer-options .tags li{
  position: relative;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
}

.othrer-options .tags li a{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #777777;
  font-weight: 400;
  background-color: #f1f1f1;
  border-color: #dadada;
  border-radius: 4px;
  padding: 5px 17px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.othrer-options .tags li a:hover{
  background-color: #ff5722;
  color: #ffffff;
}

.othrer-options .social-link{
  position: relative;
  float: right;
}

.othrer-options .social-link li{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 32px;
  color: #aaaaaa;
  font-weight: 400;
  margin-left: 15px;
}

.othrer-options .social-link li a{
  color: #aaaaaa;
  display: block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.othrer-options .social-link li a:hover{
  color: #ff5722;
}

.slider {
    width: 100%;
    position: relative;
    padding-top:480px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .slider>img {
    position: absolute;
    margin-bottom: 15px;
    height: 400px;
    left: 0; right: 0; top: 0;
    margin-left: auto; margin-right: auto;
    transition: all 0.5s;
  }
  .slider input[name='slide_switch'] {
    display: none;
  }
  .slider label {
    margin: 18px 0 0 18px;
    border: 3px solid #999;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.5;
    height: 80px;
  }
  .slider label img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .slider input[name='slide_switch']:checked+label {
    border-color: #444;
    opacity: 1;
  }
  .slider input[name='slide_switch'] ~ img {
    opacity: 0;
  }
  .slider input[name='slide_switch']:checked+label+img {
    opacity: 1;
  }