/*
Theme Name: Voyagerweb
Description: A child theme of parent's Enfold for Voyagerweb
Version: 3.4.7
Author: Voyagerweb
Author URI: http://voyageurweb.com
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
*/


/* INDEX
00. Font declarations
01. Global
02. Grid System
03. UI
- 03a. Header
- 03b. Navigation
- 03c. Footer
- 03d. Content
04. Page Specific
05. Misc.
06. Media Queries
*/

/*------------------------------------*\
    00. FONT DECLARATIONS
\*------------------------------------*/

/* --Mobile First: All widths between 300px and 767px.-- ALL OTHER STYLES GO IN MEDIA QUERIES BELOW */
/************************* Adding the custom fonts *************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
       url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
       url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
       url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
       url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------*\
    01. GLOBAL
\*------------------------------------*/


h1,
h4, 
h5 {
	font-family: Gerogia, serif;
	font-style: normal;
  font-variant: normal;
  text-transform: capitalize;
}

h1 {
  color: #AA5549;
  font-size: 28px;
  font-weight: 500;
  line-height: 1em;
}

h2 {
	font-size: 25px;
}

h2, h3 {
  color: #305698;
  font-family: Gerogia, serif;
  line-height: 1em;
  text-transform: capitalize;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 21px;
}

h5 {
	font-size: 19px;
}

h4, h5 {
  color: #000;
}

ul,
p {
  font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

.hidden-text {
  position: absolute;
  left: -9999em;
}

.main_color strong {
  color: #000;
}

.container_wrap {
  z-index: 1;
}

#top .title_container .container {
  min-height: 0;
  padding: 0;
}

#top #wrap_all .main_color h1, 
#top #wrap_all .alternate_color h1, 
#top #wrap_all .footer_color h1, 
#top #wrap_all .socket_color h1 {
  text-transform: uppercase;
}

.logo-text,
div .main_color .button {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.responsive .logo img {
  top: 50%;
  transform: translateY(-50%);
}

div .main_color .button {
	background: #fdc200; 
	color: #000;
	float: none;
	font-size: 22px;
	max-width: 100%;
	width: 100%;
}

div .main_color .button:hover {
  background-color: #CCA417;
  color: #000;
}

body div .avia-button {
  border-radius: 0;
}

body div .avia-button:hover {
background: linear-gradient(
    rgba(15, 7, 7, 0.35), 
    rgba(15, 7, 7, 0.35)
  ) ;
}

#top #searchsubmit {
  background-color: #305698;
  color: #fff;
}

#top #searchsubmit:hover {
  background-color: #aa5549;
  color: #fff;
}

.hidden-text {
  position: absolute;
  left: -9999px;
}


/*------------------------------------*\
    03. UI - HEADER, FOOTER, 
         AND CONTENT CONTAINER
\*------------------------------------*/

/******************** 03a.BEGIN HEADER ************************/


.html_header_top.html_bottom_nav_header .main_menu>div, 
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
  float: right;
  margin-right: 10px;
  width: auto;
}

.main_menu {
  padding-right: 7%;
}

#top .main_menu .menu-item-search-dropdown {
  display: block;
  position: absolute;
  right: -3%;
  top: 3%;
  z-index: 1000;
}

#top #menu-item-search {
  z-index: 100;
  position: absolute !important;
}

#header_main_alternate {
  background: #f7f7f7;
  height: 51px;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
  border-color: #305698;
}

.header-contact {
  position: absolute;
  left: auto;
  top: -70px;
  right: 0px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: right;
}

.header-contact a {
  color: #fff;
}

.header-contact a:hover,
.header-contact a:focus {
  color: #fdc200;
}

.phone-contact,
.email-contact {
  height: auto;
  line-height: 1.4;
}

.email-contact {
  font-size: 14px;
}

.responsive #top .logo {
  display: block;
}

.responsive .logo a {
  display: block;
}

