img { max-width: 100%; }
img.alignright { float: right; margin: 0 0 20px 20px; }
img.alignleft { float: left; margin: 0 20px 20px 0; }
hr { width:100%; display: block; clear: both; }
/**********************************************************************************************************************/
/******************************************** Header Navigation Style 1 ***********************************************/
/**********************************************************************************************************************/
#first-nav-pill {
    background-color: #F87912;
}

#first-nav-pill > ul > li:first-child {
    border-top: 2px solid #F87912;
    width: 100px;
}

#first-nav-pill > ul > li a:hover,
#first-nav-pill > ul > li a:focus,
#first-nav-pill > ul > li a:active,
.dropdown-submenu:hover > a {
    background-color: #F87912;
    background-image: none;
}

#first-nav-pill .dropdown-submenu > a:after {
    border-left-color: #F87912;
}

#second-nav-pill {
    background-color: #FFCC00;
}

#second-nav-pill > ul > li:first-child {
    border-top: 2px solid #ffcc00;
    width: 100px;
}

#second-nav-pill > ul > li a:hover, #second-nav-pill > ul > li a:focus {
    background-color: #FFCC00;
    background-image: none;
}

#third-nav-pill {
    background-color: #AADD00;
}

#third-nav-pill > ul > li:first-child {
    border-top: 2px solid #AADD00;
    width: 100px;
}

#third-nav-pill > ul > li > a:hover, #third-nav-pill > ul > li > a:focus {
    background-color: #AADD00;
    background-image: none;
}

#fourth-nav-pill {
    background-color: #00CCCC;
}

#fourth-nav-pill > ul > li:first-child {
    border-top: 2px solid #00CCCC;
    width: 100px;
}

#fourth-nav-pill > ul > li > a:hover, #fourth-nav-pill > ul > li > a:focus {
    background-color: #00CCCC;
    background-image: none;
}

#fifth-nav-pill {
    background-color: #666699;
}

#fifth-nav-pill > ul > li:first-child {
    border-top: 2px solid #666699;
    width: 100px;
}

#fifth-nav-pill > ul > li > a:hover, #fifth-nav-pill > ul > li > a:focus {
    background-color: #666699;
    background-image: none;
}

#sixth-nav-pill {
    background-color: #FF3333;
}

#sixth-nav-pill > ul > li:first-child {
    border-top: 2px solid #FF3333;
    width: 100px;
}

#sixth-nav-pill > ul > li a:hover, #sixth-nav-pill > ul > li a:focus {
    background-color: #FF3333;
    background-image: none;
}

#seventh-nav-pill {
    background-color: #00468C;
}

#seventh-nav-pill > ul > li:first-child {
    border-top: 2px solid #00468C;
    width: 100px;
}

#seventh-nav-pill > ul > li a:hover, #seventh-nav-pill > ul > li a:focus {
    background-color: #00468C;
    background-image: none;
}

#eight-nav-pill {
    background-color: hotpink;
}

#eight-nav-pill > ul > li:first-child {
    border-top: 2px solid hotpink;
    width: 100px;
}

#eight-nav-pill > ul > li a:hover, #eight-nav-pill > ul > li a:focus {
    background-color: hotpink;
    background-image: none;
}

#ninth-nav-pill {
    background-color: #00ADD8;
}

#ninth-nav-pill > ul > li:first-child {
    border-top: 2px solid #00ADD8;
    width: 100px;
}

#ninth-nav-pill > ul > li a:hover, #ninth-nav-pill > ul > li a:focus {
    background-color: #00ADD8;
    background-image: none;
}

#tenth-nav-pill {
    background-color: #F28585;
}

#tenth-nav-pill > ul > li:first-child {
    border-top: 2px solid #F28585;
    width: 100px;
}

#tenth-nav-pill > ul > li a:hover, #ninth-nav-pill > ul > li a:focus {
    background-color: #F28585;
    background-image: none;
}


/**********************************************************************************************************************/
/******************************************** Header Navigation Style 2 ***********************************************/
/**********************************************************************************************************************/
.corporate-header #header-navigation ul li a:hover .nav-text {
    color: #F87912;
}

.corporate-header #header-navigation ul.dropdown-menu > li:first-child {
    border-top: 2px solid #F87912;
}

.corporate-header #header-navigation ul > li > ul > li a:hover {
    background-color: #f87912;
}

.nav-search .search-icon i {
    background-color: #F87912;
    color: #fff;
}


