@charset "utf-8";

/*------------------------------------------------------------------

Project:		Laton City Govt

Version:		1.0

AuthorName:		FineLayers

Primary use:	Govt, Politics 





[Color codes]

Background:			#f3f4f9 (light gray)

Content:			#666 (gray)

Header h1:			#18202d (dark)

Header h2:			#18202d (dark)

Footer:				#18202d (dark)

Primary Color:		#10c469 (red)

Scendry Color:		#18202d (dark)





[Typography]

Body copy:			font:24px/14px 'Open Sans', sans-serif;

Headers:			font:48px/48px 'Montserrat', sans-serif;

Input, textarea:	font:24px/14px 'Open Sans', sans-serif;

Sidebar heading:	font:18px/18px 'Montserrat', sans-serif;





/------------------------------------------------------------ 



[Table of contents]

1. Theme Reset Style													=	00-00

2.  Header	//  .header										   			=	00-00

        2.1		Alerts	//  .alerts										   	=	00-00

        2.2		Sub Header	//  .sub-header								 	=	00-00

        2.3		Site Nav	//  .sitenav								 	=	00-00

        2.3		Breadcrumps	//  .fl-breadcrumps								=	00-00

3.  Main Banner	//  .main-banner										=	00-00

4.  Home Pahe Main Content // .main-content								=	00-00

        4.1.  Home Page Welcome Section // .home-welcome					=	00-00

        4.2.  Home Page Newsletter // .newsletter-wrap						=	00-00	

        4.4.  Home Page Home Services // .h-services-one	 				=	00-00

        4.5.  City Common Resources // .city-common-resources				=	00-00

        4.6.  City Guide For Citizens // .news-announcements				=	00-00

        4.7.  Events Full // .events .blog-post								=	00-00

        4.8.  Events Festivals // .events-festivals							=	00-00

        4.9.  Beautiful Laton // .beautiful-laton							=	00-00

        5.0.  Online Services and Request // .online-services-form			=	00-00

6.	City Team //	.city-team 											=	00-00

7.  Sponsors // .sponsors												=	00-00

8	Visit City Banner // .visit-city									=	00-00

9.  Footer // .footer													=	00-00



[Inner Pages Content Start]



10. 	Inner Page content start .page-content							=	00-00

11. 	Blog Listing // .blog											=	00-00

12. 	Blog Details // .blog-details-content							=	00-00

13. 	.featured-press-release // Department Page Start				=	00-00

14  	.sub-header.departments											=	00-00

15. 	Contact Page Start // .contact									=	00-00

16. 	Locations Grid Page Start // .sub-header.locations				=	00-00

17 		Govt Departments // .govt-departments							=	00-00

18. 	Location Map // .map-content									=	00-00

19. 	Job Page Start // .job-listing									=	00-00

20. 	Events Listing Start //.events-intro							=	00-00

21. 	Shop page Start // .pro-box										=	00-00

22. 	.page-404 // Page 404											=	00-00

23.		img-gallery // Image Gallery									=	00-00

24.		.sports-content // Sports Content								=	00-00

25.		.officials  // Officials										=	00-00

26.		.department-details // Department Details						=	00-00

27.		.location-map // Location Map									=	00-00



-------------------------------------------------------------------*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400,400i,600,600i,700,700i,800,800i');

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i');

html body {

    margin: 0px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    background: #f6f6f6;

}

body a, body a:hover, body a:active, body a:focus {

    text-decoration: none;

    outline: none;

}

body :focus {

    outline: none;

}

body h1, body h2, body h3, body h4, body h5, body h6 {

    font-family: 'Montserrat', sans-serif;

    margin: 0px;

    font-weight: 700;

}

body h1 {

    font-size: 34px;

}

body h2 {

    font-size: 28px;

}

body h3 {

    font-size: 24px;

}

body h4 {

    font-size: 20px;

}

body h5 {

    font-size: 18px;

}

body h6 {

    font-size: 16px;

}

body.home-style-two h1, body.home-style-two h2, body.home-style-two h3, body.home-style-two h4, body.home-style-two h5, body.home-style-two h6 {

    font-family: 'Source Sans Pro', sans-serif;

}

body.home-style-two h1 {

    font-size: 36px;

}

body.home-style-two h2 {

    font-size: 26px;

}

body.home-style-two h3 {

    font-size: 22px;

}

body.home-style-two h4 {

    font-size: 20px;

}

body.home-style-two h5 {

    font-size: 18px;

}

body.home-style-two h6 {

    font-size: 16px;

}

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

Header Start

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



.header {

    background: #fff;

    width: 100%;

    float: left;

    height: 68px;

    position: relative;

    z-index: 9999;

}

.side-icon {

    width: 67px;

    height: 67px;

    float: left;

    text-align: center;

    line-height: 67px;

    font-size: 36px;

}

.side-icon a {

    color: #091f2f;

}

.side-icon a:hover {

    color: #d33030;

}

.logo {

    position: relative;

    float: left;

    padding-left: 20px;

}

span.logo-icon {

    position: relative;

    margin-right: 20px;

    z-index: 99;

    display: inline-block;

}

span.logo-txt {

    position: relative;

    top: -10px;

}

.site-nav {

    float: left;

    background: #FFF;

    margin-top: -40px;

    width: 100%;

    height: 41px;

    box-shadow: 0 4px 4px rgba(0,0,0,0.10);

}

.site-nav .navbar-collapse {

    padding: 0px;

}

.site-nav .nav {

    text-align: right;

}

.site-nav .nav>li {

    display: inline-block;

}

.site-nav .nav a {

    color: #7a7a7d;

    font-size: 14px;

    padding: 0px 10px;

    line-height: 40px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    font-family: 'Open Sans', sans-serif;

    font-weight: bold;

}

.site-nav .nav a:hover {

    background: #d33030;

    color: #fff;

}

.header-right {

    float: right;

}

.header-right ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.header-right ul li {

    float: left;

    min-width: 67px;

    line-height: 54px;

    text-align: center;

    border-left: 1px solid #f1f1f2;

}

.h-weather {

    padding: 0 20px;

    font-size: 12px;

}

.h-weather img {

    margin: 10px 10px 0 0;

}

.h-weather .dropdown-menu {

    top: 98px;

    left: auto;

    right: -219px;

    width: 328px;

    border: 0px;

    border-radius: 0;

    padding: 10px;

    text-align: left;

    background: #25b8f6;

}

.header-right .flatWeatherPlugin ul.wiForecasts li {

    line-height: 24px;

    min-height: inherit;

    border-left: 0px;

    text-align: left;

    color: #fff;

}

.header-right .flatWeatherPlugin.partial .wiToday p.wiDay {

    line-height: 24px;

    color: #fff;

    font-size:12px;

}

.header-right .flatWeatherPlugin .wiToday .wiIconGroup div.wi {

    font-size: 400%;

    line-height: 0;

    width: 100%;

    color: #fff;

}

.header-right .flatWeatherPlugin .wiToday>.wiIconGroup p {

    color: #fff;

}

.header-right .flatWeatherPlugin div.wiToday>p.wiTemperature {

    font-size: 400%;

    line-height: 1.45em;

    float: left;

    width: 50%;

    text-align: center;

    color: inherit;

    font-weight: 700;

    color: #fff;

}

.header-right .flatWeatherPlugin h2 {

    margin: 0 0 5px;

    text-align: left;

    color: #fff;

    padding: 10px 0;

    border-radius: 5px;

    text-transform: uppercase;

}

.header-right .flatWeatherPlugin.partial .wiToday p.wiDay {

    text-align: right;

    font-weight: 700;

    padding: 0 0 10px;

    clear: both;

    width: 100%;

    color: inherit;

    position: absolute;

    top: -2px;

    right: 4px;

}

.search-icon {

    background: #d33030;

    color: #fff;

}

.search-icon a {

    color: #fff;

    font-size: 18px;

}

.search-holder {

    opacity: 0;

    background: #fff;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 0px;

    overflow: hidden;

    z-index: 1;

    background: #FFF;

    -webkit-transition: all 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out;

    transition: all 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out;

}

.collapse.in .search-holder {

    opacity: 1;

    height: 67px;

    width: 100%;

}

.search-holder input.search-input {

    width: 100%;

    height: 68px;

    border: 0;

    padding-left: 200px;

}

.search-holder button.search-btn {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 999;

    height: 68px;

    width: 68px;

    background: #d33030;

    font-size: 20px;

    color: #fff;

    border: 0;

    border-radius: 0;

}

.site-nav .nav>li {

    position: relative;

}

.navbar-nav>li:hover>.sub-menu, .site-nav .nav>li:hover>.sub-menu {

    display: block;

    opacity: 1;

}

.sub-menu {

    position: absolute;

    top: 100%;

    left: 0;

    background: #fff;

    margin: 0px;

    padding: 0px;

    min-width: 250px;

    list-style: none;

    display: none;

    opacity: 0;

    z-index: 9999;

}

.last .sub-menu{

    right:0;

    left:auto;

}

.sub-menu li {

    text-align: left;

    position: relative;

    border-bottom: 1px solid #f1f1f1;

}

.sub-menu li a {

    display: block;

    color: #666;

    line-height: 40px;

    padding: 0 15px;

    font-size: 13px !important;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.sub-menu li a:hover {

    background: #d33030;

    color: #fff;

}

.sub-menu .sub-menu {

    position: absolute;

    left: 100%;

    top: 0;

    display: none;

    opacity: 0;

}

.sub-menu li:hover> .sub-menu {

    display: block;

    opacity: 1;

}

/********  Alert  ********/



.alerts {

    position: fixed;

    right: 0px;

    top: 25%;

    z-index: 9999;

    overflow: hidden;

    display: none;

}

.alert-btn {

    width: 85px;

    height: 85px;

    background: #fff;

    text-align: center;

    line-height: 85px;

    font-size: 30px;

    position: relative;

    float: left;

    cursor: pointer;

}

.a-count {

    width: 26px;

    height: 26px;

    border-radius: 100%;

    color: #fff;

    background: #f93525;

    display: block;

    font-size: 13px;

    line-height: 26px;

    font-weight: 500;

    position: absolute;

    right: 20px;

    top: 15px;

    box-shadow: 0 0 3px rgba(0,0,0,.3);

}

ul.alerts-list {

    padding: 0;

    margin: 0;

    float: left;

    width: 400px;

    background: #fff;

    padding: 20px;

    list-style: none;

    display: none;

}

ul.alerts-list li {

    background: #d33030;

    margin-bottom: 20px;

    padding: 5px;

    color: #fff;

}

ul.alerts-list li:last-child {

    margin: 0px;

}

ul.alerts-list li p {

    font-size: 13px;

    font-weight: 300;

    margin-bottom: 5px;

}

ul.alerts-list li span {

    font-size: 11px;

    color: rgba(255,255,255,.5);

}

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

Header End

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



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

Sub Header Start

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

.sub-header {

    width: 100%;

    float: left;

    background: url(../images/subheader.jpg) no-repeat;

    background-size: cover;

    padding: 150px 0 80px;

}

.sub-header h1 {

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 20px;

}

.sub-header p {

    color: #fff;

}

.fl-breadcrumps {

    width: 100%;

    float: left;

    background: #fff;

    padding: 16px 0;

    box-shadow: 0 0 10px rgba(0,0,0,.10);

    position: relative;

    z-index: 99;

}

.fl-breadcrumps ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.fl-breadcrumps ul li {

    float: left;

    color: #d33030;

}

.fl-breadcrumps a {

    color: #aaaaaa;

}

.fl-breadcrumps a:hover {

    color: #d33030;

}

.fl-breadcrumps li:after {

    content: "\f105";

    font-family: FontAwesome;

    color: #d4d4d4;

    padding: 0 10px;

}

.fl-breadcrumps li:last-child:after {

    display: none;

}

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

Sub Header End

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











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

Banner Start

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



.main-banner {

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    top:30px;

}

.main-banner img {

    width: 100%;

    height: auto;

}

.slide-caption {

    position: absolute;

    top: 25%;

    z-index: 99;

    margin-left: 275px;

}

.slide-caption strong {

    background: #d33030;

    color: #fff;

    font-size: 13px;

    font-weight: 300;

    line-height: 34px;

    display: inline-block;

    padding: 0 20px;

}

.slide-caption h1 {

    font-size: 34px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

}

.main-banner .slider-nav {

    position: absolute;

    width: 70%;

    left: 0;

    bottom: 30px;

    border-top: 1px solid rgba(255,255,255,.3);

    right: 0;

    margin: auto;

}

.main-banner .slider-nav .slick-slide {

    color: #fff;

    font-size: 14px;

    padding: 25px 30px 0 0;

    border-top: 8px solid rgba(0,0,0,0);

    cursor: pointer;

}

.main-banner .slider-nav .slick-slide.slick-current {

    border-color: #d33030;

    font-weight: 700;

}

.main-banner .slick-list {

    padding: 0 !important;

}

.main-banner div#sync2 {

    position: absolute;

    z-index: 999;

    left: 0;

    right: 0;

    bottom: 0;

    width: 70%;

    margin: auto;

    border-top: 1px solid rgba(255,255,255,.3);

    transition:all ease-in-out 0.3s;

    -webkit-transition:all ease-in-out 0.3s;

}

.main-banner div#sync2 .owl-item .item {

    color: #fff;

    font-size: 14px;

    padding: 25px 30px 25px 0;

    border-top: 8px solid rgba(0,0,0,0);

    cursor: pointer;

}

.main-banner div#sync2 .owl-item .item:hover, .main-banner div#sync2 .owl-item.active.current .item {

    border-top: 8px solid #d33030;

    font-weight: 700;

}

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

Banner End

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







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

Home Content Start

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

.home-content {

    width: 100%;

    float: left;

}

.wrapper .container {

    width: 1230px;

}

/***************  Welcome  ****************/





.home-welcome {

    background: url(../images/simble.png) right top #006633 no-repeat;

    width: 100%;

    float: left;

    padding: 30px 0 0;

}

.home-welcome h3 {

    color: #fff;

    font-size: 26px;

    font-weight: 700;

    margin: 40px 0 30px;

}

.home-welcome h3 span {

    font-weight: 400;

}

.wel-links {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.wel-links li {

    display: inline-block;

    margin-right: 10px;

}

.wel-links li a {

    border: 1px solid #274263;

    color: #999;

    border-radius: 3px;

    font-size: 11px;

    text-transform: uppercase;

    padding: 3px 5px;

}

.home-welcome p {

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    margin: 40px 0 20px;

}

.home-welcome strong {

    color: #fff;

    font-size: 17px;

    font-weight: 700;

    display: block;

}

.home-welcome i {

    color: #fff;

    font-size: 13px;

    font-style: normal;

    color: #999999;

}

.home-welcome img {

    margin-left: -300px;

}

/***************  Home Services  ****************/



.h-services-one {

    width: 100%;

    float: left;

    position: relative;

    margin-top: -30px;

}

.h-services-one.banners{

    margin-top:40px;

}

.h-services-one.banners .h-ser-box{

    min-height: 160px;

}

.h-ser-box {

    width: 100%;

    float: left;

    background: #fff;

    text-align: center;

    padding: 40px 5px;

    border-top: 5px solid #d33030;

    box-shadow: 0 0 10px rgba(0,0,0,.40);

    text-align: center;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    overflow: hidden;

    position: relative;

    min-height: 260px;

}

.h-ser-box:hover {

    border-color: #006633;

}

.h-ser-box:after {

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 0;

    height: 5px;

    background: #d33030;

    content: "";

    z-index: 99;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}



.h-ser-box:hover:after {width:100%;}



.h-ser-box.red .icon-box {

    background: #d33030;

}

.h-ser-box .icon-box {

    width: 92px;

    height: 92px;

    border-radius: 100%;

    background: #006633;

    line-height: 101px;

    margin: auto;

    text-align: center;

    color: #091f2f;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.h-ser-box h6 {

    font-weight: 700;

    margin: 28px 0 24px;

}

.h-ser-box p {

    margin: 0 0 18px;

}

.h-ser-box .cd {

    text-transform: uppercase;

    color: #999999;

    font-size: 12px;

    font-weight: 600;

}

.h-ser-box:hover .icon-box {

    background: #d33030;

    border-radius: 20px;

}

.h-ser-box:hover h6, .h-ser-box:hover .cd {

    color: #d33030;

}

.h-ser-box.red:hover .icon-box {

    background: #006633;

}

/***************  Newsletter Wrap  ****************/



.newsletter-wrap {

    width: 100%;

    float: left;

    margin-bottom: 80px;

}

.newsletter-wrap .container {

    background: url(../images/mail-icon.png) no-repeat left top #006633;

    position: relative;

    padding: 15px 30px;

}

.newsletter-wrap .container:after {

    background: url(../images/dot.png);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 13px;

}

.nl-wrap {

    width: 100%;

    float: left;

    border: 2px dashed rgba(255,255,255,.3);

    padding: 30px 30px 20px;

}

.nl-wrap h2 {

    color: #fff;

    font-weight: 700;

    margin-bottom: 10px;

}

.nl-wrap p {

    color: #fff;

}

.nl-wrap .form-control {

    border: 0px;

    border-radius: 0px;

    padding: 0 20px;

    height: 50px;

    line-height: 50px;

    background: rgba(0,0,0,.50);

    color: #96b7ce;

}

.nl-wrap .submit {

    background: #d33030;

    color: #fff;

    border: 0px;

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    font-weight: 600;

    padding: 0 15px;

}

.nl-wrap ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.mb-15 {

    margin-bottom: 15px;

}

/***************  City Common Resources  ****************/



.city-common-resources {

    width: 100%;

    float: left;

    padding: 50px;

}

.city-common-resources h2 {

    font-weight: 700;

    position: relative;

    padding-top: 50px;

    margin-bottom: 30px;

    text-transform: uppercase;

}

.city-common-resources h2:after {

    background: url(../images/bdot.png);

    width: 100%;

    height: 19px;

    position: absolute;

    left: 0;

    top: 0;

    content: "";

}

.city-common-resources ul.nav {

    margin: 0px;

    padding: 0px;

    list-style: none;

    box-shadow: 0 0px 10px rgba(0,0,0,.05);

}

.city-common-resources .nav>li>a {

    position: relative;

    display: block;

    padding: 0;

    height: 63px;

    line-height: 63px;

    background: #fff;

    border-bottom: 1px solid #f2f4f4;

    border-left: 6px solid #fff;

    padding-left: 28px;

    color: #091f2f;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    font-size: 16px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    position: relative;

}

.city-common-resources .nav>li.active a, .city-common-resources .nav>li>a:focus, .city-common-resources .nav>li>a:hover {

    color: #d33030;

    border-left-color: #d33030;

    background: #fff;

}

.city-common-resources .nav>li>a:after {

    position: absolute;

    right: -10px;

    top: 0;

    bottom: 0;

    content: "\f0da";

    font-family: FontAwesome;

    color: rgba(255,255,255,0);

    font-size: 30px;

}

.city-common-resources .nav>li.active a:after {

    color: rgba(255,255,255,1);

}

.lccr-box {

    background: #fff;

    text-align: center;

    min-height: 230px;

    width: 100%;

    float: left;

    padding: 40px 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .10);

    margin-bottom: 30px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    position: relative;

}