strong.logo {
  padding-top: 24px;
  padding-left: 2%;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
	border-right-style: solid;
	border-right-width: 1px;
	border-left: none;
	margin-right: -13px;
	padding-right: 13px;
  white-space: nowrap;
}

.av_minimal_header #header_main_alternate {
  border: none;
  background-color: #F7F7F7;
}

.header_color .avia-tt, 
.header_color .avia-tt .avia-arrow, 
.header_color .avia-tt .avia-arrow {
  background-color: rgba(247, 247, 247, 0.31);
}

.header_color .main_menu .menu ul li a:hover, 
.header_color .av-subnav-menu ul a:hover {
  background-color: rgba(255,255,255,.5);
}

#top .av_minimal_header #s {
  border: .5px solid #4061a1;
}

#header_main {
  box-shadow: 0 1px 2px rgba(229, 229, 229, 0.26);
}

.responsive #advanced_menu_toggle, 
.responsive #advanced_menu_hide {
  color: #fff;
  background-color: #335596; 
}

.avia_desktop #advanced_menu_toggle:hover, 
.avia_desktop #advanced_menu_hide:hover {
	background-color: #aa5549;
	border-color: #aa5549;
	color: #ffffff;
}


/**************** END HEADER SECTION STYLES ********************/


/************ 03b.BEGIN MAIN NAVIGATION STYLES ****************/
i.fa.fa-home {
  display: inline-block;
  position: relative;
  font-size: 32px;
  padding-bottom: 7px;
  background-repeat: repeat;
}

.main_menu ul:first-child > li > a { 
  font-size: 16px;
  text-transform: uppercase;
}

.main_menu .avia-menu {
  display: block;
}

#top .av-main-nav > li > a {
  font-family: Helvetica, Arial, sans-serif;
  color: #305698;
}

ul.sub-menu li {
  border-top: none;
  font-family: Helvetica, Arial, sans-serif;
  border-left: none;
  border-right: none;
}

ul.sub-menu {
  border-color: transparent;
}

.html_header_top .header_color .main_menu ul:first-child >li > ul, 
.html_header_top #top .header_color .avia_mega_div > .sub-menu {
  border-top-color: transparent;
}

#top .main_color .input-text, 
#top .main_color input[type='text'], 
#top .main_color input[type='input'], 
#top .main_color input[type='password'], 
#top .main_color input[type='email'], 
#top .main_color input[type='number'], 
#top .main_color input[type='url'], 
#top .main_color input[type='tel'], 
#top .main_color input[type='search'], 
#top .main_color textarea, 
#top .main_color select,
#top .header_color .input-text, #top .header_color input[type='text'], 
#top .header_color input[type='input'], 
#top .header_color input[type='password'], 
#top .header_color input[type='email'], 
#top .header_color input[type='number'], 
#top .header_color input[type='url'], 
#top .header_color input[type='tel'], 
#top .header_color input[type='search'], 
#top .header_color textarea, 
#top .header_color select {
  border: 1px solid rgba(54, 87, 145, 0.34);
  background-color: #f7f7f7;
  color: #000000;
}

ul.sub-menu li:first-child  {
  border-top: none; 
}

#top #wrap_all .av-main-nav ul > li:hover > a, 
#top #wrap_all .avia_mega_div, 
#top #wrap_all .avia_mega_div ul, 
#top #wrap_all .av-main-nav ul ul {
  border-color: #41609d;
}

/******************** END MAIN NAVIGATION STYLES ********************/


/************************ 03c. BEGIN FOOTER ************************/

#footer {
  border-top: solid 5px #41609d;
}

#footer .widget {
  margin: -10px 0 25px 0;
  padding-bottom: 10px;
}

.flex_column .widget .widgettitle, 
.content .widget .widgettitle {
  font-family: Gerogia, serif;
  text-transform: capitalize;
}

.footer_color {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
}

#scroll-top-link {
  border: 1px solid #41609d;
  background-color: #41609d;
}

#mobile-advanced a:before,
.image-overlay-inside, 
.image-overlay.overlay-type-extern {
  display: none;
}

.image-overlay { 
  background: #262261;
}