/**********************************************************************************************************************/
/**************************************************** Top Image *******************************************************/
/**********************************************************************************************************************/
#top-image {
    height: 230px;
}

.top-image1 {
    background: transparent url(../images/header-image.png) top left no-repeat;
}

.top-image2 {
    background: transparent url(../images/header-image2.png) top left no-repeat;
}

.top-image3 {
    /*background: transparent url(../images/header-image3.png) top left no-repeat;*/
    background: #E8E7E6;
}

.top-image4 {
    background: transparent url(../images/header-image4.png) top left no-repeat;
}

/**********************************************************************************************************************/
/*************************************************** Breadcrumbs ******************************************************/
/**********************************************************************************************************************/
#breadcrumbs a {
    color: #7DBB18;
}

.isotope-filter > ul > li {
    background-color: #7DBB18;
}

.isotope-filter > ul > li:hover {
    color: #fff;
    background-color: #7DBB18;
}

input.search-box {
    background: #7DBB18;
}


/**********************************************************************************************************************/
/*********************************************** Revolution Slider ****************************************************/
/**********************************************************************************************************************/

.rev-slider-wrapper{
    position:relative;
    visibility: hidden;
    max-height:450px !important;
    padding:0;
    overflow:hidden;
    width: auto !important;
}

.rev-slider{
    max-height:450px !important;
    width: 100% !important;
    position:relative;
    overflow:hidden;
}

.rev-slider .caption {
    font-family: "open sans";
    font-weight: lighter;
    background-color: transparent;
    background-image: none;
    color: #000;
    background: rgba(255,255,255,0.6);
    padding: 0 4px !important;
}

.rev-slider .video-caption iframe {
    position: absolute;
    top: 24px;
    left: 110px;
    border: 0;
}

.rev-slider .black-medium {
    font-size: 48px;
    color: #000;
}

.rev-slider .orange-big {
    font-size: 40px;
    color: #F87912;
    font-weight: normal;
    
}

.rev-slider .black-small {
    font-size: 30px;
    color: #000;
}

.rev-slider .green-big {
    font-size: 75px;
    color: #91C240;
}

.rev-slider .violet-big {
    font-size: 100px;
    color: #7676A3;
}

.rev-slider .blue-big {
    font-size: 100px;
    color: #1AD0D1;
}

/**********************************************************************************************************************/
/***************************************************** Buttons ********************************************************/
/**********************************************************************************************************************/
.stylish-button, .stylish-button {
    background-color: #7DBB18; margin-bottom: 5px;
}

.stylish-button-2 {
    background-color: #F87912;
}

.buttons-404 a.stylish-button {
    margin: 0 0 10px 0;
}

/**********************************************************************************************************************/
/***************************************************** Services *******************************************************/
/**********************************************************************************************************************/
.service-box-1 {
    background-color: #EE612C;
}

.service-box-2 {
    background-color: #EF832B;
}

.service-box-3 {
    background-color: #EEA32C;
}

.service-box-4 {
    background-color: #EEBE2C;
}

/**********************************************************************************************************************/
/****************************************** Standard Element Container ************************************************/
/**********************************************************************************************************************/
.standard-element-container-1 {
    background: url(../images/element-bg-image1.png) top center no-repeat;
}

.standard-element-container-2 {
    background: #F5F5F6 url(../images/element-bg-image2.png) top center no-repeat;
}

.standard-element-image {
    margin-bottom: -75px;
    margin-left: -70px
}

.element-image-center {
    margin: 0 auto -75px !important;
    max-width: 995px;

}


/**********************************************************************************************************************/
/************************************************* Pricing Tables *****************************************************/
/**********************************************************************************************************************/
.pricing-table .stylish-button {
    background-color: #777777;
}

.highlighted-table .stylish-button {
    background-color: #7DBB18;
}

#header-navigation ul li {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

#header-navigation > ul > li:hover {
    padding-top: 8px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}


/**********************************************************************************************************************/
/****************************************************** Blog **********************************************************/
/**********************************************************************************************************************/
.post-title-icon {
    color: #fff;
    background-color: #7DBB18;
}

.post-info a {
    color: #7DBB18;
}

.post-list i {
    color: #fff;
    background-color: #7DBB18;
}

.stylish-button input {
    background-color: #7DBB18;
}


#logo img { max-height: 99%; max-width: 125px; }
#logo a:first-child img { max-height: 99%; max-width: 190px; }
.rev-slider-wrapper .slotholder { opacity: 1; }