.lccr-box:after {

    background: #006633;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    opacity: 0;

    z-index: -1;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.lccr-box:hover:after {

    height: 100%;

    opacity: 1;

}

.lccr-box:hover {

    background: rgba(0,0,0,.02);

}

.lccr-box:hover p, .lccr-box:hover h6, .lccr-box:hover .icon-img {

    color: #fff;

}

.icon-img {

    margin-bottom: 28px;

    color: #d33030;

    font-size: 40px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.lccr-box h6 {

    color: #091f2f;

    font-weight: 700;

    margin: 0 0 10px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.lccr-box p {

    margin: 0px;

    font-style: italic;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.dpt-phone {

    background: #006633;

    color: #fff;

    padding: 25px;

    margin-top: 30px;

}

.dpt-phone h4 {

    font-weight: 700;

    margin-bottom: 12px;

}

.dpt-phone p {

    font-size: 24px;

    font-weight: 300;

}

.dpt-phone p .fa {

    border: 1px solid #ccc;

    border-radius: 100%;

    font-size: 14px;

    width: 24px;

    height: 24px;

    text-align: center;

    line-height: 24px;

    margin-right: 5px;

}

/***************  City Guide For Citizens  ****************/



.city-guide-tabs {

    width: 100%;

    float: left;

}

.city-guide-tabs .nav {

    margin: 0 auto;

    padding: 0;

    list-style: none;

    width: 25%;

    text-align: center;

    background: #fff;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

    z-index: 99;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.city-guide-tabs .nav>li {

    position: relative;

    width: 50%;

    float: left;

}

.city-guide-tabs .nav>li:first-child a {

}

.city-guide-tabs .nav>li a {

    color: #000;

    font-size: 16px;

    font-weight: 600;

    display: block;

    padding: 0px;

    text-align: center;

    height: 55px;

    line-height: 55px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.city-guide-tabs .nav>li.active a, .city-guide-tabs .nav>li a:hover {

    background: #d33030;

    color: #fff;

}

.city-guide-tabs .tab-content {

    width: 100%;

    float: left;

    margin-top: -27px;

    position: relative;

    z-index: 1;

}

.cgfc-box-1 {

    background: #006633;

    position: relative;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

}

.cgfc-box-2 {

    background: #d33030;

    position: relative;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

}

.cgfc-box-3 {

    background: #d33030;

    position: relative;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

}

.cgfc-box-4 {

    background: #006633;

    position: relative;

    transition: all ease-in-out 0.5s;

    -webkit-transition: all ease-in-out 0.5s;

}

.cgfc-box-1:after, .cgfc-box-4:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: url(../images/cgfc-1-after.png) no-repeat left bottom;

}

.cgfc-box-2:after, .cgfc-box-3:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: url(../images/cgfc-2-after.png) no-repeat right bottom;

}

.block-content {

    padding: 70px 0;

    text-align: center;

    position: relative;

    z-index: 99;

}

.block-content h3 {

    font-weight: 700;

    margin: 0 0 20px;

    color: #fff;

}

.block-content p {

    color: rgba(255,255,255,.80);

    font-size: 16px;

    font-weight: 300;

    font-style: italic;

    margin-bottom: 25px;

}

.play-video a {

    font-size: 16px;

    font-family:font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    color: #fff;

}

.play-video .fa {

    border: 1px solid #ccc;

    width: 46px;

    height: 46px;

    border: 2px solid rgba(255,255,255,.80);

    border-radius: 100%;

    text-align: center;

    line-height: 42px;

    color: #fff;

    font-size: 16px;

    margin-right: 12px;

}

.play-video a:hover {

    color: #d33030;

}

.play-video a:hover .fa {

    background: #fff;

    color: #d33030;

}

/**********************News & Announcements *********************/



.news-announcements {

    width: 100%;

    float: left;

    padding: 80px 0 0 0;

}

.section-title {

    width: 100%;

    float: left;

    position: relative;

    background: url(../images/bdot.png);

    margin-bottom: 40px;

}

.section-title h2 {

    font-weight: 700;

    background: #f6f6f6;

    height: 20px;

    line-height: 20px;

    float: left;

    padding-right: 20px;

}

a.smore {

    position: absolute;

    top: 0;

    right: 0;

    background: #d33030;

    color: #fff;

    padding: 0 10px;

    height: 20px;

    line-height: 21px;

    font-size: 12px;

    text-transform: uppercase;

    border-left: 10px solid #f6f6f6;

}

a.smore:hover {

    background: #006633;

    color: #fff;

}

.news-block {

    width: 100%;

    float: left;

    padding: 7px;

    border-radius: 5px;

    background: #fff;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.news-block:hover {

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.news-thumb {

    width: 100%;

    float: left;

    position: relative;

}

.news-thumb:after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content:"" background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */

    z-index: 9;

}

.news-thumb img {

    max-width: 100%;

    height: auto;

}

ul.hnew-meta {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    float: left;

    position: relative;

    z-index: 99;

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 99;

}

ul.hnew-meta li {

    float: left;

    padding: 20px;

    color: #cccccc;

    text-transform: uppercase;

}

ul.hnew-meta li:last-child {

    float: right;

}

.news-content {

    width: 100%;

    float: left;

    padding: 25px 25px 0;

}

.news-content h5 {

    font-weight: 700;

    margin: 0 0 20px;

}

.news-content p {

    margin-bottom: 20px;

}

.news-content h5 a {

    color: #000;

    line-height: 26px;

}

.news-content h5 a:hover {

    color: #d33030;

}

.post-tag {

    width: 100%;

    border-top: 1px solid #ededed;

    padding: 10px 0 10px;

    color: #999999;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 12px;

}

.more-news-block {

    background: #fff;

    border-radius: 5px;

    width: 100%;

    float: left;

    overflow: hidden;

}

.more-news-block h3 {

    background: #d33030;

    color: #fff;

    font-weight: 700;

    height: 60px;

    line-height: 60px;

    padding-left: 30px;

    border-radius: 5px 5px 0 0;

    position: relative;

}

.more-news-block h3:after {

    background: url(../images/dot.png);

    content: "";

    height: 20px;

    width: 45%;

    top: 0;

    bottom: 0;

    right: 25px;

    position: absolute;

    margin: auto;

}

ul.news-list {

    padding: 0 25px;

    margin: 0;

    list-style: none;

}

ul.news-list li {

    border-bottom: 1px solid #f2f2f2;

    padding: 0 0 16px;

    margin-top: 16px;

}

ul.news-list h6 {

    font-weight: 700;

    line-height: 24px;

}

ul.news-list h6 a {

    color: #091f2f;

}

ul.news-list h6 a:hover {

    color: #d33030;

}

span.time-stamp {

    color: #999999;

    font-size: 12px;

}

.seemore a {

    color: #999999;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 700;

    padding: 10px 0 10px 25px;

    display: block;

}

/**********************City Highlisths *********************/



.city-highlights {

    background: url(../images/city-highlight.jpg) top left no-repeat;

    background-size: cover;

    width: 100%;

    float: left;

    padding: 80px 0;

}

.city-highlights .section-title {

    text-align: center;

}

.city-highlights .section-title h2 {

    float: none;

    display: initial;

    padding: 0 20px;

    background: #f1f1f1;

    color: #006633;

    text-transform: uppercase;

}

.city-highlights p.tagline {

    color: #666666;

    padding: 0 15%;

    text-align: center;

    margin-bottom: 30px;

}

.cl-thumb, .cl-box {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}

.cl-thumb img {

    max-width: 100%;

    height: auto;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.col-txt {

    width: 100%;

    float: left;

    background: #fff;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    padding: 17px 15px 12px 15px;

}

.col-txt h6 {

    font-weight: 700;

    float: left;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.col-txt a {

    border: 1px solid #d33030;

    height: 23px;

    width: 23px;

    border-radius: 100%;

    line-height: 21px;

    color: #d33030;

    float: right;

    text-align: center;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.cl-box:hover .col-txt {

    background: #d33030;

}

.cl-box:hover .col-txt a {

    color: #d33030;

    background: #fff;

    border-color: #fff;

}

.cl-box:hover .col-txt h6 {

    color: #fff;

}

.cl-thumb a {

    background: #fff;

    width: 40px;

    height: 40px;

    position: absolute;

    text-align: center;

    line-height: 40px;

    border-radius: 100%;

    left: 0;

    right: 0;

    top: -120%;

    bottom: 0;

    margin: auto;

    color: #d33030;

    font-size: 16px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.cl-box:hover .cl-thumb a {

    opacity: 1;

    top: 0;

}

.cl-thumb a:hover {

    background: #d33030;

    color: #fff;

}

/********************  Events Festivals  **********************/

.events-festivals {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.events-tab {

    width: 100%;

    float: left;

}

.events-tab .col-md-11 {

    padding-right: 0px;

}

.events-tab .col-md-1 {

    padding-left: 0px;

}

.events-tab .tab-content {

    background: #006633;

    min-height: 265px;

}

.events-tab .event-thumb {

    width: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    padding-top: 12px;

}

.eloc {

    background: #d33030;

    color: #fff;

    display: inline-block;

    line-height: 28px;

    padding: 0 15px;

    border-radius: 20px;

}

.events-tab .event-txt h3 {

    font-weight: 700;

}

.events-tab .event-txt h3 a {

    color: #fff;

}

.events-tab .event-txt p {

    color: rgba(255,255,255,.80);

    margin-bottom: 20px;

}

span.edate {

    background: #d33030;

    color: #fff;

    border-radius: 20px;

    line-height: 34px;

    display: inline-block;

    padding: 0 20px;

}

.events-tab ul.nav {

    background: #d33030;

}

.events-tab .nav>li>a {

    color: #FFF;

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    padding: 14px 0 14px;

    border-bottom: 1px solid rgba(0,0,0,.3);

}

.events-tab .nav>li>a strong {

    display: block;

    font-family: 'Montserrat', sans-serif;

    font-size: 20px;

}

.events-tab .nav>li.active a, .events-tab .nav>li>a:focus, .events-tab .nav>li>a:hover {

    background: #006633;

    color: #fff;

}

.events-tab .nav>li>a.more-tab {

    padding: 27px 0 26px;

    font-size: 24px;

}

.events-tab .nav>li>a.more-tab img {

    opacity: .5;

}

.events-tab .nav>li>a.more-tab:hover img {

    opacity: 1;

}

.more-events {

    width: 100%;

    float: left;

    margin-top: 40px;

}

.mre-event-box {

    width: 100%;

    float: left;

    background: #fff;

    position: relative;

}

.event-date {

    width: 67px;

    float: left;

    background: #d33030;

    height: 180px;

    margin-right: 30px;

    text-align: center;

    position: relative;

    padding-top: 10px;

}

.event-date span {

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 16px;

}

.event-date span strong {

    display: block;

    font-size: 24px;

    font-weight: 700;

}

.events-tab .event-txt {

    width: 93%;

    float: left;

    padding: 28px 10px 0 0;

}

ul.event-tags {

    padding: 0px;

    margin: 0 0 20px;

    list-style: none;

}

ul.event-tags li {

    display: inline-block;

    margin-right: 5px;

}

ul.event-tags a {

    display: inline-block;

    color: #fff;

    background: #082141;

    border-radius: 20px;

    padding: 0 15px;

    font-size: 12px;

}

ul.event-tags a:hover {

    background: #d33030;

    color: #fff;

}

.event-txt h5 {

    font-weight: 700;

    margin: 0 0 15px;

}

.event-txt h5 a {

    color: #000;

}

.event-txt h5 a:hover {

    color: #d33030;

}

ul.event-tags li.etag1 a {

    background: #f8c200;

    color: #fff;

}

ul.event-tags li.etag2 a {

    background: #1e5074;

    color: #fff;

}

ul.event-tags li.etag3 a {

    background: #006633;

    color: #fff;

}

ul.event-tags li.etag4 a {

    background: #d33030;

    color: #fff;

}

ul.mre-footer {

    margin: 0;

    padding: 0;

    list-style: none;

    border-left: 3px solid #ced2d5;

}

ul.mre-footer li {

    color: #999999;

    padding-left: 15px;

}

.event-date a {

    position: absolute;

    bottom: 0;

    padding: 22px;

}

.event-date a img {

    opacity: .5;

}

span.forma {

    position: absolute;

    bottom: 20px;

    right: 20px;

}

/********   Events Full   *******/



.events .blog-post {

    width: 100%;

    float: left;

    background: #fff;

    border: 1px solid #efefef;

    margin-bottom: 30px;

}

.event-text {

    width: 100%;

    float: left;

    padding: 30px 30px 25px;

}

.event-counter.is-countdown {

    width: 100%;

    float: left;

    margin-bottom: 15px;

}

.featured-img .countdown-section, .event-text .countdown-section {

    width: 70px;

    height: 60px;

    float: left;

    background: #d33030;

    margin-right: 5px;

    text-align: center;

    color: #fff;

    padding: 7px 0 0 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.event-text .countdown-section:hover {

    background: #091f2f;

}

.featured-img .countdown-amount, .event-text .countdown-amount {

    display: block;

    font-size: 20px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}

.event-text h4 {

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 5px;

}

.event-text h4 a {

    color: #091f2f;

}

.event-text h4 a:hover {

    color: #d33030;

}

.event-text a.nd {

    float: left;

}

.event-list .post-thumb {

    width: 45%;

    float: left;

}

.event-list .event-text {

    width: 55%;

    float: left;

}

.featured-img .event-counter.is-countdown {

    margin-bottom: 15px;

    position: absolute;

    right: 10px;

    bottom: 0;

    width: inherit;

}

.event-details .blog-details-text blockquote {

    padding: 20px 20px 20px 75px;

    margin: 20px 0;

    border-left: 0;

    border-top: 0;

    position: relative;

    background: #091f2f;

}

.event-details .blog-details-text blockquote p {

    color: #fff;

    font-size: 16px;

}

.event-details .blog-details-text blockquote .authorOrTitle {

    color: #fff;

}

.event-details .blog-details-text blockquote:before {

    font-size: 30px;

    left: 20px;

}

.event-details .blog-post .post-title h5 {

    margin: 0px;

}

/***************  Beautiful Laton  **************/



.beautiful-laton {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 80px;

}

.beautiful-laton .item {

    position: relative;

    overflow: hidden;

    text-align: left;

}

.beautiful-laton .item:after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    width: 100%;

    height: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */

}

.bl-caption {

    position: absolute;

    left: 0;

    bottom: -100px;

    padding: 20px;

    width: 100%;

    z-index: 99;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.bl-caption h6 {

    color: #fff;

    font-weight: 500;

    margin: 0 0 5px;

}

.bl-caption strong {

    color: #999999;

    font-weight: 400;

    margin: 0 0 10px;

    display: block;

}

.bl-caption p {

    color: #e4e4e4;

    opacity: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.beautiful-laton .item:hover .bl-caption {

    bottom: 0px;

}

.beautiful-laton .item:hover .bl-caption p {

    opacity: 1;

}

.beautiful-laton h4 {

    display: inline-block;

    font-weight: 700;

    height: 54px;

    line-height: 54px;

    z-index: 9;

    position: relative;

}

div#bs-carousel {

    margin-top: -27px;

}

.beautiful-laton .owl-theme .owl-nav {

    position: absolute;

    left: 0;

    right: 0;

    top: -27px;

    z-index: 9999;

    width: 18%;

    margin: auto;

    background: #fff;

    height: 54px;

    border-radius: 35px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    overflow: hidden;

}

.beautiful-laton .owl-theme .owl-nav [class*=owl-] {

    margin: 0;

    padding: 0;

    background: #fff;

    display: inline-block;

    cursor: pointer;

    border-radius: 0;

    font-size: 0;

}

.beautiful-laton .owl-prev {

    width: 54px;

    height: 54px;

    background: #fff;

    position: relative;

    float: left;

    border-right: 1px solid #cecece;

}

.beautiful-laton .owl-prev:after {

    content: "\f104";

    font-family: FontAwesome;

    font-size: 20px;

    color: #cecece;

}

.beautiful-laton .owl-next {

    width: 54px;

    height: 54px;

    background: #fff;

    position: relative;

    float: right;

    border-left: 1px solid #cecece;

}

.beautiful-laton .owl-prev:after {

    content: "\f104";

    font-family: FontAwesome;

    font-size: 36px;

    color: #cecece;

    line-height: 52px;

}

.beautiful-laton .owl-next:after {

    content: "\f105";

    font-family: FontAwesome;

    font-size: 36px;

    color: #cecece;

    line-height: 52px;

}

/****************** Online Services and Request ***************/



.online-services-form {

    width: 100%;

    float: left;

    padding: 80px 0;

    background: url(../images/home-formbg.jpg) no-repeat center center;

    background-size: cover;

}

.online-services-form .title {

    margin-bottom: 24px;

}

.online-services-form .title h2 {

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    margin: 0 0 10px;

}

.online-services-form .title p {

    color: #fff;

}

.online-services-form .dropdown {

    background: url(../images/dot.png);

    width: 100%;

    padding: 10px;

}

.online-services-form button {

    background: #fff;

    width: 100%;

    border: 0;

    height: 58px;

    line-height: 42px;

    text-align: left;

    padding: 8px 20px;

    color: #999999;

    font-size: 16px;

}
.online-services-form button .fa {

    float: left;

    color: #d33030;

    font-size: 24px;

    margin-right: 20px;

    line-height: 42px;

}

.online-services-form span {

    float: right;

    border-left: 1px solid #ccc;

    line-height: 42px;

    padding-left: 15px;

}

.online-services-form ul.dropdown-menu {

    width: 100%;

    padding: 0;

    border-radius: 0;

}

.online-services-form .dropdown-menu>li>a {

    padding: 0 15px;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #f1f1f1;

}

/****************** City Team ***************/



.city-team {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.city-team h2 {

    font-weight: 700;

    position: relative;

    text-transform: uppercase;

    margin: 0 0 35px;

}

.city-team h2:after {

    background: url(../images/bdot.png);

    content: "";

    width: 40%;

    top: 6px;

    right: 0;

    height: 20px;

    position: absolute;

}

.team-box {

    background: #fff;

    width: 100%;

    float: left;

}

.team-box .thumb img {

    max-width: 100%;

    height: auto;

}

.team-box .team-txt {

    padding: 25px 30px;

    box-shadow: 0 0 7px rgba(0,0,0,.08);

    width: 100%;

    float: left;

    min-height:230px;

}

.team-box .team-txt h5 {

    font-weight: 700;

    margin: 0 0 5px;

}

.team-box .team-txt p {

    margin: 0px;

    color: #999999;

}

.thumb {

    width: 100%;

    float: left;

    overflow: hidden;

    position: relative;

}

.thumb img {

    max-width: 100%;

    height: auto;

}

.team-hover {

    position: absolute;

    width: 100%;

    height: 0;

    opacity: 0;

    top: 0;

    background: rgba(0,0,0,.8);

    text-align: center;

    padding: 30px;

    color: #fff;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.mayor-social a {

    background: #fff;

    height: 34px;

    width: 34px;

    color: #222;

    display: inline-block;

    line-height: 34px;

    font-size: 16px;

}

.mayor-social a.fb {

    background: #3b5998;

    color: #fff;

}

.mayor-social a.tw {

    background: #55acee;

    color: #fff;

}

.mayor-social a.lin {

    background: #005397;

    color: #fff;

}

.mayor-social a.yt {

    background: #e02a20;

    color: #fff;

}

.team-hover h6 {

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 10px;

    opacity: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.team-hover p {

    margin-bottom: 20px;

    opacity: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.team-box:hover .team-hover {

    opacity: 1;

    height: 100%;

}

.team-box:hover .team-hover h6, .team-box:hover .team-hover p {

    opacity: 1;

}

.other-team-box {

    width: 100%;

    float: left;

    background: #fff;

    margin-bottom: 30px;

}

.team-thumb {

    float: left;

    width: 50%;

}

.other-team-box .team-txt {

    width: 50%;

    float: left;

    padding: 20px;

    position: relative;

    height: 178px;

}

.team-txt h5 {

    font-weight: 700;

    color: #222;

    margin: 0 0 7px;

}

.team-txt h5 a {

    color: #222;

}

.team-txt p {

    color: #999999;

}

.team-social {

    position: absolute;

    left: 20px;

    bottom: 20px;

}

.team-social a {

    display: inline-block;

    height: 34px;

    width: 34px;

    text-align: center;

    line-height: 34px;

    color: #7f7f7f;

    font-size: 20px;

}

.team-social a.fb:hover {

    background: #3b5998;

    color: #fff;

}

.team-social a.tw:hover {

    background: #55acee;

    color: #fff;

}

.team-social a.lin:hover {

    background: #005397;

    color: #fff;

}

.team-social a.yt:hover {

    background: #e02a20;

    color: #fff;

}

.team-page .team-box {

    margin-bottom: 30px;

}

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



.sponsors {

    width: 100%;

    float: left;

    background: #fff;

    padding: 0 0 80px;

    text-align: center;

}

.sponsors h4 {

    display: inline-block;

    background: #fff;

    padding: 0 50px;

    border-radius: 30px;

    font-weight: 700;

    text-transform: uppercase;

    height: 54px;

    line-height: 54px;

    box-shadow: 0 0 8px rgba(0,0,0,.09);

    z-index: 999;

    position: relative;

    top: -27px;

}

.cp-logo {

    width: 100%;

    float: left;

    text-align: center;

    height: 100px;

    line-height: 100px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.cp-logo:hover {

    box-shadow: 0 0 8px rgba(0,0,0,.05);

    background: #1e1e1e;

}

/*************  Visit City Banner  ****************/



.visit-city {

    background: url(../images/visit-city-bg.jpg) center center no-repeat;

    background-size: cover;

    padding: 80px 0;

    width: 100%;

    float: left;

}

.visit-city p {

    color: #fff;

    font-size: 34px;

    font-weight: 300;

    line-height: 40px;

    margin: 25px 0;

}

.visit-city a {

    background: #d33030;

    color: #fff;

    line-height: 46px;

    display: inline-block;

    padding: 0 25px;

    border-radius: 5px;

    font-weight: 600;

    font-size: 16px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.visit-city a:hover {

    background: #006633;

    color: #fff;

}

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

Home Content End

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





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

Footer Start

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



.footer {

    background: #1e1e1e;

    width: 100%;

    float: left;

    padding: 50px 0 0 0;

    position: relative;

}

.footer:after {

    position: absolute;

    right: 0;

    background: url(../images/simble.png) no-repeat right -30px;

    top: 0;

    width: 25%;

    height: 100%;

    content: "";

    opacity: .2;

}

.widget {

    width: 100%;

    float: left;

    color: #999999;

    margin-bottom: 30px;

}

.widget h6 {

    color: #fff;

    margin-bottom: 10px;

    font-weight: 700;

}

.widget p {

    color: #999999;

}

ul.footer-social {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.footer-social li {

    display: inline-block;

    margin: 0 3px;

}

ul.footer-social a {

    font-size: 24px;

    color: #4b4b4b;

}

ul.footer-social a:hover {

    color: #fff;

}

.copyr {

    border-top: 1px solid #292929;

    padding: 15px 0;

    color: #999999;

}

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

Footer End

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











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

Inner Pages Content Start

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

.page-content {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.side-links {

    margin: 0px;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,.10);

    position: relative;

    z-index: 999;

}

.side-links li {

    border-bottom: 2px solid #f2f4f4;

}

.side-links li:last-child {

    border: 0px;

}

.side-links li a {

    color: #091f2f;

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    font-weight: 700;

    display: block;

    line-height: 65px;

    border-left: 6px solid #fff;

    padding-left: 30px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    position: relative;

}

.side-links li a:hover {

    border-left: 6px solid #d33030;

    color: #d33030;

}

.side-links li a:after {

    position: absolute;

    content: "\f0da";

    font-family: FontAwesome;

    right: -11px;

    top: 0;

    font-size: 36px;

    color: rgba(255,255,255,0);

}

.side-links li a:hover:after {

    color: #fff;

}

.side-links li.active a {

    border-left: 6px solid #d33030;

    color: #d33030;

}

.side-links li.active a:after {

    color: #fff;

}

/***********   Blog Listing   *************/



.blog {

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,.10);

}

.post-listing {

    width: 100%;

    float: left;

    padding: 30px;

}

.main-title {

    width: 100%;

    float: left;

    padding: 19px 30px;

    border-bottom: 2px solid #f2f4f4;

}

.main-title h2 {

    font-weight: 700;

    color: #d33030;

    float: left;

}

.sort-btn {

    float: right;

}

.sort-btn a {

    border: 1px solid #e5e5e5;

    line-height: 36px;

    border-radius: 25px;

    padding: 0 20px;

    display: inline-block;

    color: #091f2f;

}

.sort-btn a .fa {

    color: #cccccc;

}

.featured-post {

    width: 100%;

    float: left;

    margin-bottom: 30px;

}

.featured-post img {

    border-radius: 5px;

}

.featured-post .blog-thumb:after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0px;

    content: "";

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */

    z-index: 9;

    border-radius: 5px;

}

.fp-txt {

    position: absolute;

    z-index: 99;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 5px;

}

.blog-thumb {

    width: 100%;

    float: left;

    max-width: 100%;

    overflow: hidden;

    position: relative;

}

.blog-thumb img {

    max-width: 100%;

    height: auto;

}

.fp-admin {

    position: absolute;

    top: 30px;

    left: 30px;

    color: #f1f1f1;

}

.fp-admin img {

    border-radius: 100%;

    margin-right: 10px;

}

.fp-title {

    position: absolute;

    bottom: 20%;

    padding: 0 30px;

}

.fp-title h3 {

    font-weight: 700;

    border-bottom: 1px solid rgba(255,255,255,.1);

    padding-bottom: 30px;

}

.fp-title h3 a {

    color: #fff;

}

.post-box, .news-box, .press-box {

    width: 100%;

    float: left;

    border-bottom: 1px dotted #ced2d5;

    padding-bottom: 30px;

    margin-bottom: 30px;

    position: relative;

}

.post-box:after, .news-box:after, .press-box:after {

    position: absolute;

    left: 0;

    bottom: 2px;

    width: 100%;

    height: 1px;

    border-bottom: 1px dotted #ced2d5;

    content: "";

}

.post-listing .post-thumb {

    width: 35.5%;

    float: left;

    overflow: hidden;

    position: relative;

    margin-right: 30px;

}

.post-listing .post-thumb img {

    max-width: 100%;

    height: auto;

    width: 100%;

}

.post-box:hover .post-thumb:before, .post-box:hover .post-thumb:after {

    height: 100%;

    opacity: 1;

}

.post-listing .post-thumb:after, .post-listing .post-thumb:before {

    background: rgba(0,0,0,.1);

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    right: 0;

    content: "";

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.post-listing .post-thumb:before {

    bottom: 0;

    top: inherit;

}

.post-thumb img {

    width: 100%;

    height: auto;

}

.post-listing .post-txt {

    width: 60%;

    float: left;

}

.post-txt h4 {

    font-weight: 700;

    line-height: 28px;

    margin-bottom: 17px;

}

.post-txt h4 a {

    color: #1e1e22;

}

.post-txt h4 a:hover {

    color: #d33030;

}

.post-txt p {

    color: #666666;

    margin-bottom: 20px;

}

.post-txt ul.post-meta {

    margin: 0px;

    padding: 20px 0 0 0;

    list-style: none;

    border-top: 1px solid #f2f2f2;

}

.post-txt ul.post-meta li, ul.post-meta li .fa {

    color: #999999;

}

ul.post-meta li {

    margin-right: 10px;

}

.post-txt ul.post-meta li:last-child {

    margin: 0px;

}

.post-box.last-post, .news-box.last {

    border-bottom: 0px;

    padding-bottom: 0px;

    margin: 0px;

}

.post-box.last-post:after, .news-box.last:after {

    display: none;

}

.blog-listing-footer {

    border-top: 2px solid #f2f4f4;

    width: 100%;

    float: left;

    padding: 30px;

    text-align: center;

}

.blog-listing-footer nav {

    display: initial;

}

.wrapper .pagination {

    padding: 0px;

    margin: 0px;

}

.wrapper .pagination>li {

    display: inline-block;

    margin: 0 3px;

}

.wrapper .pagination>li>a, .wrapper .pagination>li>span {

    position: relative;

    float: left;

    padding: 0;

    margin-left: 0;

    background: #f1f1f1;

    color: #999999;

    border: 0px solid #f1f1f1;

    width: 34px;

    height: 34px;

    line-height: 34px;

    border-radius: 100%;

    font-weight: 400;

}

.wrapper .pagination>li.active a, .wrapper .pagination>li>a:hover, .wrapper .pagination>li>span:hover {

    background: #d33030;

    color: #fff;

    border-color: #d33030;

}

.wrapper .pagination>li:first-child>a, .wrapper .pagination>li:first-child>span, .wrapper .pagination>li:last-child>a, .wrapper .pagination>li:last-child>span {

    border-radius: 100%;

}

.blog-listing-footer a {

    color: #bfbfbf;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 34px;

}

.blog-listing-footer a:hover {

    color: #d33030;

}

.featured-news {

    background: #d33030;

    padding: 20px;

    width: 100%;

    float: left;

    position: relative;

    border-radius: 5px;

    margin-bottom: 30px;

}

.featured-news:after {

    position: absolute;

    left: 0px;

    top: 64px;

    content: "\f1ea";

    font-family: FontAwesome;

    color: rgba(255,255,255,.1);

    font-size: 175px;

}

.fnews-thumb {

    border-radius: 3px;

    background: #fff;

    overflow: hidden;

    width: 150px;

    height: 130px;

    float: right;

    text-align: center;

    padding: 10px;

    box-sizing: border-box;

    margin-left: 30px;

}

.fnews-thumb img {

    width: 100%;

    height: auto;

}

.fnews-txt {

    float: left;

    width: 74%;

    position: relative;

    z-index: 99;

}

.fnews-txt h3 {

    font-weight: 700;

    line-height: 30px;

    margin: 10px 0 30px;

}

.fnews-txt h3 a {

    color: #fff;

}

ul.post-meta {

    margin: 0px;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

ul.post-meta li {

    font-size: 12px;

    text-transform: uppercase;

    float: left;

}

ul.post-meta li:after {

    content: "\f111";

    font-family: FontAwesome;

    font-size: 5px;

    line-height: 20px;

    padding: 0 15px;

}

ul.post-meta li:last-child:after {

    display: none;

}

ul.post-meta li:after {

    content: "\f111";

    font-family: FontAwesome;

}

.fnews-txt ul.post-meta li {

    color: #fff;

}

.news-box .news-thumb {

    float: right;

    width: 25%;

    text-align: center;

    padding: 10px;

    box-shadow: 0 0 5px rgba(0,0,0,.05);

    border-radius: 5px;

}

.news-box .news-thumb img {

    max-width: 100%;

    height: auto;

}

.news-box .news-txt {

    width: 68%;

    float: left;

    padding-right: 30px;

    box-sizing: border-box;

}

.news-box .news-txt h4 {

    font-weight: 700;

    line-height: 30px;

}

.news-box .news-txt h4 a {

    color: #222;

}

.news-icon {

    float: left;

    width: 7%;

    font-size: 32px;

    color: #7f7f7f;

}

.news-box .news-txt h4 a:hover {

    color: #d33030;

}

.ndate {

    font-size: 12px;

    color: #999999;

}

/***********  Blog Details  ***********/



.blog-details-content {

    width: 100%;

    float: left;

    overflow: hidden;

}

.blog-details {

    background: #ffffff;

    width: 100%;

    float: left;

    padding: 60px 0;

    position: relative;

}

.blog-details:after {

    content: "";

    width: 100%;

    right: -100%;

    background: #fff;

    height: 100%;

    top: 0;

    position: absolute;

}

.featured-img {

    margin-bottom: 35px;

    position: relative;

}

.blog-details img {

    max-width: 100%;

    height: auto;

}

.blog-details-text {

    width: 100%;

    float: left;

    padding: 0 30px;

}

.blog-details-text h6 {

    margin: 20px 0 20px;

}

.blog-details-text p strong.note {

    background: #f5e963;

    padding: 0 5px;

    font-weight: 400;

}

.blog-details-text blockquote {

    padding: 20px 0 0 75px;

    margin: 20px 0;

    border-left: 0;

    border-top: 1px solid #d33030;

    position: relative;

}

.blog-details-text blockquote:before {

    position: absolute;

    left: 10px;

    top: 20px;

    content: "\f10d";

    font-family: FontAwesome;

    font-size: 20px;

    color: #d33030;

}

.blog-details-text blockquote p {

    font-size: 20px;

    font-weight: 700;

    color: #d33030;

    font-style: italic;

}

.blog-details-text blockquote .authorOrTitle {

    color: #000;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

}

.blog-details-text blockquote .authorOrTitle span {

    color: #efa728;

    margin-right: 10px;

}

.alignleft {

    float: left;

    margin: 0 20px 0 0;

}

.fullwidth {

    margin: 20px 0;

}

.fullwidth figcaption, .alignleft figcaption {

    background: #f4f4f4;

    padding: 20px;

    font-weight: 700;

    color: #006633;

}

.fullwidth figcaption a, .alignleft figcaption a {

    display: block;

    color: #999999;

    font-weight: 400;

}

.redtxt {

    font-style: italic;

    color: red;

}

.blog-testimonial {

    width: 100%;

    float: left;

    background: url(../images/logo-icon-bg.png) no-repeat right bottom #395475;

    background-size: contain;

    text-align: center;

    color: #fff;

    position: relative;

    padding: 50px;

    margin-bottom: 20px;

    margin-top: 70px;

}

.blog-testimonial img {

    border-radius: 100%;

    border: 5px solid #fff;

    width: 80px;

    height: 80px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: -40px;

}

.blog-testimonial p {

    font-size: 18px;

    font-style: italic;

    line-height: 28px;

    font-weight: 300;

    margin: 20px 0;

}

strong.badmin {

    color: #748796;

    font-size: 14px;

    font-weight: 400;

    font-style: italic;

}

.listpoints {

    width: 100%;

    float: left;

    background: #f3f4f6;

}

.listpoints h6 {

    background: #d33030;

    color: #fff;

    padding: 0 20px;

    line-height: 40px;

    margin: 0px;

}

.listpoints ol {

    margin: 20px 0;

}

.listpoints li {

    line-height: 40px;

}

.post-share {

    width: 100%;

    float: left;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    margin: 50px 0;

}

.post-share ul {

    padding: 0px;

    list-style: none;

    margin-bottom: 0px;

}

.share-options {

    float: left;

}

.share-options li {

    border-right: 1px solid #e5e5e5;

    width: 95px;

    height: 85px;

    float: left;

    text-align: center;

    line-height: 85px;

}

.share-options li a {

    color: #b1bac2;

    font-size: 16px;

}

.share-social li {

    float: left;

}

.post-share .share-social {

    margin: 0 0 0 30px;

    padding: 25px 0 0 0;

    list-style: none;

    float: left;

}

.share-social a {

    width: 34px;

    height: 34px;

    border-radius: 100%;

    background: #909090;

    color: #fff;

    display: inline-block;

    text-align: center;

    line-height: 34px;

    margin: 0 5px;

    border: 1px solid #7a7a7a;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.share-social a:hover {

    background: #d33030;

    color: #fff;

    border-color: #d33030;

}

.related-articles {

    width: 100%;

    float: left;

    border-bottom: 1px solid #e5e5e5;

    padding: 0 30px 30px;

}

.post-comments h2, .related-articles h2 {

    text-transform: uppercase;

    margin-bottom: 20px;

}

.rel-box {

    width: 100%;

    float: left;

    overflow: hidden;

}

.rl-thumb {

    position: relative;

    margin-bottom: 20px;

}

.rl-thumb img {

    width: 100%;

    height: auto;

}

.rel-box .rl-thumb a {

    width: 50px;

    height: 50px;

    background: #353940;

    color: #fff;

    border-radius: 100%;

    position: absolute;

    border: 1px solid #000;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    line-height: 48px;

    font-size: 16px;

    box-shadow: inset 0 3px 1px rgba(255,255,255,.1);

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.rel-box .rl-thumb a:hover {

    background: #d33030;

    border-color: #d33030;

    color: #fff;

}

.rel-box ul.post-meta {

    margin-bottom: 5px;

}

.side-blog ul.post-meta a, .rel-box ul.post-meta a {

    color: #ed6917;

}

.rel-box a {

    color: #333333;

}

.rel-box a:hover {

    color: #ed6917;

}

.post-comments {

    width: 100%;

    float: left;

    border-bottom: 1px solid #e5e5e5;

    padding: 40px 30px 40px;

}

ul.comments {

    width: 100%;

    float: left;

    padding: 0px;

    margin: 0px;

    list-style: none;

}

ul.comments .comment {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}

.user-thumb {

    float: left;

    width: 48px;

}

.user-thumb img {

    border-radius: 3px;

}

.user-comments {

    float: left;

    width: 92%;

    padding-left: 20px;

}

.child-comments {

    width: 100%;

    background: #f4f6f7;

    float: left;

    margin: 20px 0 20px 68px;

    padding: 20px;

    list-style: none;

    border-radius: 5px;

}

.clinks, .clinks a {

    color: #919da6;

}

.child-comments .user-comments {

    padding-right: 20px;

}

.aname {

    display: inline-block;

}

span.ctime {

    font-size: 12px;

    color: #919da6;

}

ul.rep-comments {

    width: 85%;

    background: #fff;

    border-radius: 5px;

    float: left;

    padding: 0px;

    list-style: none;

    margin: 20px 0 0 68px;

    padding: 20px;

}

.comment-form {

    width: 100%;

    float: left;

    padding: 30px;

}

.comment-form h3 {

    margin-bottom: 20px;

}

.comment-form ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}

.comment-form input.form-control {

    border: 2px solid #cdd4d9;

    border-radius: 5px;

    padding: 0 20px;

    height: 52px;

    line-height: 48px;

    color: #cdd4d9;

    margin-bottom: 20px;

}

.comment-form textarea {

    width: 100%;

    border: 2px solid #cdd4d9;

    border-radius: 5px;

    padding: 20px;

    margin-bottom: 20px;

}

.comment-form button.submit {

    background: #006633;

    color: #fff;

    text-align: center;

    height: 50px;

    line-height: 50px;

}

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



.featured-press-release {

    width: 100%;

    float: left;

    padding: 30px;

    background: #274986;

    border-radius: 5px;

    margin-bottom: 30px;

}

.featured-press-release .press-txt {

    width: 80%;

    float: left;

    padding-right: 30px;

    box-sizing: border-box;

}

.featured-press-release .press-thumb {

    width: 20%;

    float: left;

}

.featured-press-release .press-thumb img {

    max-width: 100%;

    height: auto;

    border-radius: 100%;

}

span.pdate {

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

}

.featured-press-release .press-txt h3 {

    font-weight: 700;

    margin: 5px 0 10px;

    line-height: 30px;

}

.featured-press-release .press-txt h3 a {

    color: #fff;

}

.featured-press-release .press-txt p {

    color: #fff;

}

a.lmore {

    color: #cccccc;

    text-transform: uppercase;

    font-size: 12px;

}

a.lmore:hover {

    color: #fff;

}

.press-box .press-thumb {

    width: 100px;

    float: left;

}

.press-box .press-thumb img {

    max-width: 100%;

    height: auto;

    border-radius: 100%;

}

.press-box .press-txt {

    width: 86%;

    float: left;

    padding-left: 30px;

}

.press-box ul.post-meta li {

    color: #999;

}

.press-box .press-txt h4 {

    font-weight: 700;

    margin: 10px 0 10px;

}

.press-box .press-txt h4 a {

    color: #222;

}

.press-box .press-txt h4 a:hover {

    color: #d33030;

}

ul.news-tags {

    margin: 10px 0 0px;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

ul.news-tags li {

    float: left;

    margin-right: 20px;

    color: #999;

    text-transform: uppercase;

    font-size: 12px;

}

ul.news-tags li a {

    color: #999;

}

ul.news-tags li a:hover {

    color: #d33030;

}

.forum-listing {

    width: 100%;

    float: left;

    padding: 0 15px;

}

ul.forum-head, td.forum-head {

    width: 100%;

    float: left;

    background: #f2f4f4;

    list-style: none;

    padding: 0;

    margin: 0;

}

ul.forum-head li {

    float: left;

    font-size: 16px;

    font-weight: 700;

    padding: 10px 20px;

    box-sizing: border-box;

}

.f-title {

    width: 55%;

}

.f-creater {

    width: 25%;

}

.f-topic {

    width: 10%;

}

.f-post {

    width: 10%;

}

ul.forum-post {

    margin: 0 0 30px;

    padding: 0;

    list-style: none;

    width: 100%;

    float: left;

    border-bottom: 1px dotted #ced2d5;

    position: relative;

}

ul.forum-post:after {

    position: absolute;

    left: 0;

    bottom: 2px;

    content: "";

    width: 100%;

    height: 1px;

    border-bottom: 1px dotted #ced2d5;

}

.forum-post.last {

    border: 0px;

}

.forum-post.last:after {

    display: none;

}

ul.forum-post li {

    float: left;

    padding: 30px 0;

    box-sizing: border-box;

}

span.count {

    width: 38px;

    height: 38px;

    border: 1px solid #e7e7e7;

    display: inline-block;

    border-radius: 100%;

    text-align: center;

    line-height: 36px;

    color: #47515a;

    font-size: 12px;

}

.f-creater img {

    width: 45px;

    height: 45px;

    float: left;

    border-radius: 100%;

    margin-right: 8px;

}

.forum-post .f-creater strong {

    font-size: 14px;

}

.forum-post .f-creater {

    font-size: 12px;

}

.forum-post .tag-icon {

    float: left;

    width: 57px;

    height: 57px;

    border-radius: 100%;

    background: #d33030;

    text-align: center;

    line-height: 57px;

    color: #fff;

    font-size: 20px;

    margin-right: 20px;

}

ul.forum-post li.f-topic, ul.forum-post li.f-post {

    padding-left: 15px;

    padding-right: 15px;

}

li.f-title h6 {

    font-weight: 700;

    margin: 0 0 10px;

}

li.f-title h6 a {

    color: #222;

}

li.f-title h6 a:hover {

    color: #d33030;

}

.wrapper .c1 {

    background-color: #d33030;

}

.wrapper .c2 {

    background-color: #30d39b;

}

.wrapper .c3 {

    background-color: #d3a730;

}

.wrapper .c4 {

    background-color: #9d9d9d;

}

.wrapper .c5 {

    background-color: #25b8f6;

}

.wrapper .c6 {

    background-color: #9ac02d;

}

.newspaper-head {

    width: 100%;

    float: left;

    background: #f2f4f4;

    padding: 15px 30px;

}

ul.news-posts {

    padding: 15px;

    margin: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

ul.news-posts li {

    width: 33.3333%;

    float: left;

    padding: 15px 15px;

    box-sizing: border-box;

}

.np-thumb {

    width: 100%;

    float: left;

    padding: 5px;

    box-shadow: 0 0 10px rgba(0,0,0,.2);

    overflow: hidden;

    position: relative;

}

.np-thumb img {

    max-width: 100%;

    height: auto;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.np-thumb:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(255,255,255,0);

    transition: all ease-in-out 0.3s;

}

a.vd {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: 0;

}

a.vd {

    position: absolute;

    left: 0;

    right: 0;

    top: -125%;

    opacity: 0;

    bottom: 0;

    margin: auto;

    background: #d33030;

    width: 110px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    z-index: 9999;

}

a.vd:hover {

    background: #006633;

    color: #fff;

}

.np-thumb:hover .vd {

    opacity: 1;

    top: 0;

}

.np-thumb:hover:after {

    background: rgba(255,255,255,.5);

}

.twitter-feeds {

    width: 100%;

    float: left;

    padding: 30px;

}

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

Department Page Start

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



.sub-header.departments {

    background: url(../images/depart-subheader.jpg);

}

.department-box {

    width: 100%;

    float: left;

    background: #ffffff;

    border-top: 8px solid #006633;

    padding: 30px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

}

.department-box:after {

    position: absolute;

    left: 0;

    top: 0;

    background: #d33030;

    content: "";

    width: 100%;

    height: 0;

    opacity: 0;

    z-index: 1;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.department-box .txt {

    position: relative;

    z-index: 99;

}

.dicon {

    width: 100%;

    text-align: center;

    font-size: 40px;

    color: #d33030;

    margin-bottom: 15px;

}

.department-box h6 {

    text-align: center;

    margin: 0 0 10px;

}

.department-box p {

    text-align: center;

}

ul.contact-info {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    float: left;

}

ul.contact-info li {

    margin-bottom: 10px;

    width: 100%;

    float: left;

    color: #999999;

}

ul.contact-info .fa {

    float: left;

    width: 30px;

    color: #cccccc;

    font-size: 20px;

}

ul.contact-info span {

    float: left;

    width: 80%;

}

.department-box:hover:after {

    opacity: 1;

    height: 100%;

}

.department-box:hover .dicon, .department-box:hover h6, .department-box:hover li, .department-box:hover p {

    color: #fff;

}

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

Department Page End

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







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

Contact Page Start

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

.contact-map {

    width: 100%;

    float: left;

    position: relative;

}

.contact-map #map {

    width: 100%;

    min-height: 600px;

}

.marker {

    position: absolute;

    z-index: 99;

    left: 0;

    right: 0;

    margin: auto;

    width: 20%;

    height: 60px;

    top: 0;

    bottom: 0;

}

span.mimg {

    width: 53px;

    height: 53px;

    background: #d33030;

    display: inline-block;

    border-radius: 100%;

    text-align: center;

    line-height: 50px;

    box-shadow: 0px 0px 0px 10px rgba(255,255,255,.2);

    margin-right: 20px;

}

span.add-tag {

    background: #fff;

    border-radius: 5px;

    display: inline-block;

    line-height: 40px;

    padding: 0 20px;

    position: relative;

}

span.add-tag:after {

    position: absolute;

    left: -6px;

    top: 0px;

    content: "\f0d9";

    font-family: FontAwesome;

    color: #fff;

    font-size: 20px;

}

.address-info .col-md-4 {

    padding: 0px;

}

.address-block.b2 {

    background: #091f2f;

    position: relative;

    transform: scale(1.07);

    z-index: 99;

}

.address-block.b3 {

    background: #006633;

}

.contact-page {

    width: 100%;

    float: left;

    margin-top: -100px;

}

.address-block {

    width: 100%;

    float: left;

    background: #303234;

    color: #fff;

    padding: 45px;

}

.address-block h3 {

    margin-bottom: 20px;

}

.address-block .dots {

    background: url(../images/dot.png);

    width: 100%;

    height: 19px;

    margin-bottom: 30px;

    float: left;

}

.address-block address ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.address-block address li {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

.address-block address li .fa {

    width: 40px;

    float: left;

    font-size: 18px;

}

.address-block address span.info {

    width: 85%;

    float: left;

}

.address-block ul.social {

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

    width: 100%;

    float: left;

}

.address-block ul.social li {

    float: left;

    margin-right: 10px;

}

.address-block ul.social a {

    width: 40px;

    height: 40px;

    border: 2px solid #fff;

    border-radius: 100%;

    display: inline-block;

    text-align: center;

    line-height: 36px;

    color: #fff;

    font-size: 16px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.address-block ul.social a:hover {

    background: #006633;

    color: #fff;

    border-color: #006633;

}

.contact-txt {

    width: 100%;

    float: left;

    background: url(../images/contact-building.jpg) no-repeat bottom left #fff;

    padding: 120px 0 100px;

}

.contact-txt h3 {

    margin-bottom: 30px;

}

.contact-txt p {

    margin-bottom: 20px;

}

.contact-form {

    background: url(../images/contact-form.jpg) no-repeat right top;

    width: 100%;

    float: left;

    padding: 80px 0;

    background-size: cover;

}

.contact-form-box {

    width: 50%;

    margin: 0 auto;

    overflow: hidden;

    text-align: center;

    color: #fff;

}

.contact-form-box ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.contact-form-box li {

    margin-bottom: 20px;

}

.contact-form-box .form-control {

    border-radius: 0px;

    font-size: 16px;

    border: 0px;

    min-height: 40px;

    padding: 10px 15px;

}

.contact-form-box button {

    width: 100%;

    background: #006633;

    color: #fff;

    text-align: center;

    border: 0px;

    height: 45px;

    font-weight: 500;

}

.contact-form-box textarea.form-control {

    min-height: 150px;

}

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

Contact Page End

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









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

Locations Grid Page Start

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



.sub-header.locations {

    background: url(../images/locationsbg.jpg) no-repeat center center;

    background-size: cover;

}

.govt-departments h2 {

    margin-bottom: 30px;

}

.loc-box {

    width: 100%;

    float: left;

    border: 1px solid #eeeeee;

    overflow: hidden;

    background: #fff;

}

.loc-thumb {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}

.loc-thumb:before, .loc-thumb:after {

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0,0,0,.1);

    content: "";

    width: 100%;

    height: 0;

    opacity: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.loc-thumb:before {

    bottom: 0;

    top: inherit;

}

.loc-box:hover .loc-thumb:before, .loc-box:hover .loc-thumb:after {

    opacity: 1;

    height: 100%;

}

.loc-box:hover .loc-thumb a {

    opacity: 1;

}

.loc-thumb a {

    width: 40px;

    height: 40px;

    background: #d33030;

    border-radius: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    line-height: 40px;

    color: #fff;

    z-index: 99;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.loc-thumb a:hover {

    background: #1e1e1e;

    color: #fff;

}

.loc-thumb img {

    width: 100%;

    height: auto;

}

.loc-content {

    width: 100%;

    float: left;

    padding: 25px;

    position: relative;

    min-height: 175px;

}

ul.loc-add {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.loc-footer {

    width: 100%;

    float: left;

    border-top: 1px solid #eeeeee;

}

.loc-footer ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.loc-footer li {

    float: left;

    padding: 8px 15px;

}

.loc-footer li.more {

    float: right;

    border-left: 1px solid #eeeeee;

}

.loc-footer li.more button {

    background: none;

    border: 0px;

    color: #dbdbdb;

    font-size: 20px;

}

.loc-footer li.more a:hover {

    color: #d33030;

}

.loc-footer .dropdown-menu {

    padding: 0px;

    left: inherit;

    right: 0px;

}

.loc-footer .dropdown-menu li {

    padding: 0px;

    width: 100%;

}

li.loc-rating {

    color: #222;

    font-weight: 700;

}

li.loc-rating .fa {

    color: #ec9b00;

}

.loc-content .fa {

    float: left;

    width: 20px;

    font-size: 16px;

    color: #a1a1a1;

}

.loc-content span.ainfo {

    width: 84%;

    float: left;

    line-height: 20px;

}

.loc-content span.loc-type {

    width: 48px;

    height: 48px;

    background: #ec9b00;

    position: absolute;

    border-radius: 100%;

    text-align: center;

    line-height: 36px;

    border: 6px solid #fff;

    top: -24px;

    right: 10px;

    box-shadow: 0 0 5px #ccc;

}

.loc-content span.loc-type .fa {

    text-align: center;

    color: #fff;

    float: none;

}

.loc-content h6 {

    margin-bottom: 15px;

}

span.tick {

    position: absolute;

    left: -17px;

    top: -6px;

    background: #0078ff;

    color: #fff;

    transform: rotate(-45deg);

    width: 50px;

    height: 25px;

    text-align: center;

    z-index: -1;

}

span.tick .fa {

    color: #fff;

    text-align: center;

    transform: rotate(25deg);

    position: absolute;

    top: 10px;

    left: 14px;

    font-size: 13px;

}

.govt-departments {

    width: 100%;

    float: left;

    position: relative;

    margin-bottom: 40px;

}

.govt-departments .owl-theme .owl-nav {

    margin-top: 10px;

    position: absolute;

    left: 0;

    top: 40%;

    width: 100%;

}

.govt-departments .owl-theme .owl-nav .disabled {

    opacity: 1;

}

.govt-departments .owl-theme .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 14px;

    margin: 0;

    padding: 0;

    background: #cdcdcd;

    width: 40px;

    height: 40px;

    font-size: 0;

    border-radius: 100%;

    text-align: center;

    line-height: 36px;

}

.govt-departments .owl-theme .owl-nav [class*=owl-]:hover {

    background: #d33030;

    color: #fff;

}

.govt-departments .owl-prev {

    float: left;

    left: -60px;

    position: relative;

}

.govt-departments .owl-prev:after {

    content: "\f104";

    font-family: FontAwesome;

    font-size: 24px;

}

.govt-departments .owl-next:after {

    content: "\f105";

    font-family: FontAwesome;

    font-size: 24px;

}

.govt-departments .owl-next {

    float: right;

    right: -60px;

    position: relative;

}

.load-more {

    width: 100%;

    float: left;

}

.load-more a {

    background: #e1e1e1;

    color: #222;

    font-weight: 700;

    font-size: 16px;

    display: block;

    text-align: center;

    height: 60px;

    border-radius: 5px;

    line-height: 60px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.load-more a:hover {

    background: #d33030;

    color: #fff;

}

/***********  Location Map  **********/



.map-content {

    width: 100%;

    float: left;

    position: relative;

}

.map {

    width: 100%;

    height: 100%;

    position: fixed !important;

}

.city-map-locations {

    position: absolute;

    z-index: 99;

    top: 60px;

    left: 30px;

    background: #fff;

    width: 300px;

    border-radius: 3px;

    box-shadow: 0 0 10px rgba(0,0,0,.15);

    overflow: hidden;

}

.city-map-locations h4 {

    background: #282828;

    color: #fff;

    line-height: 40px;

    padding: 0 15px;

}

.search-form {

    width: 100%;

    position: relative;

    padding: 10px;

    background: #f0f0f0;

}

.search-form .form-control {

    border: 0px;

    background: none;

    box-shadow: none;

    border-radius: 0px;

}

.search-form button.sbtn {

    position: absolute;

    top: 10px;

    right: 10px;

    background: none;

    border: 0;

    color: #d33030;

    line-height: 34px;

}

.city-map-locations ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.city-map-locations li {

}

.city-map-locations a {

    display: block;

    border-bottom: 1px solid #f0f0f0;

    padding: 10px 15px;

    color: #48484a;

}

.city-map-locations a .fa {

    background: #d33030;

    width: 34px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    border-radius: 100%;

    color: #fff;

    margin-right: 10px;

    font-size: 16px;

}

.marker_info .info {

    width: 300px;

    height: 320px;

    border-radius: 5px;

    background: rgba(211, 48, 48, 0.8);

    position: relative;

    z-index: 9999999;

}

.marker_info .info img {

    display: block;

    border-radius: 100px;

    width: 110px;

    height: 110px;

    position: absolute;

    top: -53px;

    left: 90px;

    border: 7px solid #fff;

    background: #ffffff;

}

.marker_info .info a {

    background: #ffffff;

    border: 0px;

    color: #006633;

    transition: 0.3s;

}

.marker_info .info a:hover {

    background: #006633;

    border: 0px;

    color: #fff;

    transition: 0.3s;

}

.marker_info .info h2 {

    text-align: center;

    padding-top: 70px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    color: #ffffff;

}

.marker_info .info h2 span {

    width: 70px;

    height: 1px;

    background: #FFFFFF;

    display: block;

    margin: 15px auto;

}

.marker_info .info span {

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    color: #FFFFFF;

    line-height: 22px;

    text-align: center;

    display: block;

    padding: 0px 30px;

    font-size: 14px;

}

.marker_info .info a {

}

a.more_btn {

    background: #95c800;

    border: 1px solid #000000;

    padding: 10px 50px;

    color: #ffffff;

    font-size: 14px;

    border-radius: 4px;

    display: block;

    width: 180px;

    text-align: center;

    bottom: 40px;

    position: absolute;

    left: 60px;

    transition: 0.3s;

}

a.more_btn:hover {

    background: #ffffff; /* Old browsers */

    border: 1px solid #000000;

    padding: 10px 50px;

    color: #95c800;

    font-size: 14px;

    box-shadow: none;

    border-radius: 4px;

    display: block;

    width: 180px;

    text-align: center;

    bottom: 40px;

    position: absolute;

    left: 60px;

    text-decoration: none;

}

.marker_info .arrow {

    width: 0px;

    height: 0px;

    position: absolute;

    padding: 0px !important;

    left: -28px;

    top: 150px !important;

    border: 14px solid rgba(255, 0, 0, 0);

    top: 0px;

    border-right-color: rgba(211, 48, 48, 0.9);

}

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

Locations Grid Page End

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





















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

Job Page Start

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

.sub-header.jobs {

    background: url(../images/job-banner.jpg) no-repeat center center;

    background-size: cover;

}

.job-listing {

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);

}

.job-box {

    width: 100%;

    float: left;

    border-bottom: 1px solid #e5e5e5;

    padding: 30px 15px;

    margin-bottom: 30px;

}

.job-box ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.job-box li {

    float: left;

    padding: 0 15px;

    box-sizing: border-box;

}

.job-box li.jlogo {

    width: 25%;

}

.job-box li.job-des {

    width: 50%;

}

.job-box li.job-address {

    width: 25%;

}

span.job-type-tag {

    background: #f8c200;

    color: #fff;

    padding: 2px 10px;

    display: inline-block;

}

.job-box h5 {

    margin: 12px 0 12px;

}

.job-box h5 a {

    color: #222;

}

.job-box h5 a:hover {

    color: #d33030;

}

.job-box p {

    margin: 0px;

    color: #999999;

}

.job-box p.pay {

    color: #222;

    font-weight: 600;

}

.job-box.last {

    border: 0px;

}

.job-widget {

    margin-bottom: 30px;

    width: 100%;

    float: left;

    box-shadow: 0 0 10px rgba(0,0,0,.10);

}

.job-banner {

    width: 100%;

    float: left;

}

.job-banner img {

    width: 100%;

    height: auto;

}

.job-widget .search-form {

    background: #fff;

    border-top: 4px solid #d33030;

    border-bottom: 2px solid #f2f4f4;

}

.job-widget .side-links {

    box-shadow: none;

}

/*******  Details  *******/



.jobs-contact-map {

    width: 100%;

    float: left;

    position: relative;

}

.jobs-contact-map #map {

    width: 100%;

    height: 400px;

}

.job-details {

    width: 100%;

    float: left;

}

.jdetails {

    background: #fff;

    width: 100%;

    float: left;

    margin-top: -100px;

    padding: 30px;

    position: relative;

    box-shadow: 0 0 7px rgba(0,0,0,.1);

}

.jdetails h3 {

    color: #1e1e22;

    margin: 20px 0 12px;

}

.jdetails h4 {

    color: #999999;

    font-weight: 400;

    margin: 0 0 20px;

}

.jdetails .cl {

    position: absolute;

    right: 60px;

    top: 60px;

}

ul.small-points {

    width: 100%;

    float: left;

    list-style: none;

    margin: 0px;

    padding: 0px;

}

ul.small-points li {

    width: 25%;

    float: left;

}

ul.small-points h6 {

    color: #999999;

    font-weight: 600;

}

ul.small-points p {

    color: #999999;

}

span.like {

    position: absolute;

    right: 15px;

    top: -23px;

    width: 50px;

    height: 50px;

    background: #25b8f6;

    border-radius: 100%;

    text-align: center;

    line-height: 50px;

    box-shadow: 0 0 5px rgba(0,0,0,.2);

}

span.like a {

    color: #fff;

    font-size: 20px;

}

.jsp {

    width: 100%;

    height: 2px;

    background: #d33030;

    float: left;

    margin: 20px 0;

}

.jdetails-bottom {

    background: #fff;

    width: 100%;

    float: left;

    box-shadow: 0 0 7px rgba(0,0,0,.1);

    padding: 30px;

    margin-bottom: 60px;

}

.jdetails-bottom ul {

    margin: 0 0 20px;

    padding: 0px;

    list-style: none;

}

.jdetails-bottom li {

    line-height: 30px;

}

.jdetails-bottom li:before {

    content: "\f055";

    font-family: FontAwesome;

    margin-right: 8px;

    color: #006633;

}

.jdetails-bottom h5 {

    margin: 20px 0;

}

a.apply, a.swf {

    background: #d33030;

    color: #fff;

    line-height: 45px;

    display: inline-block;

    padding: 0 25px;

    font-weight: 600;

    font-size: 16px;

    margin-right: 10px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

a.apply:hover, a.swf:hover {

    background: #006633;

    color: #fff;

}

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

Job Page End

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









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

Events Listing Start

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



.events-intro {

    background: #006633;

    width: 100%;

    float: left;

    padding: 40px;

    position: relative;

    margin-bottom: 30px;

}

.events-intro:after {

    position: absolute;

    background: url(../images/simble.png) right top no-repeat;

    background-size: contain;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    opacity: .5;

}

.events-intro h3 {

    color: #fff;

    margin: 0 0 10px;

}

.events-intro p {

    color: #c6c6c6;

    margin: 0px;

}

.event-listing {

    background: #fff;

    width: 100%;

    float: left;

}

.event-listing .mre-event-box {

    border-bottom: 2px solid #f7f8f8;

}

.event-listing .mre-event-box .is-countdown {

    position: absolute;

    right: 14px;

    bottom: 18px;

    width: 220px;

    background: none;

    border: 0;

    text-align: center;

}

.event-listing .mre-event-box .countdown-section {

    background: #fff;

    width: 23%;

    float: left;

    padding: 5px 3px;

    border-radius: 3px;

    margin-left: 3px;

    box-sizing: border-box;

    border: 1px solid #ccc;

}

.event-listing .mre-event-box .countdown-amount {

    color: #006633;

    font-weight: 600;

    line-height: 20px;

    display: block;

    font-size: 20px;

}

.event-listing .mre-event-box .countdown-period {

    color: #006633;

    line-height: 20px;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 600;

}

.event-listing .mre-event-box span.forma {

    top: 20px;

}

.mre-event-box.last {

    border-bottom: 0px;

}

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

Events Listing End

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







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

Shop page Start

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



.sub-header.shop {

    background: url(../images/shop-banner.jpg) no-repeat bottom center;

    background-size: cover;

}

.shop-sorting {

    width: 100%;

    float: left;

    text-align: right;

    margin-bottom: 40px;

}

.shop-sorting select {

    height: 40px;

    border: 1px solid #ebebeb;

    padding: 0 20px;

    color: #666666;

    float: left;

}

.shop-sorting a {

    border: 1px solid #ebebeb;

    width: 40px;

    height: 40px;

    float: left;

    text-align: center;

    line-height: 38px;

    font-size: 18px;

    background: #fff;

    color: #333;

}

.shop-sorting a:hover {

    color: #e00d3a;

    border-color: #e00d3a;

}

.shop-sorting ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    text-align: right;

}

.shop-sorting li {

    display: inline-block;

    margin-left: 20px;

}

.pro-box {

    width: 100%;

    float: left;

    padding: 10px;

    background: #fff;

    box-shadow: 0 0 7px rgba(0,0,0,.08);

    margin-bottom: 40px;

}

.pro-thumb {

    width: 100%;

    float: left;

    position: relative;

    z-index: 9;

}

.pro-thumb:before, .pro-thumb:after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    width: 100%;

    height: 0;

    opacity: 0;

    content: "";

    background: rgba(0,0,0,.1);

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.pro-thumb:before {

    top: inherit;

    bottom: 0;

}

.pro-box:hover .pro-thumb:after, .pro-box:hover .pro-thumb:before {

    height: 100%;

    opacity: 1;

}

.pro-thumb img {

    width: 100%;

    height: auto;

}

.pro-txt {

    width: 100%;

    text-align: center;

    float: left;

    position: relative;

    z-index: 99;

    padding-bottom: 15px;

}

a.add2cart {

    width: 47px;

    height: 47px;

    background: #ec9b00;

    display: inline-block;

    line-height: 37px;

    text-align: center;

    border-radius: 100%;

    border: 5px solid #fff;

    color: #fff;

    box-shadow: 0 0 3px rgba(0,0,0,.30);

    position: relative;

    font-size: 18px;

    top: -23px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.pro-box:hover a.add2cart, a.add2cart:hover {

    background: #d33030;

    color: #fff;

}

.pro-txt h6 {

    margin: 0 0 10px;

}

.pro-txt p.price {

    font-weight: 700;

    color: #666;

}

.pro-txt h6 a {

    color: #222;

}

.pro-txt h6 a:hover {

    color: #ec9b00;

}

.pro-txt .pro-rating a {

    color: #ec9b00;

}

.pro-details .pro-thumb {

    width: 100%;

    float: left;

    padding: 10px;

    background: #fff;

    border: 1px solid #f1f1f1;

}

.pro-details .product-short {

    width: 100%;

    float: left;

    border-top: 5px solid #d33030;

    background: #fff;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

    padding: 30px;

    box-sizing: border-box;

}

.product-short h3 {

    color: #222;

    font-weight: 600;

    margin: 0 0 10px;

}

.prices {

    color: #9b9b9b;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;

    display: block;

    margin-bottom: 10px;

}

.review {

    color: #222;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 10px;

}

.review .fa {

    color: #ec9b00;

    font-size: 16px;

}

.product-short p {

    color: #666666;

    margin-bottom: 20px;

}

.qty strong {

    color: #222;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-right: 10px;

}

.qty input[type="number"] {

    border: 2px solid #ccc;

    height: 36px;

    line-height: 36px;

    padding: 0 10px;

    display: inline-block;

}

.qty .addtocart {

    display: inline-block;

    background: #ec9b00;

    height: 45px;

    line-height: 45px;

    border-radius: 30px;

    padding: 0 30px;

    border: 0px;

    font-family: 'Montserrat', sans-serif;

    color: #fff;

    font-size: 16px;

    margin: 10px 0 0 100px;

}

.product-short .share {

    margin: 20px 0 0;

    padding: 0px;

    list-style: none;

}

.product-short .share strong {

    color: #222222;

    font-size: 18px;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

}

.product-short .share li {

    display: inline-block;

    margin: 0 2px;

}

.product-short .share li a {

    width: 32px;

    height: 32px;

    border-radius: 100%;

    background: #7db441;

    color: #fff;

    display: block;

    text-align: center;

    line-height: 32px;

    text-shadow: 2px 2px 2px rgba(0,0,0,.2);

}

.product-short .share li a.tw {

    background: #29a9e1;

}

.product-short .share li a.fb {

    background: #3b5a9a;

}

.product-short .share li a.gp {

    background: #df4b38;

}

.product-short .share li a.insta {

    background: #5280a5;

}

.pro-tabs {

    width: 100%;

    float: left;

    padding: 80px 0 55px;

}

.pro-tabs .tab-content {

    padding: 20px;

    background: #fff;

    width: 100%;

    float: left;

}

.pro-tabs .nav-tabs > li.active > a, .pro-tabs .nav-tabs > li.active > a:focus, .pro-tabs .nav-tabs > li.active > a:hover {

    background-color: #d33030;

    color: #fff;

    cursor: default;

    border: 0px;

    border-radius: 0;

}

.pro-tabs .nav > li > a:focus, .pro-tabs .nav > li > a:hover {

    background-color: #d33030;

    color: #fff;

}

.pro-tabs .nav-tabs > li > a {

    border: 0;

    border-radius: 0;

    margin-right: 0px;

    font-family: 'Montserrat', sans-serif;

    line-height: 58px;

    font-size: 18px;

    font-weight: 600;

}

.pro-tabs .nav > li > a {

    display: block;

    padding: 0 20px;

    line-height: 58px;

    position: relative;

    font-family: 'Montserrat', sans-serif;

    line-height: 58px;

    font-size: 18px;

    font-weight: 600;

    border-radius: 0px;

    border: 0px;

    color: #222222;

}

.pro-tabs .nav-tabs > li {

    float: left;

    margin-bottom: -1px;

}

.review {

    float: left;

    width: 100%;

}

.review .r-user {

    float: left;

    margin-right: 30px;

    width: 98px;

}

.review .review-content {

    float: right;

    width: 88%;

}

.review .review-content h5 {

    font-weight: 600;

    margin-bottom: 10px;

}

.review .rataing {

    margin-bottom: 10px;

    font-size: 14px;

}

.review-content > p {

    font-size: 14px;

    font-weight: 400;

    color: #666666;

}

.review .rataing strong {

    color: #777777;

    font-weight: 400;

    margin-right: 10px;

}

.review-form {

    float: left;

    margin-top: 30px;

    width: 100%;

}

.review-form h5 {

    font-weight: 600;

    margin-bottom: 20px;

}

.review-form input[type="text"] {

    border: 1px solid #cccccc;

    border-radius: 2px;

    height: 50px;

    line-height: 50px;

    margin-bottom: 30px;

    padding: 0 15px;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    color: #777777;

}

.review-form textarea {

    border: 1px solid #cccccc;

    border-radius: 2px;

    height: 130px;

    padding: 15px;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    color: #777777;

}

.review-form input[type="submit"] {

    border: 0 none;

    border-radius: 30px;

    color: #ffffff;

    float: right;

    font-size: 16px;

    font-weight: 600;

    height: 40px;

    line-height: 40px;

    margin: 20px 0 0;

    padding: 0 30px;

    font-family: 'Montserrat', sans-serif;

    background: #d33030;

}

.pro-options {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    border-bottom: 1px solid #e6e8ea;

    padding-bottom: 20px;

}

.pro-options strong {

    display: block;

    font-weight: 500;

    margin-bottom: 10px;

}

.pro-options ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.pro-options li {

    display: inline-block;

    font-size: 28px;

    margin-right: 3px;

}

.pro-options select {

    background: #e5e5e5;

    border: 0;

    color: #666666;

    padding: 5px 10px;

}

.pc1 {

    color: #091f2f;

}

.pc2 {

    color: #102c99;

}

.pc3 {

    color: #ec9b00;

}

.pc4 {

    color: #3a90cf;

}

.pc5 {

    color: #b02a2a;

}

.related-products h3 {

    margin-bottom: 20px;

}

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

Shop page End

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





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

Page 404 Start

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





.page-404 {

    width: 100%;

    float: left;

    text-align: center;

    color: #666666;

}

.page-404 h2 {

    margin: 20px 0;

}

.page-404 a.mail {

    color: #0fa9e8;

}

a.gob {

    background: #d33030;

    color: #fff;

    display: inline-block;

    line-height: 40px;

    padding: 0 20px;

    text-transform: uppercase;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    margin-top: 10px;

}

a.gob:hover {

    background: #222;

    color: #fff;

}

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

Page 404 End

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







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

Image Gallery Start

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



.page-content.np {

    padding: 0px;

}

.sub-header.gallery {

    background: url(../images/imggallery-banner.jpg) no-repeat center center;

    background-size: cover;

}

.img-gallery .np {

    padding: 0px;

}

.gall-thumb {

    position: relative;

    overflow: hidden;

    width: 100%;

    float: left;

    border: 1px solid #fff;

}

.gall-thumb img {

    -webkit-transform: scale(1.5) translateY(0);

    transform: scale(1.5) translateY(0);

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.gall-thumb:hover img {

    -webkit-transform: scale(1.5) translateY(-12px);

    transform: scale(1.5) translateY(-12px);

}

.gallery-album .gl-thumb .caption, .gall-thumb .caption {

    position: absolute;

    bottom: 25%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

    text-align: center;

    width: 100%;

}

.gall-thumb:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .3s ease-in-out;

    opacity: 0;

    top: 0;

    left: 0;

}

.gall-thumb:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: 9;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */

}

.gall-thumb:hover:after {

    opacity: 1;

}

.gallery-album .gl-thumb .caption p, .gall-thumb .caption p {

    color: rgba(255,255,255,0.7);

    opacity: 0;

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.gallery-album .gl-thumb .caption h4, .gallery-album .gl-thumb .caption p, .gall-thumb:hover .caption h4, .gall-thumb:hover .caption p {

    opacity: 1;

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

}

.gl-thumb .link-wrap, .gall-thumb .link-wrap {

    position: absolute;

    top: 40%;

    right: 50%;

    transform: translateX(50%) translateY(-40%);

    z-index: 10;

}

.gl-thumb .link-wrap a, .gall-thumb .link-wrap a {

    display: inline-block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    background-color: rgba(0, 0, 0, 0.5);

    border-radius: 4px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    opacity: 0;

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.gl-thumb .link-wrap a:first-child, .gall-thumb .link-wrap a:first-child {

    margin-right: 6px;

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

}

.gl-thumb .link-wrap a:last-child, .gall-thumb .link-wrap a:last-child {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

    transition-duration: .7s;

}

.gl-thumb:hover .link-wrap a, .gall-thumb:hover .link-wrap a {

    opacity: 1;

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

}

.gl-thumb:hover .link-wrap a:hover, .gall-thumb .link-wrap a:hover {

    background-color: #d33030;

    color: #fff;

}

.gl-thumb .caption p, .gl-thumb:hover .caption h3, .gall-thumb .caption p, .gall-thumb:hover .caption h3 {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);

}

.gl-thumb .caption h4, .gall-thumb .caption h4 {

    color: #fff;

    transition: all .5s ease-in-out;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    z-index: 1;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    display: inline-block;

    padding: 12px;

    -webkit-transform-style: flat;

    transform-style: flat;

}

.gallery-album {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.gallery-album .gl-thumb {

    z-index: 999;

    position: relative;

}

.gallery-album .gl-thumb img {

    width: 100%;

    height: auto;

    border: 3px solid #fff;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);

}

.gallery-album .gl-thumb:after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    right: 0;

    transform: rotate(-0deg);

    -webkit-transform: rotate(-0deg);

    border: 3px solid #fff;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);

    background: #000;

    z-index: -1;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.gallery-album .gl-thumb:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    right: 0;

    transform: rotate(-0deg);

    -webkit-transform: rotate(-0deg);

    border: 3px solid #fff;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);

    background: #000;

    z-index: -1;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.gallery-album .gl-thumb:hover:after {

    transform: rotate(-3deg);

    -webkit-transform: rotate(-3deg);

    opacity: 1;

}

.gallery-album .gl-thumb:hover:before {

    transform: rotate(-7deg);

    -webkit-transform: rotate(-7deg);

    opacity: 1;

}

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

Image Gallery End

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







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

Sports Start

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



.sub-header.sports {

    background: url(../images/sports-headbg.jpg) no-repeat bottom left;

    background-size: cover;

    position: relative;

}

.sub-header.sports .fl-breadcrumps {

    background: none;

    position: absolute;

    top: 0;

    left: 0;

    padding: 7px 0 0 190px;

    box-sizing: border-box;

    box-shadow: none;

}

.sports-content {

    width: 100%;

    float: left;

    margin-top: -75px;

    margin-bottom: 80px;

}

.sports-title {

    background: url(../images/sports-titlebg.jpg) no-repeat #d33030 right top;

    border-radius: 3px;

    width: 100%;

    float: left;

    height: 120px;

    padding: 0 40px;

    box-sizing: border-box;

    margin-bottom: 30px;

}

.sports-title h2 {

    color: #fff;

    line-height: 120px;

}

.featured-match {

    background: url(../images/featured-match.png) no-repeat #0b3363;

    width: 100%;

    float: left;

    border-radius: 3px;

    padding: 40px;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}

.featured-match:after {

    position: absolute;

    top: 0;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(11,59,99,.8);

    content: "";

    z-index: 9;

}

.featured-match .row {

    position: relative;

    z-index: 88;

}

.match-logo {

    text-align: center;

    color: #fff;

}

.match-logo img {

    margin-bottom: 10px;

}

.match-info {

    text-align: center;

}

.match-info span.match-type {

    clear: both;

    display: inline-block;

    background: #f8c200;

    color: #fff;

    padding: 0 15px;

    font-size: 12px;

}

.match-info span.vs {

    background: #d33030;

    color: #fff;

    width: 36px;

    height: 36px;

    border-radius: 100%;

    display: inline-block;

    line-height: 36px;

    margin: 20px 0;

}

.match-info p {

    color: #cccccc;

    font-size: 12px;

    margin: 0px;

}

.matches-list {

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.matches-list h4 {

    background: #091f2f;

    color: #fff;

    height: 60px;

    line-height: 60px;

    padding: 0 30px;

    width: 100%;

    float: left;

}

ul.today-match {

    margin: 0;

    padding: 0;

    border-bottom: 1px solid #f0f0f0;

    list-style: none;

    width: 100%;

    float: left;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

ul.today-match:hover {

    background: #fff;

    transform: scale(1.02);

    position: relative;

    z-index: 99;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

}

ul.today-match li {

    float: left;

    text-align: center;

    padding: 15px;

}

ul.today-match li strong {

    font-size: 16px;

    color: #666;

    font-weight: 600;

}

li.tm-logo-1 {

    width: 30%;

}

li.tm-logo-2 {

    width: 30%;

}

ul.today-match li.tm-info {

    width: 40%;

    font-size: 12px;

    color: #ccc;

    padding: 40px 0 0;

}

ul.today-match li.tm-info strong {

    display: block;

    font-size: 12px;

    color: #666666;

    font-weight: 500;

}

.calender-wrap {

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

    padding: 10px;

}

.calendar {

    position: relative;

    overflow: hidden;

    text-transform: capitalize;

    text-align: center;

    font: 15px/1em inherit;

    color: #545A5C;

}

.calendar a {

    text-decoration: none;

    color: inherit;

}

.calendar header .btn {

    display: inline-block;

    position: absolute;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 26px;

    color: #CBD1D2;

    border-radius: 50%;

    border: 2px solid #CBD1D2;

    padding: 0px;

}

.calendar header .btn:hover {

    background: #CBD1D2;

    color: white;

}

.calendar header .btn-prev {

    left: 0;

    top: 0;

}

.calendar header .btn-next {

    right: 0;

    top: 0;

}

.calendar header .month {

    padding: 0;

    margin: 0;

    font-size: 20px;

}

.calendar table {

    width: 100%;

    margin: 20px 0;

    border-spacing: 0px;

}

.calendar thead {

    font-size: 14px;

    font-weight: 600;

    background: #091f2f;

    color: #fff;

}

.calendar td {

    padding: 3px 3px;

}

.calendar .day {

    display: inline-block;

    width: 2em;

    height: 2em;

    line-height: 1.9em;

    border-radius: 50%;

    border: 2px solid transparent;

}

.calendar .day:hover {

    border: 2px solid #6691CC;

}

.calendar .day.today {

    background: #091f2f;

    color: white;

}

.calendar .day.wrong-month {

    color: #CBD1D2;

}

.calendar .day.wrong-month:hover {

    border: 2px solid transparent;

}

.calendar .event-container {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #545A5C;

}

.calendar .filler {

    position: absolute;

    width: 0;

    height: 0;

    border-radius: 50%;

    background: #545A5C;

    transform: translate(-50%, -50%);

}

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

Sports End

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









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

Officials Start

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

.sub-header.officials {

    background: url(../images/officials-bg.jpg);

    padding-bottom: 0px;

    position: relative;

}

.sub-header.officials .container {

    position: relative;

}

.sub-header.officials img {

    width: 100%;

    height: auto;

}

.sub-header .oquote {

    position: absolute;

    left: 50px;

    color: #000;

    top: 50px;

    width: 50%;

}

.page-content.officials {

    padding: 0 0 80px;

    position: relative;

}

.page-content.officials .col-md-2 {

    padding-right: 0px;

}

.page-content.officials .col-md-10 {

    padding-left: 0px;

}

.off-nav img {

    width: 100%;

    height: auto;

}

.off-nav ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.off-nav a {

    display: block;

    height: 70px;

    line-height: 70px;

    background: #091f2f;

    border-bottom: 1px solid #223644;

    color: #fff;

    padding-left: 20px;

    font-weight: 700;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.off-nav li.current a, .off-nav a:hover {

    background: #d33030;

    color: #fff;

}

.officials-content {

    background: #fff;

    width: 100%;

    float: left;

    box-shadow: 0 0 10px rgba(0,0,0,.3);

    padding: 40px;

    position: relative;

    z-index: 99;

}

ul.about-contact {

    margin: 30px 0 0;

    padding: 0;

    list-style: none;

}

ul.about-contact li {

    float: left;

    margin-right: 20px;

    color: #999999;

    font-size: 16px;

}

ul.about-contact .fa {

    margin-right: 10px;

    color: #d33030;

    font-size: 24px;

}

ul.about-contact li.social .fa {

    color: #fff;

    font-size: 16px;

    margin: 0px;

}

ul.about-contact li.social a {

    background: #909090;

    color: #fff;

    width: 36px;

    height: 36px;

    border-radius: 100%;

    display: inline-block;

    text-align: center;

    line-height: 36px;

    margin-left: 3px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

ul.about-contact li.social a:hover {

    background: #d33030;

    color: #fff;

}

.officials-content .sp {

    background: url(../images/bdot.png);

    width: 100%;

    float: left;

    height: 20px;

    margin: 30px 0 50px;

}

.off-content {

    width: 100%;

    float: left;

}

ul.checklist {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.checklist li {

    line-height: 36px;

}

ul.checklist .fa {

    color: #d33030;

    border: 2px solid #d33030;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    display: inline-block;

    text-align: center;

    font-size: 16px;

    margin-right: 10px;

}

.off-content ul.exp-edu {

    width: 100%;

    float: left;

    margin: 0px;

    padding: 0px;

    list-style: none;

}

li.e-year {

    width: 12%;

    float: left;

    position: relative;

}

li.e-year:after {

    position: absolute;

    content: "";

    background: #ccc;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    right: 15px;

    top: 6px;

}

li.e-exp {

    width: 88%;

    float: left;

    position: relative;

    padding-bottom: 30px;

}

li.e-exp:after {

    position: absolute;

    top: 10px;

    height: 100%;

    left: -20px;

    content: "";

    background: #ccc;

    width: 1px;

}

li.e-exp p {

    margin-top: 10px;

}

.off-content ul.exp-edu.last li.e-exp:after {

    display: none;

}

.off-content ul.exp-edu.last li.e-exp {

    margin-bottom: 0px;

    padding-bottom: 0px;

}

#sidebar.sticky {

    float: none;

    position: fixed;

    top: 20px;

    z-index: 6;

    left: auto;

}

ul.twitter-feed {

    margin: 0px;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

ul.twitter-feed li {

    background: #00acee;

    width: 100%;

    float: left;

    margin-bottom: 20px;

    border-radius: 5px;

    padding: 30px;

    position: relative;

}

ul.twitter-feed li:after {

    position: absolute;

    content: "\f099";

    font-family: FontAwesome;

    font-size: 125px;

    top: 53px;

    right: 40px;

    color: rgba(0,0,0,.1);

}

.twitter-feed p {

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    line-height: 28px;

}

.twitter-feed .time {

    font-size: 12px;

    font-style: italic;

    color: #fff;

}

.twitter-feed li.last {

    margin: 0px;

}

.off-thumb {

    width: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    margin-bottom: 30px;

}
.off-thumb a {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: -150%;

    width: 40px;

    height: 40px;

    display: inline-block;

    background: #0a2c55;

    text-align: center;

    line-height: 40px;

    color: #fff;

    margin: auto;

    border-radius: 100%;

    z-index: 99;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.off-thumb img {

    width: 100%;

    height: auto;

}

.off-thumb:after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    width: 0;

    height: 0;

    opacity: 0;

    background: rgba(0,0,0,.0);

    z-index: 9;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.off-thumb:hover:after {

    width: 100%;

    height: 100%;

    opacity: 1;

    background: rgba(0,0,0,.3);

}

.off-thumb:hover a {

    bottom: 0px;

}

.off-thumb a:hover {

    background: #d33030;

    color: #fff;

}

#contact .input-group {

    width: 100%;

    margin-bottom: 20px;

}

#contact .form-control {

    border: 2px solid #cdd4d9;

    border-radius: 5px;

    width: 100%;

    line-height: 48px;

    height: 48px;

    color: #cdd4d9;

    padding: 0 15px;

}

#contact textarea.form-control {

    min-height: 150px;

    height: inherit;

    line-height: 24px;

    resize: none;

    padding: 15px;

}

#contact .input-group select {

    width: 100%;

    height: 48px;

    border: 2px solid #cdd4d9;

    border-radius: 5px;

    color: #cdd4d9;

}

button.submit {

    width: 100%;

    height: 48px;

    border: 0;

    color: #fff;

    background: #006633;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 16px;

    border-radius: 5px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

button.submit:hover {

    background: #d33030;

    color: #fff;

}

.page-content.officials:after {

    background: url(../images/logo-icon-bg.png) no-repeat;

    content: "";

    bottom: 0;

    right: 0;

    position: absolute;

    height: 495px;

    width: 470px;

}

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

Officials End

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





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

Sidebar Start

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



.blog-page {

    position: relative;

    overflow: hidden;

}

.sidebar .widget {

}

.widget h3 {

    color: #4a4a4a;

    margin: 0 0 20px;

}

.city-of-light a.tag {

    background: #ff9001;

    color: #fff;

    display: inline-block;

    line-height: 28px;

    padding: 0 20px;

    margin-bottom: 20px;

}

.source-logo {

    color: #222;

    font-size: 16px;

    line-height: 24px;

}

.source-logo img {

    border-radius: 100%;

    float: left;

    margin-right: 10px;

    box-shadow: 0 3px 0 rgba(0,0,0,.1);

}

ul.meta {

    padding: 0px;

    margin: 20px 0 0 0;

    list-style: none;

}

ul.meta li {

    border-bottom: 1px solid #e1e4e6;

}

ul.meta li a {

    color: #748796;

    line-height: 50px;

    padding: 0 20px;

}

ul.meta li .fa {

    margin-right: 5px;

}

ul.tags {

    margin: 20px 0;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

ul.share-social {

    margin: 0 0 20px 0;

    padding: 0px;

    list-style: none;

    float: left;

}

ul.tags li a {

    border: 1px solid #b1bac2;

    text-transform: uppercase;

    line-height: 28px;

    padding: 0 10px;

    display: inline-block;

    color: #006666;

    margin-bottom: 5px;

}

.share-with-friend {

    margin: 20px 0 0;

    padding: 0px;

    list-style: none;

}

.share-with-friend li a {

    background: #395475;

    display: block;

    color: #fff;

    padding: 0 10px;

    height: 36px;

    line-height: 36px;

    border-radius: 3px;

    margin-bottom: 5px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.share-with-friend li a .fa {

    float: right;

    line-height: 36px;

}

.share-with-friend li a:hover {

    background: #d33030;

    color: #fff;

}

.blog-admin .ba-header {

    position: relative;

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

.blog-admin .ba-header a {

    position: absolute;

    right: 0;

    top: 10px;

    color: #cccccc;

    font-size: 20px;

}

.blog-admin .ba-header img {

    width: 65px;

    height: 65px;

    border-radius: 100%;

    float: left;

    margin-right: 20px;

}

.blog-admin .ba-header h5 {

    color: #4a4a4a;

    font-weight: 600;

    margin: 10px 0 0;

}

.blog-admin .ba-header strong {

    color: #748796;

    font-weight: 400;

}

.blog-admin p {

    color: #333333;

}

ul.blog-list {

    margin: 0;

    padding: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

li.post-list {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

li.post-list img {

    width: 100%;

    height: auto;

    margin-bottom: 10px;

}

ul.source {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.blog-list h6 {

    margin: 10px 0;

    clear: both;

}

ul.blog-list h6 a {

    color: #222;

}

ul.source li a {

    color: #748796;

}

ul.source li a:last-child:before {

    content: "|";

    padding: 0 10px;

}

.view-all {

    background: #395475;

    color: #fff;

    width: 100%;

    display: block;

    clear: both;

    text-align: center;

    line-height: 36px;

    border-radius: 3px;

    font-weight: 600;

    text-transform: uppercase;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.view-all:hover {

    background: #d33030;

    color: #fff;

}

.mr-list {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.mr-list li {

    margin-bottom: 20px;

    position: relative;

    padding-left: 30px;

}

.mr-list li .tag {

    color: #ed6917;

}

.mr-list li strong {

    display: block;

}

.mr-list li strong a {

    color: #4a4a4a;

}

.mr-list li span {

    color: #748796;

}

.mr-list li:after {

    position: absolute;

    height: 10px;

    width: 10px;

    background: #dadada;

    border-radius: 100%;

    content: "";

    top: 7px;

    left: 0;

}

.mr-list li:before {

    position: absolute;

    height: 120%;

    width: 1px;

    background: #dadada;

    border-radius: 100%;

    content: "";

    top: 16px;

    left: 4px;

}

.mt50 {

    margin-top: 50px;

}

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

Department Details Page

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

.department-details {

    background: #fff;

    width: 100%;

    float: left;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);

}

.dprt-header {

    background: url(../images/dprt-bg.jpg) no-repeat bottom right #091f2f;

    width: 100%;

    float: left;

    padding: 70px 0 70px 70px;

}

.dprt-header h1 {

    color: #fff;

    text-transform: uppercase;

}

.dprt-sidebar {

    width: 100%;

    float: left;

    overflow: hidden;

}

.dprt-sidebar iframe {

    width: 100%;

    border: 0px;

}

.department-details .col-md-4.np {

    padding: 0px;

    position: relative;

}

.dprt-content {

    padding: 30px;

}

.dprt-content h3 {

    margin-bottom: 20px;

}

.dprt-content .list {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.dprt-content .list li {

    line-height: 30px;

}

.dprt-content .list .fa {

    margin-right: 5px;

}

ul.report-issue.row {

    width: 100%;

    float: left;

    list-style: none;

    margin: 30px -15px;

    padding: 0px;

}

ul.report-issue a {

    background: #d33030;

    display: block;

    text-align: center;

    color: #fff;

    height: 180px;

    padding: 50px 0;

    border-radius: 3px;

}

ul.report-issue .fa {

    display: block;

    font-size: 60px;

    margin-bottom: 10px;

}

ul.download-list {

    width: 100%;

    float: left;

    padding: 0px;

    list-style: none;

    margin-bottom: 30px;

}

ul.download-list li {

    background: #e9e9e9;

    border-radius: 5px;

    padding: 20px;

    margin-bottom: 10px;

}

ul.download-list li a {

    display: block;

    line-height: 23px;

    color: #333333;

}

ul.download-list li .fa {

    float: right;

}

ul.download-list li img {

    margin-right: 10px;

}

.dnews-list {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

li.dnews {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

.dnews-thumb {

    width: 40%;

    float: left;

    overflow: hidden;

}

.dnews-txt {

    width: 60%;

    float: left;

    overflow: hidden;

    padding-left: 20px;

    box-sizing: border-box;

}

.dnews-list ul.post-meta {

    border-top: 1px solid #ccc;

    padding-top: 10px;

    list-style: none;

    color: #999999;

}

.dnews-list ul.post-meta a {

    color: #999999;

}

.dnews-txt h4 {

    margin-bottom: 10px;

}

.dnews-txt h4 a {

    color: #444;

}

.col-md-4.np {

    background: #f7f7f7;

}

.dprt-widget {

    width: 100%;

    padding: 30px;

    float: left;

}

.dprt-widget ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}

.dprt-widget ul li {

    margin-bottom: 10px;

    color: #999999;

    width: 100%;

    float: left;

}

.dprt-widget h3 {

    margin-bottom: 20px;

}

.dprt-widget address li .fa {

    width: 40px;

    float: left;

    font-size: 18px;

}

.dprt-widget address span.info {

    width: 85%;

    float: left;

}

.ann-box {

    background: #ffffff;

    width: 100%;

    float: left;

    border: 2px solid #ecdaa8;

    padding: 10px;

}

.ann-box h6 {

    margin-bottom: 10px;

}

.notes {

    background: #fff2cf;

    border-radius: 5px;

    padding: 20px;

    width: 100%;
    float: left;

}

.dprt-icon {

    background: #d33030;

    width: 135px;

    height: 135px;

    border-radius: 100%;

    text-align: center;

    line-height: 135px;

    color: #fff;

    font-size: 60px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: -67px;

}

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

Inner Pages Content End

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







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

Location Details Page Start

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

.location-sub-header {

    background: url(../images/loc-bg.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    float: left;

    position: relative;

    padding: 80px 0 0 0;

}

.location-sub-header:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(120,190,68,.90);

    content: "";

    z-index: 1;

}

.location-map {

    width: 100%;

    float: left;

    position: relative;

    z-index: 99;

}

.location-map #map {

    width: 100%;

    height: 300px;

}

.location-map .marker {

    width: 40%;

    top: -30px;

}

.location-details .white-bg {

    border-radius: 5px;

    background: #fff;

    width: 100%;

    float: left;

    max-width: 1200px;

    margin-left: 15px;

    position: relative;

    margin-bottom: 40px;

    padding: 30px 15px 23px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    margin-top: -5px;

    z-index: 999;

}

.loc-logo {

    width: 100%;

    background: #fff;

    padding: 5px;

    border-radius: 7px;

    margin-top: -70px;

    text-align: center;

}

.loc-logo img {

    width: 100%;

    height: auto;

}

ul.loc-rating {

    padding: 0px;

    margin: 15px 0;

    list-style: none;

}

.loc-info a.con {

    background: #091f2f;

    color: #fff;

    display: inline-block;

    line-height: 40px;

    padding: 0 25px;

    font-weight: 600;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.loc-info a.con:hover {

    background: #78be44;

    color: #fff;

}

ul.loc-rating li {

    display: inline-block;

    margin-right: 10px;

}

ul.loc-rating a {

    color: #ffa200;

}

.loc-add {

    border-left: 1px solid #e9e9e9;

    padding-left: 20px;

}

.loc-add ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.loc-add li {

    color: #666666;

    margin-bottom: 15px;

    width: 100%;

    float: left;

}

.loc-add li:last-child {

    margin-bottom: 0px;

}

.loc-add li .fa {

    margin-right: 10px;

    font-size: 16px;

}

.loc-content-wrap, .loc-widget {

    width: 100%;

    float: left;

    background: #fff;

    padding: 20px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    margin-bottom: 30px;

}

.loc-content-wrap .section-title h2 {

    background: #fff;

    text-transform: uppercase;

}

.loc-gallery ul.row {

    padding: 0px;

    list-style: none;

}

.loc-gallery img {

    margin-bottom: 30px;

}

.loc-features ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.loc-features li {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

.loc-features .loc-icon {

    width: 100px;

    height: 100px;

    border: 2px solid #ccc;

    border-radius: 100%;

    text-align: center;

    font-size: 50px;

    line-height: 100px;

    float: left;

    margin-right: 30px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    background: #fff;

}

.loc-features h5 {

    margin-bottom: 10px;

}

.loc-icon.icon1 {

    border-color: #4c3fc8;

    color: #4c3fc8;

}

.loc-icon.icon2 {

    border-color: #c83f3f;

    color: #c83f3f;

}

.loc-icon.icon3 {

    border-color: #eab026;

    color: #eab026;

}

.loc-features .loc-icon.icon1:hover {

    background: #4c3fc8;

    color: #fff;

}

.loc-features .loc-icon.icon2:hover {

    background: #c83f3f;

    color: #fff;

}

.loc-features .loc-icon.icon3:hover {

    background: #eab026;

    color: #fff;

}

ul.loc-reviews {

    width: 100%;

    float: left;

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.loc-reviews li {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

ul.loc-reviews .rev-user {

    width: 80px;

    float: left;

}

ul.loc-reviews .rev-txt {

    width: 80%;

    float: left;

}

ul.loc-reviews .rev-txt h5 {

    margin-bottom: 10px;

}

ul.loc-reviews .rev-txt .rating {

    color: #ffa200;

}

.leave-us-reviews {

    background: #fff;

    border: 2px solid #f3f3f3;

    border-radius: 3px;

    display: block;

    clear: both;

    color: #000000;

    font-weight: 600;

    font-size: 16px;

    line-height: 50px;

    text-align: center;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.leave-us-reviews:hover {

    background: #d33030;

    color: #fff;

}

.related-locations {

    width: 100%;

    float: left;

    background: #e0e0e0;

    padding: 80px 0;

}

.related-locations .section-title h2 {

    background: #e0e0e0;

}

.loc-widget.align-center {

    text-align: center;

}

.loc-widget h4 {

    margin-bottom: 20px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

}

.share-footer, ul.loc-share {

    margin: 0px;

    padding: 0px;

    list-style: none;

    text-align: center;

    width: 100%;

    float: left;

    margin: 0 0 20px 0;

}

.share-footer {

    margin-bottom: 0px;

}

ul.loc-share a {

    color: #8d8d8d;

    font-size: 18px;

    margin: 0 5px;

}

ul.loc-share a:hover {

    color: #091f2f;

}

.share-footer li {

    width: 50%;

    float: left;

    border-top: 1px solid #ccc;

    padding: 10px 0 0;

}

.share-footer li:first-child {

    border-right: 1px solid #ccc;

}

.share-footer a {

    color: #091f2f;

    font-size: 14px;

    font-weight: 600;

}

.share-footer .fa {

    font-size: 18px;

    margin-right: 10px;

}

ul.timing {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.timing li {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    color: #999999;

}

ul.timing strong {

    color: #222;

}

ul.timing li .fa {

    font-size: 60px;

    float: left;

    color: #d33030;

    margin-right: 20px;

}

ul.sidejobs {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.sidejobs li {

    margin-bottom: 20px;

    color: #999999;

}

ul.sidejobs span {

    background: #f8c200;

    color: #fff;

    display: inline-block;

    padding: 0 10px;

    line-height: 24px;

}

ul.sidejobs h6 {

    margin: 10px 0 10px;

    color: #222;

}

.loc-widget.form-widget {

    background: #091f2f;

    border-radius: 3px;

}

.loc-widget.form-widget h4 {

    color: #fff;

}

.form-widget ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.form-widget ul li {

    margin-bottom: 20px;

}

.form-widget .form-control {

    border-radius: 3px;

    line-height: 46px;

    border: 0px;

    background: #fff;

    height: inherit;

    padding: 0 10px;

}

.form-widget button {

    background: #d33030;

    border: 0px;

    border-radius: 3px;

    width: 100%;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

    line-height: 50px;

}

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

Location Details Page End

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





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

Home Page 2 Start

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

.wrapper.boxed {

    width: 1600px;

    margin: 0 auto;

    overflow: hidden;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.main-content {

    width: 100%;

    float: left;

}

.header-two {

    width: 100%;

    float: left;

    background: #fff;

}

.header-search {

    background: #fafafa;

    border-left: 1px solid #e6e6e6;

    border-right: 1px solid #e6e6e6;

    padding: 28px 20px;

    position: relative;

}

.header-search .form-control {

    border: 0px;

    background: none;

    box-shadow: none;

    padding: 0px;

    line-height: 40px;

}

.header-two .logo {

    padding: 15px 0;

}

.header-two .alert-btn {

    border-left: 1px solid #e6e6e6;

    border-right: 1px solid #e6e6e6;

    height: 90px;

    font-size: 36px;

    line-height: 90px;

    border-top: 0px;

    border-bottom: 0px;

    box-shadow: none;

}

.btn-alert .dropdown-menu {

    right: 0;

    top: 100%;

    width: 400px;

    border: 0px;

    border-radius: 0px;

    left: inherit;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

    padding: 20px;

}

body .form-control:focus {

    box-shadow: none;

    outline: none;

    border: 0px;

}

.header-search button {

    background: none;

    color: #cccccc;

    border: 0px;

    position: absolute;

    right: 20px;

    top: 30px;

}

.ht-contact {

    margin: 0px;

    list-style: none;

    padding: 30px 0 0;

}

.ht-contact li {

    display: inline-block;

    color: #222;

    margin-right: 20px;

}

.ht-contact li span {

    margin-right: 5px;

    color: #eb1b2b;

    font-size: 18px;

}

.ht-contact li strong {

    color: #eb1b2b;

    margin-right: 5px;

}

.header-social a {

    color: #cccccc;

    margin: 0 3px;

    font-size: 20px;

}

.header-social a:hover {

    color: #eb1b2b;

}

.navrow {

    background: #131e36;

    width: 100%;

    float: left;

}

.navrow .navbar {

    border: 0px;

    margin: 0px;

    border-radius: 0px;

    min-height: inherit;

    border:none;

}

.sidebaricon {

    border-right: 1px solid #2b354a;

    display: block;

    text-align: center;

    line-height: 60px;

}

.navrow .navbar-collapse {

    padding: 0px;

}

.navrow .navbar-nav>li>a {

    padding: 0px 15px;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    border-top: 5px solid rgba(0,0,0,0);

    line-height: 55px;

}

.navrow .nav>li>a:focus, .navrow .nav>li>a:hover, .navrow .navbar-nav>li>a:hover {

    background: none;

    color: #ececec;

    border-top: 5px solid #eb1b2b;

}

.navrow .nav .open>a, .navrow .nav .open>a:focus, .navrow .nav .open>a:hover {

    background-color: #eb1b2b;

    border-color: rgba(0,0,0,.3);

    color: #0096d6;

}

.navrow .h-weather {

    padding: 0px;

    text-align: center;

    color: #ececec;

    line-height: 60px;

    border-left: 1px solid #2b354a;

    font-size: 14px;

}

.h-weather .temp{

    color:#25b8f6;

}

.home2-slider {

    width: 100%;

    float: left;

    overflow: hidden;

}

body .rev_slider_wrapper h1 {

    color: #fff;

    text-transform: uppercase;

    font-size: 4.0em;

    margin: 0px;

    font-weight: 700;

    text-shadow: 0 2px 6px rgba(0,0,0,.30);

}

.rev_slider_wrapper p {

    background: rgba(0,0,0,.30);

    border-radius: 5px;

    display: inline-block;

    color: #fff;

    font-size: 1.5em;

    font-weight: 700;

    padding: 10px 25px;

}

body .rev_slider_wrapper h3 {

    color: #fff;

    text-transform: uppercase;

    font-size: 2.0em;

    margin: 0px;

    font-weight: 700;

    text-shadow: 0 2px 6px rgba(0,0,0,.30);

}

.home2-slider img {

    width: 100%;

    height: auto;

}

.h2-welcome .container {

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);

    padding: 40px 30px;

    z-index: 999;

    position: relative;

    margin-top: -60px;

}

.h2-welcome h3 {

    margin-bottom: 10px;

}

.h2-welcome img {

    opacity: .3;

    text-align: center;

}

.h2-welcome p {

    margin: 0px;

}

.mayer-departments {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.mayer-message {

    background: url(../images/mayor-messsage-bg.jpg) no-repeat;

    width: 100%;

    float: left;

    position: relative;

    padding: 65px 25px 25px;

    text-align: center;

    color: #fff;

}

.mayer-message .mm-title {

    background: #eb1b2b;

    color: #fff;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 35px;

    padding: 0 35px;

    font-size: 16px;

    font-weight: 600;

    border-radius: 0 20px 20px 0;

}

.mayer-message img {

    margin: 0 auto 15px;

    height: 130px;

    height: 130px;

    border-radius: 100%;

}

.mayer-message p {

    font-size: 16px;

    margin: 10px 0 20px 0;

}

.mayer-message p .fa {

    margin: 0 5px;

}

.mayer-message ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}

.mayer-message li a {

    display: inline-block;

    padding: 0 5px;

    color: #fff;

}

h2.h2-title {

    position: relative;

    margin: 0 0 45px;

    text-transform: uppercase;

    padding-left: 60px;

}

h2.h2-title:before {

    background: url(../images/sp.png) no-repeat;

    width: 50px;

    height: 7px;

    content: "";

    position: absolute;

    left: 0;

    top: 12px;

}

.dprt-box {

    width: 100%;

    float: left;

    background: #fff;

    border-top: 5px solid #364054;

    padding: 25px;

    position: relative;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    margin-bottom: 24px;

}

.dprt-box:after {

    position: absolute;

    left: 0;

    top: -5px;

    height: 5px;

    width: 0%;

    background: #ee3d4b;

    content: "";

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.dprt-box span {

    color: #364054;

    font-size: 40px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.dprt-box h5 {

    font-weight: 600;

    margin: 10px 0 6px;

}

.dprt-box h5 a {

    color: #111111;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.dprt-box p {

    font-size: 12px;

    line-height: 20px;

    margin: 0px;

}

.dprt-box:hover {

    box-shadow: 0 0 10px rgba(0,0,0,.1);

}

.dprt-box:hover:after {

    width: 100%;

}

.dprt-box:hover h5 a, .dprt-box:hover span {

    color: #ee3d4b;

}

ul.tabnav {

    margin: 0px;

    padding: 0px;

    list-style: none;

    text-align: right;

}

ul.tabnav li {

    display: inline-block;

    margin-right: -4px;

}

ul.tabnav a {

    background: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

    line-height: 46px;

    padding: 0 20px;

    color: #111111;

}

ul.tabnav li:first-child a {

    border-radius: 5px 0px 0 5px;

}

ul.tabnav li:last-child a {

    border-radius: 0px 5px 5px 0px;

}

ul.tabnav li.active a, ul.tabnav a:hover {

    color: #fff;

    background: #eb1b2b;

}

.laton-latest-news {

    width: 100%;

    float: left;

    background: #ffffff;

    padding: 80px 0;

}

.ntxt {

    width: 100%;

    float: left;

    padding: 20px;

    position: relative;

    z-index: 99;

    height: 125px;

    overflow: hidden;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

ul.news-meta {

    margin: 0 0 20px;

    padding: 0px;

    list-style: none;

}

ul.news-meta li {

    display: inline-block;

}

ul.news-meta li a {

    background: #131e36;

    color: #fff;

    text-transform: uppercase;

    line-height: 23px;

    padding: 0 12px;

    display: block;

    font-size: 12px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

ul.news-meta li a:hover {

    background: #eb1b2b;

    color: #fff;

}

.h2-news-block {

    width: 100%;

    float: left;

    position: relative;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    height: 400px;

    background: #fff;

    overflow: hidden;

}

.h2-news-block .nthumb {

    background: #000;

    width: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    z-index: 9

}

.h2-news-block .nthumb img {

    width: 100%;

    height: auto;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.ntxt h4 {

    margin-bottom: 15px;

}

.ntxt h4 a {

    color: #111;

}

.ntxt p {

    line-height: 22px;

    margin: 0 0 5px;

    display: none;

    opacity: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.h2-news-block:hover h4 a {

    color: #eb1b2b;

}

.news-footer {

    border-top: 1px solid #e6e6e6;

    padding: 10px 0 15px;

    width: 90%;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 999;

    margin: auto;

    right: 0;

    z-index: 999;

}

.news-footer .dropdown-menu {

    left: inherit;

    right: 0;

    min-width: 200px;

    border: 0px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    text-align: center;

}

.news-footer .dropdown-menu li {

    padding: 20px 15px;

    position: relative;

}

.news-footer .dropdown-menu li:after {

    position: absolute;

    right: 14px;

    bottom: -16px;

    content: "\f0d7";

    font-family: FontAwesome;

    color: #fff;

    font-size: 30px;

    text-shadow: 0px 1px 3px rgba(0,0,0,0.1);

}

.news-footer .dropdown-menu a {

    display: inline-block;

    padding: 0px;

    width: 26px;

    height: 26px;

    border-radius: 100%;

    line-height: 22px;

    color: #7f7f7f;

    border: 2px solid #7f7f7f;

    margin: 0 2px;

    font-size: 14px;

}

.news-footer .dropdown-menu a:hover {

    border-color: #eb1b2b;

    color: #eb1b2b;

}

.news-footer ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.news-footer a.nd {

    font-size: 16px;

    font-weight: 600;

    color: #131e36;

}

.news-footer .nshare {

    font-size: 20px;

    color: #e1e1e1;

}

.h2-news-block:hover .ntxt {

    height: 100%;

    margin-top: -85px;

    background: #fff;

}

.h2-news-block:hover .ntxt p {

    display: block;

    opacity: 1;

}

.news-footer a:hover, .ntxt h4 a:hover {

    color: #eb1b2b;

}

.h2-news-block .ndate {

    font-size: 12px;

    position: absolute;

    right: 20px;

    top: 0;

    background: red;

    color: #fff;

    width: 45px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    padding-top: 3px;

}

.h2-news-block .ndate strong {

    display: block;

    font-size: 24px;

    font-weight: 700;

    margin-top: -8px;

}

.popular-videos {

    width: 100%;

    float: left;

    background: url(../images/popvid-bg.jpg) no-repeat fixed;

    background-size: cover;

    padding: 80px 0;

}

.popular-videos .h2-title {

    color: #fff;

}

.pop-vid-box {

    width: 100%;

    float: left;

}

.pop-vid-box .vthumb {

    position: relative;

    overflow: hidden;

}

.pop-vid-box .vthumb:before, .pop-vid-box .vthumb:after {

    height: 0;

    width: 100%;

    background: rgba(0,0,0,.1);

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.pop-vid-box .vthumb:before {

    bottom: 0;

    top: inherit;

}

.pop-vid-box:hover .vthumb:after, .pop-vid-box:hover .vthumb:before {

    height: 100%;

}

.pop-vid-box:hover .vthumb a {

    opacity: 1;

}

.pop-vid-box .vthumb a {

    background: #eb1b2b;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

    z-index: 99;

}

.pop-vid-box .vthumb img {

    max-width: 100%;

    height: auto;

}

.pop-vid-box .vtxt {

    background: #fff;

    position: relative;

    padding: 20px;

}

.pop-vid-box .vtxt:after {

    position: absolute;

    left: 0;

    bottom: 0;

    background: #eb1b2b;

    content: "";

    width: 100%;

    height: 0;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.pop-vid-box:hover .vtxt:after {

    height: 100%;

    opacity: 1;

}

.pop-vid-box:hover .vtxt h5 a, .pop-vid-box:hover .vtxt p, .pop-vid-box:hover .vtxt .fa {

    color: #fff;

    border-color: #fff;

}

.pop-vid-box .vtxt .fa {

    width: 23px;

    height: 23px;

    position: absolute;

    right: 15px;

    top: 30px;

    border: 1px solid #091f2f;

    color: #091f2f;

    border-radius: 100%;

    text-align: center;

    line-height: 21px;

    z-index: 99;

}

.pop-vid-box .vtxt p {

    margin: 0px;

    color: #999999;

}

.pop-vid-box .vtxt h5 {

    margin-bottom: 5px;

}

.pop-vid-box .vtxt h5 a {

    color: #091f2f;

}

.pop-vid-box .vtxt p, .pop-vid-box .vtxt h5 {

    position: relative;

    z-index: 99;

}

.home-features-boxes {

    width: 100%;

    float: left;

    padding: 80px 0;

}

.featured-news-block {

    width: 100%;

    float: left;

    padding: 40px 30px;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,.05);

    border-top: 5px solid #ee3d4b;

}

.featured-news-block h2 {

    margin-bottom: 32px;

    text-transform: uppercase;

}

ul.fn-list {

    width: 100%;

    float: left;

    padding: 0px;

    list-style: none;

}

ul.fn-list>li {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 20px;

}

ul.fn-list>li:last-child {

    border: 0px;

}

.featured-news-block ul.news-meta li {

    margin-right: 20px;

}

.featured-news-block ul.news-meta li a {

    background: #fff;

    color: #666666;

    padding: 0px;

}

.featured-news-block ul.news-meta li a .fa {

    color: #eb1b2b;

    margin-right: 5px;

}

.featured-news-block h5 {

    font-weight: 600;

    margin-bottom: 10px;

}

.featured-news-block h5 a {

    color: #1e1e22;

}

.featured-news-block h5 a:hover {

    color: #eb1b2b;

}

.featured-news-block a.load-more {

    display: block;

    text-align: center;

    background: #131e36;

    color: #fff;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.featured-news-block a.load-more:hover {

    background: #eb1b2b;

    color: #fff;

}

.social-service img {

    margin-bottom: 8px;

}

.social-service h5 {

    margin-bottom: 8px;

}

.social-service a {

    color: #131e36;

    font-size: 16px;

    font-weight: 600;

}

.h2-event-box {

    width: 100%;

    float: left;

    position: relative;

    margin: 0 0 30px;

}

.h2-event-box .event-caption {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

    text-align: center;

    padding: 60px 30px;

}

.h2-event-box .event-caption .edate {

    font-size: 12px;

    background: red;

    color: #fff;

    width: 45px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    padding-top: 3px;

    margin: auto;

}

.h2-event-box .event-caption .edate strong {

    display: block;

    font-size: 24px;

    font-weight: 700;

    margin-top: -8px;

}

.h2-event-box .event-caption .etag {

    background: #131e36;

    color: #fff;

    display: inline-block;

    line-height: 28px;

    padding: 0 20px;

    margin: 20px 0;

}

.h2-event-box .event-caption h3 {

    color: #fff;

    margin-bottom: 10px;

}

.h2-event-box .event-caption p {

    color: #fff;

}

.featured-news-block .owl-theme .owl-nav {

    margin-top: 10px;

    position: absolute;

    bottom: -40px;

    width: 100%;

    border-top: 1px solid #ecf1f5;

}

.featured-news-block .owl-theme .owl-nav [class*=owl-] {

    padding: 0px;

    margin: 0px;

    border-radius: 0px;

    background: none;

    font-size: 0px;

}

.featured-news-block .owl-prev {

    float: left;

    border-right: 1px solid #ecf1f5;

    height: 50px;

    width: 50px;

    line-height: 50px;

}

.h2-event-box img {

    width: 100%;

    height: auto;

}

.featured-news-block .owl-next {

    float: right;

    border-left: 1px solid #ecf1f5;

    height: 50px;

    width: 50px;

    line-height: 50px;

}

.featured-news-block .owl-prev:after, .featured-news-block .owl-next:after {

    content: "\f104";

    font-size: 14px;

    font-family: FontAwesome;

    color: #ecf1f5;

    font-size: 24px;

}

.featured-news-block .owl-next:after {

    content: "\f105";

}

.featured-news-block .owl-theme .owl-nav [class*=owl-]:hover {

    background: #d33030;

    color: #FFF;

    text-decoration: none;

}

.featured-news-block .owl-dots {

    position: absolute;

    width: 100%;

}

.featured-news-block .owl-theme .owl-dots .owl-dot.active span, .featured-news-block .owl-theme .owl-dots .owl-dot:hover span {

    background: #d33030;

}

.social-profiles {

    width: 100%;

    float: left;

}

.social-profiles ul > li {

    width: 25%;

    float: left;

    height: 120px;

    padding: 20px;

    color: #fff;

    box-sizing: border-box;

}

.social-profiles ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.social-profiles li.fb-profile {

    background: url(../images/fb.jpg) no-repeat;

}

.social-profiles li.tw-profile {

    background: url(../images/tw.jpg) no-repeat;

}

.social-profiles li.yt-profile {

    background: url(../images/yt.jpg) no-repeat;

}

.social-profiles li.insta-profile {

    background: url(../images/insta.jpg) no-repeat;

}

.social-profiles h5 {

    text-transform: uppercase;

}

.social-profiles a {

    color: #fff;

}

.social-profiles a.pull-left {

    font-size: 28px;

}

.social-profiles a:hover {

    color: #eb1b2b;

}

.h2-contacts {

    background: url(../images/h2contactbg.jpg) no-repeat;

    width: 100%;

    float: left;

    padding: 80px 0;

}

.contact-tabs {

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

}

.contact-tabs .cnav {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.contact-tabs .col-md-3.np {

    padding-right: 0px;

}

.contact-tabs .col-md-9.np {

    padding-left: 0px;

}

.contact-tabs .address-box {

    background: #131e36;

    width: 50%;

    float: left;

    height: 266px;

    padding: 30px;

    box-sizing: border-box;

}

.contact-tabs .address-map {

    width: 50%;

    float: left;

}

.address-map iframe {

    width: 100%;

    height: 266px;

    border: 0px;

}

.contact-tabs .address-box ul {

    margin: 0px;

    list-style: none;

    padding: 0px;

}

.contact-tabs .address-box li {

    margin-bottom: 20px;

    color: #fff;

    width: 100%;

    float: left;

}

.contact-tabs .address-box .fa {

    width: 40px;

    float: left;

    font-size: 18px;

}

.contact-tabs .address-box span.info {

    width: 85%;

    float: left;

}

.contact-tabs .address-box h3 {

    color: #fff;

    margin-bottom: 15px;

}

.home2-footer {

    width: 100%;

    float: left;

    padding: 30px 0;

    background: #111111;

}

.home2-footer ul.footer-nav {

    margin: 0px;

    padding: 0px;

    list-style: none;

    text-align: right;

}

.home2-footer ul.footer-nav li {

    margin-left: 10px;

}

.home2-footer ul.footer-nav a {

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

}

.home2-footer ul.footer-nav li {

    display: inline-block;

}

.home2-footer .copyr {

    border-top: 0px solid #292929;

    padding: 15px 0 0;

    color: #999999;

    text-align: right;

    margin: 0px;

}

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

Home Page 2 End

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





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

Blog Pages Variation Start

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



.blog.blog-full {

    box-shadow: none;

    background: none;

}

.blog .blog-post .post-meta li {

    text-transform: inherit;

    color: #999;

}

.blog-post ul.post-meta a {

    color: #999;

    text-transform: inherit;

}

.blog-post ul.post-meta li:after {

    display: none;

}

.blog-post .post-title {

    width: 100%;

    float: left;

    margin-bottom: 25px;

}

.blog-post .post-title h5 {

    margin-top: 15px;

}

.blog-post .post-title a {

    color: #222;

    word-break: break-all;

    -webkit-word-break: break-all;

}

.blog-post .post-date {

    background: #d33030;

    color: #fff;

    width: 50px;

    height: 50px;

    float: left;

    text-align: center;

    padding: 4px 0;

    margin-right: 20px;

}

.blog-post .post-date strong {

    display: block;

    font-size: 20px;

    font-weight: 700;

    margin-top: -5px;

}

.blog-post ul.post-meta {

    border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    padding: 5px 0;

    margin-bottom: 20px;

}

.blog .post-meta li {

    display: inline-block;

    margin-right: 17px;

    font-size: 12px;

    font-weight: 400;

}

.blog .post-meta li .fa {

    font-size: 14px;

    margin-right: 5px;

}

.blog .blog-post {

    width: 100%;

    float: left;

    margin-bottom: 40px;

    background: #fff;

    border: 1px solid #efefef;

}

.blog .blog-post .post-text {

    background: #fff;
    padding: 30px;

    width: 100%;

    float: left;

}

a.nd {

    float: right;

    text-transform: uppercase;

    font-size: 12px;

    color: #999;

    font-weight: 700;

}

.blog-post .post-title a:hover, ul.post-meta a:hover, a.nd:hover {

    color: #d33030;

}

.blog .blog-post .post-text p {

    color: #666;

}

.blog-post .owl-nav {

    position: absolute;

    width: 100%;

    top: 45%;

}

.blog-post .owl-theme .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 14px;

    margin: 0;

    padding: 0;

    background: rgba(255,255,255,.2);

    display: inline-block;

    cursor: pointer;

    border-radius: 3px;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 38px;

    border: 1px solid #fff;

    font-size: 0;

}

.blog-post .owl-prev {

    float: left;

    position: relative;

    left: 20px;

}

.blog-post .owl-next:after, .blog-post .owl-prev:after {

    content: "\f104";

    font-family: FontAwesome;

    font-size: 14px;

    color: #fff;

    font-size: 26px;

}

.blog-post .owl-next {

    float: right;

    position: relative;

    right: 20px;

}

.blog-post .owl-next:after {

    content: "\f105";

}

.blog-post .owl-theme .owl-nav [class*=owl-]:hover {

    background: #d33030;

    color: #fff;

    border-color: #d33030;

}

.post-thumb iframe {

    width: 100%;

    height: 350px;

    border: 0;

    background: #000;

    margin: 0px;

    padding: 0px;

}

.post-thumb.audio iframe {

    height: auto;

}

.post-thumb.audio:after, .post-thumb.video:after {

    display: none;

}

.blog-post.audio-post, .blog-post.link-post, .blog-post.text-post {

    background: #fff;

    float: left;

    border: 1px solid #e6e6e6;

    padding: 30px;

}

.blog-post.link-post h3 a {

    color: #10c469;

}

audio, canvas, progress, video {

    width: 100%;

}

.blog.blog-grid .post-meta li {

    text-transform: none;

}

.blog.blog-grid .post-meta li .fa {

    font-size: 12px;

}

.blog.blog-grid .post-meta li {

    margin-right: 8px;

}

.blog.blog-grid .post-text p {

    font-size: 14px;

}

.blog-post {

    width: 100%;

    float: left;

}

.post-text, .post-thumb {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}

.post-thumb:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.8);

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .3s ease-in-out;

    opacity: 0;

    top: 0;

    left: 0px;

}

.blog-post:hover .post-thumb:after {

    opacity: 1;

}

.blog-post .link-wrap {

    position: absolute;

    top: 50%;

    right: 50%;

    transform: translateX(50%) translateY(-50%);

    z-index: 10;

}

.blog-post .link-wrap a {

    display: inline-block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    border-radius: 100%;

    background-color: #d33030;

    text-align: center;

    color: #fff;

    font-size: 14px;

    opacity: 0;

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.blog-post .link-wrap a:first-child {

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

    margin-right: 7px;

}

.blog-post .link-wrap a:last-child {

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

}

.blog-post:hover .link-wrap a {

    opacity: 1;

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

}

.blog-post .link-wrap a:hover {

    background-color: #fff;

    color: #d33030;

}

.blog-grid .blog-post .post-title h5 {

    margin: 0px;

    line-height: 24px;

}

.blog-grid .post-thumb {

    min-height: 250px;

    max-height: 250px;

}

.blog-grid .post-thumb.audio {

    min-height: inherit;

}

.blog-post.blog-list .post-thumb {

    width: 30%;

    float: left;

}

.blog-post.blog-list .post-text {

    width: 70%;

    float: left;

}

.blog-post.blog-list .post-title h5 {

    margin: 0px;

    line-height: 26px;

}

.blog-post.blog-list.text-post .post-text {

    width: 100%;

    float: left;

    padding: 0px;

}

.blog-listing-footer.np {

    padding: 0px;

    border: 0px;

}

.widget.search-widget .search-form {

    padding: 0px;

    background: none;

}

.widget.search-widget .search-form input {

    width: 100%;

    border: 1px solid #e6e6e6;

    height: 50px;

    line-height: 48px;

    padding: 0 10px;

}

.widget.search-widget .search-form button {

    width: 50px;

    height: 50px;

    color: #fff;

    border: 0px;

    background: #091f2f;

    font-size: 18px;

    position: absolute;

    right: 0;

    top: 0px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.sidebar .widget h4 {

    color: #091f2f;

    font-weight: 700;

    margin: 0 0 26px;

}

.widget img {

    max-width: 100%;

    height: auto;

}

.widget.text-widget img {

    margin-bottom: 20px;

}

.widget.text-widget h6 {

    color: #d33030;

    margin: 0 0 0;

}

.widget.text-widget hr {

    margin: 5px 0;

    border: 0;

    border-top: 1px dashed #dcdcdc;

}

.widget.text-widget p strong {

    font-weight: 600;

    color: #091f2f;

}

.widget.text-widget p {

    color: #666666;

}

ul.rn-list {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.rn-list li {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}

.rc-thumb {

    width: 65px;

    height: 65px;

    overflow: hidden;

    float: left;

}

.rn-txt {

    width: 75%;

    float: left;

    padding-left: 20px;

}

.rn-txt h6 {

    font-size: 16px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

    margin: 0px;

}

.rn-txt h6 a {

    color: #091f2f;

}

ul.archives {

    width: 100%;

    float: left;

    margin: 0px;

    padding: 0px;

    list-style: none;

}

ul.archives li {

    border-bottom: 1px dashed #cccccc;

    padding: 5px 0;

    color: #091f2f;

    font-weight: 600;

}

ul.archives li:before {

    content: "";

    width: 10px;

    height: 10px;

    border: 1px solid #091f2f;

}

ul.archives li span {

    float: right;

}

ul.archives li:before {

    content: "";

    width: 7px;

    height: 7px;

    border: 1px solid #091f2f;

    display: inline-block;

    border-radius: 10px;

    margin-right: 10px;

}

.widget.tags ul, .widget.insta-feed ul {

    margin: 0px;

    list-style: none;

    padding: 0px;

    width: 100%;

    float: left;

}

.widget.insta-feed li {

    width: 92px;

    float: left;

}

.widget.tags li {

    display: inline-block;

}

.widget.tags a {

    background: #ffffff;

    color: #999999;

    line-height: 30px;

    text-transform: uppercase;

    padding: 0 10px;

    display: inline-block;

    margin-bottom: 3px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.widget.tags a:hover {

    background: #d33030;

    color: #fff;

}

.blog-details-two {

    width: 100%;

    float: left;

    padding: 60px 0;

}

.blog-details-two .blog-details:after {

    display: none;

}

.blog-details-two .blog-details {

    background: #fff;

    padding: 0px;

    border: 1px solid #efefef;

}

.widget ul.events {

    background: #1e1e22;

    padding: 20px;

    margin: 0px;

    list-style: none;

    width: 100%;

    float: left;

}

.widget ul.events li {

    margin-bottom: 10px;

    width: 100%;

    float: left;

}

.widget ul.events span.etag {

    background: #f8c200;

    color: #fff;

    display: inline-block;

    line-height: 28px;

    padding: 0 15px;

}

.widget ul.events p {

    margin: 5px 0 10px;

    color: #a9a9a9;

}

p.time-stamp {

    font-size: 12px;

    line-height: 18px;

    border-left: 1px solid #a9a9a9;

    padding-left: 10px;

}

.widget ul.events p a {

    color: #fff;

    font-weight: bold;

}

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

Blog Pages Variation End

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





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

Causes Pages Start

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

.causes-post {

    width: 100%;

    float: left;

    background: #ffffff;

    border: 1px solid #e6e6e6;

    margin-bottom: 30px;

}

.causes-post img {

    max-width: 100%;

    height: auto;

}

.causes-thumb {

    position: relative;

    overflow: hidden;

    width: 100%;

    float: left;

}

.causes-thumb img {

    width: 100%;

    height: auto;

}

.causes-thumb:after {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.8);

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .3s ease-in-out;

    opacity: 0;

    top: 0;

    left: 0px;

}

.causes-post:hover .causes-thumb:after {

    opacity: 1;

}

.causes-post .link-wrap {

    position: absolute;

    top: 50%;

    right: 50%;

    transform: translateX(50%) translateY(-50%);

    z-index: 10;

}

.causes-post .link-wrap a {

    display: inline-block;

    line-height: 36px;

    background-color: #d33030;

    text-align: center;

    color: #fff;

    font-size: 14px;

    opacity: 0;

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    padding: 0 20px;

}

.causes-post .link-wrap a:first-child {

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

    margin-right: 7px;

}

.causes-post .link-wrap a:last-child {

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

}

.causes-post:hover .link-wrap a {

    opacity: 1;

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

}

.causes-post .link-wrap a:hover {

    background-color: #fff;

    color: #d33030;

}

.causes-text {

    width: 100%;

    float: left;

    padding: 20px;

    position: relative;

}

.causes-text p {

    margin: 0px;

}

.causes-text h4 {

    margin-bottom: 10px;

}

.causes-text h4 a {

    color: #091f2f;

}

.causes-text h4 a:hover {

    color: #d33030;

}

ul.cause-footer {

    margin: 0px;

    padding: 0px;

    list-style: none;

    border-top: 1px solid #e6e6e6;

    width: 100%;

    float: left;

}

ul.cause-footer li {

    width: 50%;

    float: left;

    line-height: 40px;

    color: #666666;

    border-right: 1px solid #e6e6e6;

    text-align: center;

}

ul.cause-footer li:last-child {

    border-right: 0px;

}

ul.cause-footer li strong {

    font-weight: 400;

    color: #091f2f;

}

.prograss-wrap {

    position: absolute;

    top: -30px;

    right: 10px;

    background: #fff;

    border-radius: 100%;

    padding: 7px;

}

.prograss-wrap .progress {

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: none;

    margin: 0 auto;

    box-shadow: none;

    position: relative;

}

.prograss-wrap .progress:after {

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 3px solid #efefef;

    position: absolute;

    top: 0;

    left: 0;

}

.prograss-wrap .progress > span {

    width: 50%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    z-index: 1;

}

.prograss-wrap .progress .progress-left {

    left: 0;

}

.prograss-wrap .progress .progress-bar {

    width: 100%;

    height: 100%;

    background: none;

    border-width: 3px;

    border-style: solid;

    position: absolute;

    top: 0;

}

.prograss-wrap .progress .progress-left .progress-bar {

    left: 100%;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

    border-left: 0;

    -webkit-transform-origin: center left;

    transform-origin: center left;

}

.prograss-wrap .progress .progress-right {

    right: 0;

}

.prograss-wrap .progress .progress-right .progress-bar {

    left: -100%;

    border-top-left-radius: 80px;

    border-bottom-left-radius: 80px;

    border-right: 0;

    -webkit-transform-origin: center right;

    transform-origin: center right;

    animation: loading-1 1.8s linear forwards;

}

.prograss-wrap .progress .progress-value {

    width: 100%;

    height: 100%;

    border-radius: 100%;

    background: #ffffff;

    font-size: 12px;

    color: #222;

    line-height: 40px;

    text-align: center;

    position: absolute;

    top: 0%;

    left: 0%;

}

.progress.blue .progress-bar {

    border-color: #d33030;

}

.progress.blue .progress-left .progress-bar {

    animation: loading-2 1.5s linear forwards 1.8s;

}

.progress.yellow .progress-bar {

    border-color: #fdba04;

}

.progress.yellow .progress-left .progress-bar {

    animation: loading-3 1s linear forwards 1.8s;

}

.progress.pink .progress-bar {

    border-color: #ed687c;

}

.progress.pink .progress-left .progress-bar {

    animation: loading-4 0.4s linear forwards 1.8s;

}

.progress.green .progress-bar {

    border-color: #1abc9c;

}

.progress.green .progress-left .progress-bar {

    animation: loading-5 1.2s linear forwards 1.8s;

}

@keyframes loading-1 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@keyframes loading-2 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(144deg);

        transform: rotate(144deg);

    }

}

@keyframes loading-3 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

}

@keyframes loading-4 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(36deg);

        transform: rotate(36deg);

    }

}

@keyframes loading-5 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(126deg);

        transform: rotate(126deg);

    }

}

@media only screen and (max-width: 990px) {

    .progress {

        margin-bottom: 20px;

    }

}

.causes-post.style-2 ul.cause-footer {

    border: 1px solid #e6e6e6;

    text-align: center;

    margin-bottom: 20px;

}

.causes-post.style-2 ul.cause-footer li {

    line-height: 50px;

}

.causes-post.style-2 .causes-text {

    text-align: center;

}

.pbar {

    width: 100%;

    float: left;

}

.pbar .progress {

    height: 10px;

    margin-bottom: 20px;

    overflow: inherit;

    background-color: #e6e6e6;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.pbar .progress .progress-bar {

    background: #d33030;

    position: relative;

}

.pbar span.sr {

    background: #fff;

    color: #091f2f;

    position: absolute;

    top: -9px;

    right: -20px;

    border: 1px solid #e6e6e6;

    width: 42px;

    height: 25px;

    line-height: 23px;

    font-size: 12px;

}

.causes-details {

    width: 100%;

    float: left;

}

.causes-details .causes-post.style-2 .causes-text {

    text-align: left;

}

.causes-details .causes-post.style-2 ul.cause-footer {

    border: 1px solid #e6e6e6;

    text-align: center;

    margin-bottom: 20px;

    width: 40%;

    float: none;

    overflow: hidden;

    margin: 0 auto 20px;

}

.causes-details ul.cause-footer li strong {

    color: #eb1b2b;

}

.causes-details .causes-text h6, .causes-details .causes-text p {

    margin-bottom: 20px;

}

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

Causes Pages End

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





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

Contact Page Two

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

.contact-two .contact-map #map {

    height: 520px;

    min-height: inherit;

}

.contact-two .contact-form-box {

    width: 100%;

    text-align: left;

    color: #091f2f;

}

.contact-two .contact-form-box ul {

    margin: 0 -15px;

}

.contact-two .address-info {

    margin-top: 60px;

}

.contact-two .address-block.b2 {

    transform: none;

}

.contact-map.style-2 #map {

    height: 400px;

    min-height: inherit;

}

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

Contact Page Two End

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





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

Image Gallery Options Start

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



.img-gallery.style-2.gallery {

    margin: 80px 0;

    width: 100%;

    float: left;

}

.img-box {

    margin-bottom: 30px;

}

.gall-img, .img-box {

    width: 100%;

    float: left;

    overflow: hidden;

    position: relative;

}

.img-box img {

    max-width: 100%;

    height: auto;

    width: 100%;

}

.gall-img a {

    width: 42px;

    height: 42px;

    background: #fff;

    position: absolute;

    left: -150%;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: 999;

    border-radius: 100%;

    text-align: center;

    line-height: 42px;

    color: #d33030;

    font-size: 18px;

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    opacity: 0;

}

.gall-img a:hover {

    background: #333;

    color: #fff;

}

.gall-img:before, .gall-img:after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    width: 100%;

    height: 0%;

    opacity: 0;

    background: rgba(211,48,48,.5);

    transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

}

.gall-img:before {

    top: inherit;

    bottom: 0;

}

.img-box:hover .gall-img:after, .img-box:hover .gall-img:before {

    height: 100%;

    opacity: 1;

}

.img-box:hover .gall-img a {

    opacity: 1;

    left: 0;

}

.gall-txt {

    width: 100%;

    float: left;

    background: #fff;

    padding: 20px;

}

.gall-txt p {

    margin: 0px;

    color: #999999;

}

/***  Filter Able Gallery ****/





.filter-gallery .isotope {

    margin-bottom: -10px;

    margin-right: -10px;

}

.isotope:after {

    content: '';

    display: block;

    clear: both;

}

.isotope .item {

    float: left

}

.filter-gallery .isotope .item {

    width: 25%;

    height: 200px;

    padding: 10px 10px 0 0;

    overflow: hidden;

    box-sizing: border-box;

}

.filter-gallery .isotope .item.width2 {

    width: 50%

}

.filter-gallery .isotope .item.height2 {

    height: 400px

}

.filter-gallery figure img {

    width: 100%;

    height: auto;

}

.button-group:after {

    content: '';

    display: block;

    clear: both;

}

.button-group .button {

    float: left

}

.button-group .button {

    display: inline-block;

    background: none;

    border: none;

    color: #333;

    font-size: 13px;

    font-weight: bold;

    cursor: pointer;

    text-transform: uppercase;

    padding: 0;

    margin-left: 15px;

    -webkit-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

}

.button-group .button:before {

    content: "/";

    display: inline-block;

    padding-right: 15px;

    color: #333;

}

.button-group .button:first-child:before {

    display: none

}

.button-group .button:hover, .button-group .button:active, .button-group .button.is-checked {

    color: #d33030

}

div#filters {

    margin-bottom: 20px;

}

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

Image Gallery End

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

.font {

    font-family: 'Montserrat', sans-serif;

}



/*** EvoMediaGroup CSS ***/

.logo-name-text{

    font-size: 28px;

    font-weight: 600;

    position:relative;

    color:#091f2f;

}

.hashtag-id{

    text-transform: uppercase;

}

.recent-news .row .col-md-4{

    padding-right: 0;

}

.recent-news .row span{

    font-size: 14px;

    font-weight: bold;

    color: #0b3363;

}

.marquee {

    width: 100%;

    height: 100px;

    overflow: hidden;

    margin:20px;

}

#newsPage .owl-carousel{

    width: 75% !important;

    margin-left: 12.5%;

}

.team-page .team-txt.image{

    background:rgba(0,0,0,.08);

}

.departments-page .department-box{

    min-height: 450px !important;

}