/*#av_section_1 {
  padding-top: 33px;
  padding-bottom: 33px;
}*/

.phone-info,
.avia-menu-text,
.footer-contact-number,
.btn-contact-footer {
  font-family: Helvetica, Arial, sans-serif;
}

.phone-info {
  font-size: 32px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
}

.ftr-client-portal {
  font-size: 20px;
}

/* Sticky Footer */
.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 18px;
  color: white;
  height: 50px;
  text-align: center;
  background: #000;
  z-index: 999;
} 

.sticky-paragraph {
  margin-top: 11px;
}

.footer-contact-number {
  padding-left: 10px;
}

body#top .footer_color .widgettitle {
  /*border-color: #fdc200;
  border-top: none;*/
  border: none;
  color: #fdc200;
  font-size: 20px;
  max-width: 100%;
  width: 40%;
  padding: 10px 0 0;
}

.btn-contact-footer {
  color: #000;
  font-size: 18px;
  background: #fdc200;
  padding: 10px;
  text-decoration: none;
}

.btn-contact-footer:hover {
	background-color: #CCA417;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

.btn-contact-footer:focus {
  text-decoration: none;
}

#top .footer_color .widgettitle {
  border-width: 2px;
}


.fb-icon {
  background-image: url(images/icon-fb.png);
}

.fb-icon:hover {
  opacity: 0.8;
}

.fb-icon,
.fb-icon:hover  {
  background-repeat: no-repeat;
  width: 36px;
  display: block;
  height: 36px;
}

.web-weaver {
  font-size: 12px;
  text-align: left;
}

/**************************** END FOOTER ****************************/

/*------------------------------------*\
    04. PAGE SPECIFIC
\*------------------------------------*/

/****** ? ******/

.page-id-50 ul {
  margin: 0px;
  text-align: left;
}

#whyhost-block ul, 
#standard-block ul {
  margin: 15px 0 10px 0;
}

/********** home **********/

.page-id-119  .main_color h2 {
	font-family: Gerogia, serif;
  color: #305698;
  text-transform: uppercase;
}

.page-id-19  body .av-special-heading .av-special-heading-tag {
  padding: 10px;
}

.home #main .container_wrap_first .container {
  max-width: 100%;
  padding: 0;
}

.home #main main {
  padding: 0;
}

.homepage-slider {
  background: #fff;
  height: auto;
  margin: 0 auto;
  /*max-width: 960px;*/
}

.avia-content-slider.avia-builder-el-no-sibling.homepage-slider {
  margin: 0 auto;
}

.home-slider-content {
  height: auto;
  position: relative;
}

.home .avia-smallarrow-slider-heading {
  position: absolute;
}

.home#top .avia-smallarrow-slider .avia-slideshow-arrows {
  width: 100%;
  height: 40px;
  top: 0;
}
  
.home#top .avia-smallarrow-slider .avia-slideshow-arrows a {
  width: 40px;
  height: 40px;
  font-size: 30px;
}

.home [data-av_icon]:before {
  padding-top: 7px;
}
.home#top .avia-slideshow-controls a {
  display: block;
}

.home#top .avia-smallarrow-slider-heading .new-special-heading {
  display: none;
}

.home#top .avia-smallarrow-slider-heading {
  bottom: 0;
}

.home#top .avia-smallarrow-slider .avia-slideshow-arrows a:hover {
  background: #223861;
  opacity: 1;
}

.home-slider-content p {
  margin: 0;
}

.s1-image {
  position: relative;
  width: auto;
  float: none;
  padding: 0;
  max-height: 245px;
}

.s1-text {
  width: 100%;
  position: relative;
  padding-left: 0;
}

.home .home-slider-content {
  text-align: center;
}

.btnLearnMore {
  background-color: #305698;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff !important;
  padding: 8px 15px;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
}

.btnLearnMore:hover {
  background-color:#aa5549;
  color: #fff;  
  text-decoration: none;
}

.slider-button-container {
  padding: 10px 0 10px 0;
}