@media (max-width: 978px) {
	.rev-slider-wrapper .slotholder { opacity: 1; }
	.rev-slider-wrapper .caption { display: none; }
	.rev-slider-wrapper .rev-slider { max-height: 400px !important; }
}

.entry h1 {
	font-size: 30px;
    margin: 0 0 30px;
    color: black;
}
.entry h2 {
	font-size: 21px;
    margin: 35px 0 20px;
    color: black;
}
.entry table td.date, .entry table td.time { width: 150px; }
.entry .post-media img { max-width: 100%; }
.entry .post-content { padding-right: 15px; }
.entry h3, .entry .h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    color: #F87912;
}
.entry .alert > h3:first-child { margin-top: 0px; }
.entry p a, .entry td a, .entry li a {
	color: #F87912;
    text-decoration: none;
    border-bottom: 1px solid #F87912;
}
.entry p a:hover, .entry td a:hover, .entry li a:hover {
	border-bottom: 1px solid darkblue; color: darkblue;
}
.entry sup, .entry sub {
	
}

.entry sub, .entry sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
  
  text-transform: none;
}

.entry sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

.entry sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.well-blue { background: #326FB3; color: white; border-radius: 10px; }

.entry ul { margin: 0 0 20px 0; padding-left: 0px; list-style: none }
.entry ul:not(.unstyled) { margin-left: 20px; }
.entry ul:not(.unstyled) li { padding-left: 0px; margin-bottom: 5px; color: #333; font-size: 14px; }
.entry ul:not(.unstyled) li:before {    
	font-family: 'FontAwesome';
	content: '\f105';
	margin:0 5px 0 -15px;
	color: #00CCCC;
}
.entry ul.unstyled { list-style: none; padding-left: 0px; }
.entry ul.unstyled.type2 { padding-bottom: 10px; }
.entry ul.unstyled.type2 li { margin-bottom: 10px; color: #333; font-size: 14px; }
.entry ul.unstyled.type2 li i { 
    margin-right: 10px;
    font-size: 17px;
}
.message-container h2 { margin: 9px 0 20px;
	font-weight: 600;
}
.message-box p { margin-bottom: 10px; }
.entry .post-title > h3 { margin-top: 0px; }

.blog-category a { color: #333; }
.blog-category a.active,.blog-category a:hover { color: #7DBB18; }
.subblok-fotos { margin-bottom: 30px; float: left; clear: both; width: 100%; }

.isotope-item, .cats.portfolio-image { margin-bottom: 30px; }
.isotope-item .cats { padding: 0px; margin-left: 0px; }
.isotope-item .thumbnail, .portfolio-image .thumbnail { margin-bottom: 0px !important; }

@media (max-width: 1199px) {
	#header-navigation .nav > li > a { width: 85px; }
	#header-navigation ul li a .nav-text { margin-top: 11px; }
	.post .post-media.thumbnail, .post .post-media iframe, .post .post-media { height: auto !important; }
	.entry .post-media img { width: 100%; }
}

@media (max-width: 1000px) {
	#top-image .container { padding-top: 20px; }
	.phone-menu-wrapper { margin-left: 0px; padding-left: 0px; }
	.rev-slider-wrapper { margin-top: 100px; }
	.phone-menu-wrapper li a { color: white; }
	.phone-menu-item { height: auto !important; }
	.phone-submenu-wrapper li, .phone-menu-item { border-bottom: 0px; }
	.phone-submenu-wrapper { display: block !important; 
     float: left;
    margin: 0;
    padding: 0;}
}
.entry .grid .details ul { margin-left: 0px; }
.entry .grid .details ul li:before { display: none }
.entry .grid .details { padding: 10px 0; }
.entry .grid { max-width: 100%; }

*, *:before, *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
body .tgs_event { margin-left: 0px;  }
div#the_gc_events_posts { padding: 0px !important }
body #the_gc_events_posts h4 { font-weight: 500; margin-bottom: 1rem; }




#top-bar {
    text-align: right;
    border-bottom: 0px solid rgba(0, 0, 0, 0.06);
    min-height: 30px;
    line-height: 30px;
    padding-top: 3px;
    color: #093832;
    font-weight: 500;
    background: rgb(255, 255, 255, 1) !important;
}
#top-bar img { max-height: 30px; vertical-align:sub; margin-left: 8px; margin-right:15px; }
#top-bar ul { list-style:none }
@media screen and (max-width: 767px){
    #top-bar { display:none; }
    .phone-submenu-wrapper li, .phone-menu-item {
        padding: 1px 20px;
    }
}