.slider-button-container-s3 {
  padding: 5px 0 5px 0;
}

#top .iconbox_content_container {
  line-height: 1.5;
}

.home-programming .iconbox_content .iconbox_content_title,
.home-accessibility .iconbox_content .iconbox_content_title,
.home-hosting .iconbox_content .iconbox_content_title {
  font-size: 1.5em;
}

.home-programming .iconbox_content_container,
.home-accessibility .iconbox_content_container,
.home-hosting .iconbox_content_container {
  font-size: 18px;
}

.home-programming .iconbox_icon,
.home-accessibility .iconbox_icon,
.home-hosting .iconbox_icon {
  font-size: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0 0 0 -38px;
  padding: 20px;
  top: -38px;
  width: 36px;
}

.home-programming .iconbox_content,
.home-accessibility .iconbox_content,
.home-hosting .iconbox_content {
  padding-top: 50px;
}

/********** usability **********/
.testing-block {
  color: #fff;
  margin: 15px 0 10px 0;
}

.page-id-52 .main_color h3 {
  color: #fff;
}

.features-block {
   margin: 15px 0 10px 0;
}

.techie-block a:hover {
  color: #aa5549;
}

.techie-block  a {
  color: #335596;
}

.page-id-50 .main_color h3 {
	color: #335596;
	line-height: 1em;
	margin: 0px;
	text-align: center;
	text-align: left;
	padding-bottom: 5px;
}


.page-id-50 #standard-block {
	margin-bottom: -25px;
}

/********** contact **********/


.page-id-21 h4.iconlist_title {
  color: #425D2A;
}

.page-id-21 div.sticky-footer {
  display: none;
}

#gform_wrapper_4,
#gform_wrapper_3,
#gform_wrapper_11,
#gform_confirmation_message_11 {
  margin: 0;
  padding: 25px;
}

#gform_confirmation_message_11 {
  color: #fff;
}

@media (max-width: 640px) {
  .ic-contact-form_wrapper .gform_body,
  .gf-work-request .gform_body {
    padding-right: 0;
  }
}

@media only screen and (min-width: 641px) {
  .gform_wrapper .ic-contact-form ul.gform_fields li.gfield,
  .gform_wrapper .gf-work-request ul.gform_fields li.gfield { /* bad css selector from plugin css */
    padding-right: 0;
  }
}

.ic-contact-form div.gform_footer.top_label { /* bad css selector from plugin css */
  padding: 5px 0;
}

.main_color .ic-contact-form .button,
.main_color .gf-work-request .button,
.main_color #gform_11 .button
 {
  float: none;
  background: #fdc200;
  padding-bottom: 0;
  padding-top: 8px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color: #000;
  max-width: 100%;
  width: 100%;
}

.main_color .ic-contact-form .button:hover,
.main_color .ic-contact-form .button:focus,
.main_color .gf-work-request .button:hover,
.main_color .gf-work-request .button:focus,
.main_color #gform_11 .button:hover,
.main_color #gform_11 .button:focus  {
	color: #000;
	opacity: .8;
  text-decoration: underline;
}

.main_color .gf-work-request h2,
.main_color .gf-work-request h3 {
  color: #fff !important;
}

/********** job-application **********/
.page-id-32 .main_color a,
.page-id-34 .main_color ul,
.page-id-32 .main_color ul {
  color: #fff;
}

.page-id-34.main_color h3,
.page-id-34 .main_color h2,
.page-id-32 .main_color h3,
.page-id-32 .main_color h2 {
  color: #fdc200;
}


.page-id-32 .main_color strong {
  color: #f7f7f7;
  font-family: Helvetica, Arial, sans-serif;
}

/********** services **********/

.services-block + .services-block .content {
  padding-top: 0;
}

.page-id-19 .avia-button.avia-size-large {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase; 
  font-size: 18px;
  min-width: 150px;
}

.page-id-19 span.image-overlay.overlay-type-extern {
  display: none !important;  /*Used important for this span*/
}

.page-id-19 div.avia_textblock.av_inherit_color {
  font-size: 18px;
  line-height: 17px;
  color: #ffffff;
}

#whyhost-block h2 {
  text-align: center;
  line-height: 1em;
}

/* bad selector to override parent theme */
#top .services-iconbox.av-no-box .iconbox_icon {
  font-size: 50px;
  border: 0;
}

.service-icon-hosting.av-icon-style-border .av-icon-char,
.service-icon-domains.av-icon-style-border .av-icon-char,
.service-icon-custom.av-icon-style-border .av-icon-char,
.service-icon-access.av-icon-style-border .av-icon-char {
  background: #262261;
  border: 0;
}

.service-icon-domains.av-icon-style-border .av-icon-char {
  background: #4a682f;
}

.service-icon-custom.av-icon-style-border .av-icon-char {
  background: #aa5549;
}

.service-icon-access.av-icon-style-border .av-icon-char {
  background: #335596;
}

/*********** Email *************/
.email-login-form {
  /* border: 2px solid #41609d; 
  border-radius: 5px; */
  padding: 10px;
}

#top .email-login-form label {
  color: #000;
}


/********** Email Mailing Lists *********/
.page-id-1906 .email-login-form {
  text-align: center;
}

.page-id-1906 .email-login-form input[type='text'] {
  max-width: 300px;
  margin: 0 auto 15px auto !important;
}

/********** Waterwheel Carousel Styles **********/

#carousel {
  width: 100%;
  height: 200px;
  position: relative;
}

.carousel-item {
  visibility: hidden; /* hide images until carousel prepares them */
  cursor: pointer; /* otherwise it's not as obvious items can be clicked */
  max-width: 960px;
  width: 90%;
}

.carousel-item img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
              0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.carousel-content {
  background: #fff;
  background: rgba(255, 255, 255, 0.19); 
  bottom: 10px;
  left: 10px;
  padding: 5px;
  position: absolute;
}

#carousel h2,
#carousel h3 {
  font-family: Helvetica, Arial, sans-serif; 
  color: #305698; /*km*/
  font-size: 16px; /*km*/
  line-height: 1.2;
  margin: 0;
  text-shadow: 1px 1px 2px #000000, 
               1px 2px 4px rgba(49, 49, 49, 0.36); /*km*/ 
}

#carousel h3 {
  font-size: 14px;
  padding-top: 0; 
}

/*#carousel h3,
#carousel h2 {
  
  box-shadow: -1px -1px 20px rgba(255, 255, 255, 0.48); 
  
  }*/

#carousel a {
  color: #555;  
}
.carousel-controls {
  width: 100%;
  text-align: right;
  padding-right: 20px;
}

/********** End of Waterwheel Carousel Styles **********/
/************ Portfolio Items ************/

.responsive .portfolio-section .container {
  max-width: 100%;
}


.avia-slideshow-arrows a:before {
  background: rgba(51, 85, 150, 0.79);
}

#top .avia-slideshow-arrows a {
  font-family: "Helvetica, Arial, sans-serif";
  font-size: 40px;
  color: #fff;
  font-weight: bolder;
  margin: -30px 7px 0;
  -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fff;
}

#top .avia-post-nav:hover {
  background: rgba(51, 85, 150, 0.79);
}

.avia-slideshow-dots a.active, 
.avia-slideshow-dots a:hover {
  background: #262261;
}

.avia-slideshow-dots a {
background: rgba(51, 85, 150, 0.79);
}


.single-portfolio div.post-entry.post-entry-type-page {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.single-portfolio .main_color {
  background-image: url(/wp-content/themes/enfold-vweb/images/polygon.png);
  background-repeat: repeat;
}

.main_color .view-site-btn {
  color: #fff;
  font-size: 18px;
  background: #345597;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  font-family: "Helvetica, Arial, sans-serif";
}

.main_color .view-site-btn:hover,
.main_color .view-site-btn:focus {
  background: #3C4D72;
  text-decoration: underline;
  color: #fff;
}

.page-id-14 .grid-entry {
  padding: 10px;
}

.page-id-14 .image-overlay {
  background: #fff;
}

.page-id-14 a:hover .image-overlay {
  opacity: 0.3 !important; /* Override span used !important */
}

.grid-entry-title.entry-title {
  font-family: "Helvetica, Arial, sans-serif";
  font-size: 14px;
  text-align: center;
}

.portfolio-info {
  padding: 30px;
}

.view-site-container {
  text-align: center;
  height: 60px;
}

/********** End of Portfolio Items ************/

/**********Gravity Form Placeholder font edit**********/

#top label,
.gfield_label,
.gfield_description {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

#top label span, 
#top legend span {
  color: #fdc200 !important;  /*Used important for this span*/
}

div.gform_footer.top_label {
  text-align: center;
  padding: 5px;
}

.gform_wrapper { 
  padding: 8px;  
}

.gform_body {
  padding-right: 0;
}

.gform_wrapper span.gform_description {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}

.gform_wrapper .gf_step span.gf_step_label, 
.gform_wrapper .gf_step span.gf_step_number {
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
}

.gform_wrapper .gsection_description, .gform_wrapper .gfield_description {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px !important;
  font-size: 16px !important;
}

.gform_wrapper .field_description_below .gfield_description {
  padding-top: 0 !important;
}

.work-description .gfield_description {
  margin-top: -16px;
}

/*.gf_browser_chrome .gform_wrapper .gform_validation_error .gf-job-app_wrapper {
  background-image: url(/wp-content/themes/enfold-vweb/images/large-texture.jpg);
}*/

.gform_wrapper h3.gform_title,
.gform_wrapper .gform_title,
.gform-wrapper .gsection_title {
  color: #fff;   
}

div.gfield_description.validation_message {
  color: #fdc200;
  font-weight: 700;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
}

.gform_wrapper .validation_message,
.gform_wrapper .gform_submission_error {
  color: #fdc200 !important;  /*Used important the form's CSS needed to be overrode*/
}


#top .gform_page_footer .button.gform_button, 
#top .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button {   
  font-family: Helvetica, Arial, sans-serif;    
  text-transform: uppercase;   
  font-size: 22px;   
  color: #000;   
  max-width: 100%;   
  width: 100%;   
  float: none !important; /*Used important the form's CSS needed to be overrode*/
}


.gform_wrapper div.validation_error,
.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+6,ffffff+95&0+0,0.14+51,0+100 */
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 6%, rgba(255,255,255,0.14) 51%, rgba(255,255,255,0.01) 95%, rgba(255,255,255,0) 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 6%,rgba(255,255,255,0.14) 51%,rgba(255,255,255,0.01) 95%,rgba(255,255,255,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 6%,rgba(255,255,255,0.14) 51%,rgba(255,255,255,0.01) 95%,rgba(255,255,255,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 )!important; /* IE6-9 */
  color: #fdc200 !important; /*Used important the form's CSS needed to be overrode*/
  font-family: Helvetica, Arial, sans-serif;    
  text-transform: uppercase; 
  border-top: 1px solid #fdc200 !important; /*Used important the form's CSS needed to be overrode*/
  border-bottom: 1px solid #fdc200 !important; /*Used important the form's CSS needed to be overrode*/
}

.gform_wrapper .gform_validation_errors {
  border: 1px solid #fdc200 !important;
}

/* Easy Tune Up */

#gform_wrapper_9 {
  padding: 0;
}

#gform_wrapper_9 .charleft {
  color: #fff;
  font-style: italic;
}

#gform_9 {
  background: url(/wp-content/uploads/2016/11/bkg-geometric.jpg) center center no-repeat;
  color: #fff;
  padding: 1em;
}

#gform_9 .button {
  background: #fdc200;
  color: #000;
}

#gform_9 .button:hover,
#gform_9 .button:focus {
  background: #cca417;
  text-decoration: underline;
}

/* Work request */

#gform_confirmation_message_3 {
  padding: 20px;
  color: #fff;
}


/*------------------------------------*\
    05. MISC.
\*------------------------------------*/



/*------------------------------------*\
    06. MEDIA QUERIES
\*------------------------------------*/

@media (max-width: 640px) {
  .gform_body {
    padding-right: 16px;
  }

  .gform_wrapper .gform_page_footer {
    width: 100%  !important;
    padding-right: 0;
  }
}


@media (min-width: 480px) and (max-width: 768px) {
  .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {    
    width: auto;    
    max-width: 50%;
  }
}

@media (max-width: 767px) {

  /*.responsive #top .logo {
    padding-top: 34px;
    padding-left: 2%;
  }*/

  .responsive .logo a {
    position: relative;
  }
  
  .responsive .logo img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  
  #carousel {
    height: 400px;
  }

  .carousel-item {
    width: 70%;
  }

  #carousel h2 {
    font-size: 31px; /*km*/
  }

  #carousel h3 {
    font-size: 27px; 
  }


  

  
}

@media (min-width: 768px) and (max-width: 1150px) {

  .page-id-21 .gform_wrapper ul.gform_fields li.gfield {
   max-width: 100%;
  }

  #whyhost-block h2 {
   text-align: left;
  }

  .page-id-50 h3 {
   text-align: left;
  }

  .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, 
  .responsive.html_mobile_menu_tablet #advanced_menu_hide {
    display: block;
  }
  
  .logo-text, #header_main_alternate {
    display: none;
  }
  
  .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block;
  }
  
  #top #menu-item-search {
    display: none;
  }
  
  .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
    display: block;
  }
  
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }
  
  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block;
  }

}

@media (min-width: 1150px) {
  ul.sub-menu li {
    border-top: 1px solid #4061a1;
  }

  #whyhost-block h2 {
    text-align: left;
  }

  .page-id-50 #whyhost-block ul, 
  #standard-block ul {
    margin: 15px 0 10px 40px;
  }
  
  .testing-block {
   margin: 15px 0 10px 40px;
  }

  .features-block {
   margin: 15px 0 10px 40px;
  }

  ul.sub-menu li:first-child  {
    border-top: 6px solid #aa5549; 
  }
  
  /* Homepage slider */
  
  .home-slider-content {
    position: relative;
  }
  
  .s1-image {
    width: 48%;
    /* float: right; */
    padding: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: auto !important; /* Override inline style being added */
  }

  .s1-text {
    width: 50%;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    padding-left: 25px;
  }
  
  .s2-text {
    width: 48%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 25px;
    margin-top: auto;
  }
  
  .s2-image {
    width: 90%;
    float: right;
  } 
  
  .s3-text {
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .homepage-slider, .home-slider-content {
    height: 360px;
    overflow: hidden;
  }
  
  .home#top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 90px;
    top: 0;
  }
  
  .home#top .avia-smallarrow-slider-heading .new-special-heading {
    display: table-cell;
  }
  
  @-moz-document url-prefix() {
    .home#top .avia-smallarrow-slider .avia-slideshow-arrows {
        height: 23px; /* Fix height issue for slider arrows on FireFox */
    }
  }

}


/**** Force portfolio to stack at this point ****/

@media (max-width: 1045px) {
    
  .portfolio-image-block, 
  .portfolio-text-block {
    display: block !important;
    width: auto !important;
  }
  
  .single-portfolio .flex_column {
    margin-bottom: 0 !important;
  }
  
  .portfolio-text {
    text-align: center;
  }
  
  #av_section_1.portfolio-section {
    padding-top: 0;
  }
  
  #top #menu-item-search {
    display: none;
  }
  
  .html_header_top.html_bottom_nav_header .main_menu>div {
    margin-right: -15px;
  }
  
  .page-id-1906 .av_one_third.email-login-form {
    width: 100%;
    margin-left: 0;
  }
  
  .page-id-1906 .av_two_third.email-list-description {
    width: 100%;
    margin-bottom: 20px;
  }
    
}