.message_div{ }
.message_div_style1{ }

.message_div i{ padding-left: 15px;font-size: 18px;padding-right: 10px; }
.message_div_style1 i{ padding-left: 15px;font-size: 18px;padding-right: 10px;padding-top: 15px;padding-bottom: 15px;border-radius: 150px;margin-right: 15px;margin-left: 5px;margin-top: 5px; }
.message_div_style1_default{ background-color: #999;color: #fff; }
.message_div_style1_primary{ background-color: #62bee5;color: #fff; }
.message_div_style1_danger{ background-color: #e87789;color: #fff; }
.message_div_style1_success{ background-color: #6accb9;color: #fff; }
.message_div_style1_warning{ background-color: #e3bb44;color: #fff; }
.message_div_style1_info_purple{ background-color: #bf6fd8;color: #fff; }
.message_div_style2 i{ padding-left: 15px;font-size: 18px;padding-right: 10px;padding-top: 15px;padding-bottom: 15px;border-radius: 150px;margin-right: 15px;margin-left: 5px;margin-top: 5px; }


.message_div span{ float: right;padding-top: 12px;font-size: 18px; }
.message_div_style1 span{ float: right;padding-top: 12px;font-size: 18px; }
.message_div_style2 span{ float: right;padding-top: 12px;font-size: 30px;border-left: dashed 0px #fff;padding: 45px 20px 50px 30px;}

.message_div p{ width: 100%;line-height: 26px;font-size: 14px;padding-left: 52px;padding-top: 0px;margin-top: 0px; }
.message_div_style1 p{ width: 100%;line-height: 26px;font-size: 14px;padding-left: 72px;padding-top: 0px;margin-top: 0px;color: #888; }
.message_div_style2 p{ width: 100%;line-height: 26px;font-size: 14px;padding-left: 72px;padding-top: 0px;margin-top: 0px;color: #888;padding-right: 0px; }

.message_default{ border:solid 1px #ccc;color:#666; }
.message_primary{ border:solid 1px #62bee5;color:#2b9ac9;background-color: #ddf3fe; }
.message_danger{ border:solid 1px #f198a5;color:#da546a;background-color: #fedee1; }
.message_success{ border:solid 1px #6accb9;color:#18a484;background-color: #dcfff9; }
.message_warning{ border:solid 1px #dbb82f;color:#d8a515;background-color: #fffae7; }
.message_info_purple{ border:solid 1px #bf6fd8;color:#bf6fd8;background-color: #faebfe; }

.message_default_dark{ background-color: #a7a7a7;color:#fff; }
.message_default_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_default_dark p{ color: #fff;padding-left: 78px; }
.message_info_purple_dark{ background-color: #c183d6;color:#fff; }
.message_info_purple_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_info_purple_dark p{ color: #fff;padding-left: 78px; }
.message_primary_dark{ background-color: #31aae1;color:#fff; }
.message_primary_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_primary_dark p{ color: #fff;padding-left: 78px; }
.message_danger_dark{ background-color: #ec768c;color:#fff; }
.message_danger_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_danger_dark p{ color: #fff;padding-left: 78px; }
.message_success_dark{ background-color: #51bc88;color:#fff; }
.message_success_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_success_dark p{ color: #fff;padding-left: 78px; }
.message_warning_dark{ background-color: #dead58;color:#fff; }
.message_warning_dark i{ border-radius:100px;border:solid 3px #fff;}
.message_warning_dark p{ color: #fff;padding-left: 78px; }
/* Headings */
.heading_01 h1, h2, h3, h4, h5, h6{ font-weight: 400;padding-bottom: 0px;padding-top: 0px; }
.heading_01 section{ border-bottom: solid 4px #31aae1;width: 50px;margin:auto;padding-bottom: 10px; }
.heading_01 i{ font-size: 34px;color: #31aae1; }
.borderLight{ border-bottom: solid 2px #31aae1 !important;width: 50px !important;margin:auto; }
.borderLightBig{ border-bottom: solid 2px #31aae1 !important;width: 150px !important;margin:auto; }
.heading_01 span{ color: #666;padding: 0px;}
.heading_01 div{ color: #666;padding: 0px;width: 500px;margin: auto;line-height: 26px !important;padding-top: 20px; }
.heading_02 h1, h2, h3, h4, h5, h6{ font-weight: 400;padding-bottom: 0px;padding-top: 0px; }
.heading_02 i{ font-size: 34px;color: #31aae1; }
.heading_02 h1::before { font-family: "FontAwesome";padding-right: 15px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.heading_02 h2::before { font-family: "FontAwesome";padding-right: 10px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.heading_02 h3::before { font-family: "FontAwesome";padding-right: 10px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.heading_02 h4::before { font-family: "FontAwesome";padding-right: 7px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.heading_02 h5::before { font-family: "FontAwesome";padding-right: 7px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.heading_02 h6::before { font-family: "FontAwesome";padding-right: 5px;color: #31aae1;vertical-align: top; } /* content: "\f005"; */
.gap_in_between_headings{ padding-top: 50px;padding-bottom: 50px; }
.head_left{ text-align: left !important; }
.head_left i{ text-align: center !important;margin-left: 100px; }
.head_left section{ border-bottom: solid 4px #31aae1;width: 50px;padding-bottom: 10px;float: left;margin-bottom: 10px;}
.head_left div{ color: #666;padding: 0px;width: 500px;line-height: 26px !important;padding-top: 0px;float: left;}
.iconCircle{ background-color: #31aae1;border-radius: 100px;color: #fff !important;padding:25px 20px 25px 25px; }
/* Tabs */
.activeTab{ display: block; }
.tabContent{ line-height: 26px;font-size: 16px; }
.tab_style_01{  }
.tab_style_01 section{}
.tab_style_01 section div{ background-color: #f2f2f2;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;width: 24%;margin: 0px;border-bottom: solid 1px #ccc; }
.tab_style_01 section div:hover{ background-color: #fff;color: #333;border-bottom: solid 0px #ccc !important;}
.tab_style_01 section div.tabhead-active { background-color: #fff !important;color: #31aae1;border-bottom: solid 0px #ccc !important;}
.noBorder{ border: 0px !important; }
.tab_style_01 article{ }

.tab_style_02{  }
.tab_style_02 section{}
.tab_style_02 section div{ background-color: #f2f2f2;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;width: 24%;margin: 0px;border-bottom: solid 1px #ccc; }
.tab_style_02 section div:hover{ background-color: #31aae1;color: #fff;border-bottom: solid 0px #ccc !important;}
.tab_style_02 section div.tabhead-active { background-color: #31aae1 !important;color: #fff;border-bottom: solid 0px #ccc !important;}
.tab_style_02 section div.tabhead-active:after { z-index: 0;position: absolute;content: '';margin-top: 40px;margin-left: -25px;
 border-top: solid 10px #31aae1;border-left: solid 10px transparent;border-right: solid 10px transparent; }
.noBorder{ border: 0px !important; }
.tab_style_02 article{ }

.tab_style_03{  }
.tab_style_03 section{}
.tab_style_03 section div{ background-color: #f2f2f2;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;width: 24%;margin: 0px;border-bottom: solid 1px #ccc; }
.tab_style_03 section div:hover{ background-color: #31aae1;color: #fff;border-bottom: solid 0px #ccc !important;}
.tab_style_03 section div.tabhead-active { background-color: #fff !important;color: #31aae1;border-bottom: solid 0px #ccc !important;border-top: solid 2px #31aae1 !important;}
.noBorder{ border: 0px !important; }
.tab_style_03 article{ }

.tab_style_04{  }
.tab_style_04 section{}
.tab_style_04 section div{ background-color: #f2f2f2;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;width: 24%;margin: 0px;border-bottom: solid 1px #ccc; }
.tab_style_04 section div:hover{ background-color: #31aae1;color: #fff;border-bottom: solid 0px #ccc !important;}
.tab_style_04 section div.tabhead-active { background-color: #fff !important;color: #31aae1;border-bottom: solid 0px #ccc !important;border-bottom: solid 2px #31aae1 !important;}
.noBorder{ border: 0px !important; }
.tab_style_04 article{ }

/* Progress Bars */
.progress_style_01{ line-height: 30px;color: #777; }
.bar{ padding: 8px;border-radius: 10px; }
.progress_style_01 prog{}
.progress_style_01 prog article{}
.progress_style_01 prog section{}
.progress_style_01 prog section.bg-bar{ background-color: #f2f2f2;padding: 0px;border-radius: 10px;margin-bottom: 15px; }
.progress_style_01 prog section prog_bar{ display: block; }
.progress_style_01 prog section prog_bar.blue-bar{ background-color: #31aae1; }
.progress_style_01 prog section prog_bar.green-bar{ background-color: #74c8b8; }
.progress_style_01 prog section prog_bar.purple-bar{ background-color: #c183d6; }
.progress_style_01 prog section prog_bar.yellow-bar{ background-color: #fddc7b; }
.progress_style_01 prog section prog_bar.red-bar{ background-color: #ec768c; }
.progress_style_01 prog article section.stuckRight{ font-weight: bold;}

.progress_style_02 prog{}
.progress_style_02 prog article{}
.progress_style_02 prog section{}
.progress_style_02 prog section div{ border-radius: 0px !important; }
.progress_style_02 prog section.bg-bar{ background-color: #f2f2f2;padding: 0px;border-radius: 10px;margin-bottom: 15px;border-radius: 0px !important;  }
.progress_style_02 prog section prog_bar{ display: block; }
.progress_style_02 prog section prog_bar.blue-bar{ background-color: #31aae1; }
.progress_style_02 prog section prog_bar.green-bar{ background-color: #74c8b8; }
.progress_style_02 prog section prog_bar.purple-bar{ background-color: #c183d6; }
.progress_style_02 prog section prog_bar.yellow-bar{ background-color: #fddc7b; }
.progress_style_02 prog section prog_bar.red-bar{ background-color: #ec768c; }
.progress_style_02 prog article section.stuckLeftAlways{ padding-top: 10px;color: #555;}
.progress_style_02 prog article section.stuckRightAlways{ background-color: #333;border-radius: 100px;width: 40px;height: 40px;color: #fff;padding-top: 0px;font-size: 13px;margin-top: 10px;text-align: center;}
.rightTen{ margin-right: 89%;}
.rightTwenty{ margin-right: 79%;}
.rightThirty{ margin-right: 69%;}
.rightForty{ margin-right: 59%;}
.rightFifty{ margin-right: 49%;}
.rightSixty{ margin-right: 39%;}
.rightSeventy{ margin-right: 29%;}
.rightEighty{ margin-right: 19%;}
.rightNinty{ margin-right: 9%;}
.rightHundred{ margin-right: 0%;}

.progress_style_03 prog{}
.progress_style_03 prog article{}
.progress_style_03 prog section{ text-align: left; }
.progress_style_03 prog section.bg-bar{ background-color: #f2f2f2;padding: 0px;border-radius: 10px;margin-bottom: 15px;border-radius: 0px !important; }
.progress_style_03 prog section prog_bar{ text-align: right;border-radius: 0px !important;color: #fff;padding:0px 15px;font-weight: bold; }
.progress_style_03 prog section prog_bar{ display: block; }
.progress_style_03 prog section prog_bar.blue-bar{ background-color: #31aae1; }
.progress_style_03 prog section prog_bar.green-bar{ background-color: #74c8b8; }
.progress_style_03 prog section prog_bar.purple-bar{ background-color: #c183d6; }
.progress_style_03 prog section prog_bar.yellow-bar{ background-color: #fddc7b;color: #333 !important; }
.progress_style_03 prog section prog_bar.red-bar{ background-color: #ec768c; }
.progress_style_03 prog article section.stuckRight{ font-weight: bold;}
.strip-bars {
  background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s; }
  /* // For Mouse Hover .strip-bars .strip-bars:hover { width: 100%; } */

.progress_style_04 section{ text-align: left;margin-bottom: 30px !important; }
.progress_style_04 section prog{ display: block; }
.progress_style_04 section prog{ text-align: left;border-radius: 0px !important;color: #333;padding:0px 15px;font-weight: bold; }
.progress_style_04 section.bar{ border-radius: 100px; }
.progress_style_04 section.bg-bar{ background-color: #eaeaea;padding: 0px;border-radius: 10px;margin-bottom: 15px;border-radius: 100px !important; }
.progress_style_04 section prog.blue-bar{ background-color: #31aae1;color: #fff !important;border-radius: 100px !important; }
.progress_style_04 section prog.green-bar{ background-color: #74c8b8;color: #fff !important;border-radius: 100px !important;  }
.progress_style_04 section prog.purple-bar{ background-color: #c183d6;color: #fff !important;border-radius: 100px !important;  }
.progress_style_04 section prog.yellow-bar{ background-color: #fddc7b;color: #333 !important;border-radius: 100px !important;  }
.progress_style_04 section prog.red-bar{ background-color: #ec768c;color: #fff !important;border-radius: 100px !important;  }
.progress_style_04 article section.stuckRightAlways{ font-weight: bold;}

/* Dropdowns */
.dropdown_01{ border-top: solid 2px #31aae1;padding:10px 20px;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;display: flex;background-color: #fff;}
.dropdown_01 section{ flex-grow: 1;max-width: 100%;flex-basis: 0;padding-bottom: 20px; }
.dropdown_01 section ul li a{ color: #777; }
.dropdown_01 section ul li a:hover{ color: #31aae1; }
.dropdown_01 heading{ padding: 5px;display: block;font-size: 16px;color: #333;}
.dropdown_01 ul{ padding: 0px;margin:0px;list-style: none;padding-top: 10px; }
.dropdown_01 ul li{ padding-left: 3px;padding-top: 8px;padding-bottom: 8px;color: #777;font-size: 15px;}

.dropdown_02{ border-top: solid 1px #eaeaea;padding:10px 20px;border-left:solid 1px #eaeaea;border-right:solid 2px #31aae1;border-bottom:solid 1px #eaeaea;display: flex;background-color: #fff;}
.dropdown_02 section{ flex-grow: 1;max-width: 100%;flex-basis: 0;padding-bottom: 20px; }
.dropdown_02 section ul li a{ color: #777; }
.dropdown_02 section ul li a:hover{ color: #31aae1; }
.dropdown_02 heading{ padding: 5px;display: block;font-size: 16px;color: #000;}
.dropdown_02 ul{ padding: 0px;margin:0px;list-style: none;padding-top: 10px; }
.dropdown_02 ul li{ padding-left: 5px;padding-top: 8px;padding-bottom: 8px;color: #777;font-size: 15px;}
.dropdown_02 ul li i{ color: #31aae1;min-width: 25px !important;text-align: center;}

.up_textfield{ border: solid 1px #ccc;padding: 11px; }
.up_textfield:focus{ outline: none;border-color: #000; }
.dark{ padding:5px 20px;display: flex;background-color: #333;border:0px !important;}
.dark section ul li a{ color: #999; }
.dark heading{ padding: 5px;display: block;font-size: 16px;color: #fff;}
.dark div input[type=text]{ border:solid 1px #444 !important;background-color: #444;color: #fff;}
.dark div input[type=text]:focus{ outline: none;border-color: #2e6da3 !important;box-shadow: inset 0px 0px 0px #000;  }
.dark div div div a{ color: #00AEEF; }
.dark div div div a:hover{ color: #fff; }
.dark div div div{ color: #fff; }

.dropdown_03{ padding:0px;display: flex;background-color: #31aae1;}
.dropdown_03 section{ flex-grow: 1;max-width: 100%;flex-basis: 0;padding-bottom: 20px;padding-top: 10px;padding-left: 20px; }
.dropdown_03 section ul li a{ color: #fff; }
.dropdown_03 section ul li a:hover{ color: #00577f; }
.dropdown_03 heading{ padding: 5px;display: block;font-size: 16px;color: #fff;}
.dropdown_03 ul{ padding: 0px;margin:0px;list-style: none;padding-top: 10px; }
.dropdown_03 ul li{ padding-left: 5px;padding-top: 8px;padding-bottom: 8px;color: #777;font-size: 15px;}
.dropdown_03 ul li i{ color: #00577f;min-width: 25px !important;text-align: center;}

.image-xs div{ width: 25% !important; }
.image-sm div{ width: 25% !important; }
.image-md div{ width: 25% !important; }
.image-lg div{ width: 25% !important; }
.image-xl div{ width: 25% !important; }

.image-xs div img{ width: 100%;height: 100%; }
.image-sm div img{ width: 100%;height: 100%; }
.image-md div img{ width: 100%;height: 100%; }
.image-lg div img{ width: 100%;height: 100%; }
.image-xl div img{ width: 100%;height: 100%; }

/* Footers */

.LineFooter{ background-color: #eaeaea;color: #555;font-size: 15px !important; }
.LineFooter section i{ font-size: 24px;color: #999;margin-right: 8px;}
.LineFooter section i:hover{ color: #0080ba;cursor: pointer; }
.LineFooter section ul{ margin: 0px;padding: 0px;list-style: none; }
.LineFooter section ul li{ display: inline-block;vertical-align: top;font-size: 14px;color: #999;padding-right: 20px;}
.LineFooter section ul li a{ color: #777; }
.LineFooter section ul li a:hover{ color: #31aae1; }

.footerDark{ background-color: #333 !important;color: #777; }
.footerDark section i{ font-size: 24px;color: #666;margin-right: 8px;}
.footerDark section i:hover{ color: #31aae1;cursor: pointer; }
.footerDark div div section heading{ color: #fff;padding-bottom: 10px !important;display: block; }
.footerDark section heading i{ color: #31aae1 !important;font-size: 18px; }
.footerDark div div section p{ color: #999;border-bottom: solid 0px #444 !important;  }
.footerDark div div section div{ border-bottom: solid 1px #444;}
.footerDark div div section email{ color: #999;border-bottom: solid 1px #444; }
.footerDark div div section email a{ color: #31aae1; }
.footerDark div div section email a:hover{ color: #ccc; }
.footerDark div div section phone{ color: #999;border-bottom: solid 0px #444 !important;display: block; }
.footerDark div div section address{ color: #999;border-bottom: solid 0px #444; }
.footerDark section div article content{ font-size: 15px !important;line-height: 20px;color: #ccc; }
.footerDark section div article date{ color: #888 !important;font-size: 12px;padding-top: 5px;display: block; }
.footerDark section ul li{ padding-left: 0px;font-size: 13px;padding-bottom: 10px;padding-right: 20px;min-width: 45%;border-bottom: dashed 1px #555 !important;padding-top: 10px; }
.footerDark section ul li a{ color: #ccc !important; }
.footerDark section ul li a:hover{ color: #31aae1 !important; }
.footerDark section input[type=text]{ padding: 11px;width: 75%;border:solid 1px #444 !important;background-color: #444;color: #fff; }
.footerDark section input[type=text]:focus{ outline: none;border-color: #2e6da3 !important; }
.footerDark section textarea{ padding: 11px;width: 75%;border:solid 1px #444 !important;background-color: #444;color: #fff; }
.footerDark section textarea:focus{ outline: none;border-color: #2e6da3 !important; }
.footerDark section tags{ display: block;padding-top: 25px; }
.footerDark section tag{ background-color: #4a4a4a !important;color: #909090 !important;padding: 6px 14px 10px 14px;font-size: 14px;margin-right: 10px;margin-bottom: 10px;display: inline-block;vertical-align: top; }
.footerDark section tag:hover{ background-color: #31aae1 !important;color: #fff !important;cursor: pointer;}
.footerDark section whiteEmail a{ color: #fff !important; }
.footerDark section whiteEmail a:hover{ color: #5b93ff !important; }
.footerDark section icons i{ background-color: #4a4a4a !important;text-align: center;color: #6c6c6c;font-size: 16px;min-width: 25px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px; }
.footerDark section icons i:hover{ background-color:#5b93ff !important;color: #fff;  }
.footerDark section p a{ color: #999 !important; }
.footerDark section p a:hover{ color: #fff !important; }

.footerDarker{ background-color: #222222 !important;color: #666; }
.footerDarker section i{ font-size: 24px;color: #444;margin-right: 8px;}
.footerDarker section i:hover{ color: #ccc;cursor: pointer; }

.iconNoHover{ color: inherit !important; }
.iconNoHover:hover{ color: inherit !important;cursor: default !important; }

.footerTheme{ background-color: #32415e !important;color: #fff; }
.footerTheme section i{ font-size: 24px;color: #fff;margin-right: 8px;}
.footerTheme section i:hover{ color: #5b93ff;cursor: pointer; }
.footerTheme div div section heading{ color: #fff;padding-bottom: 10px !important;display: block; }
.footerTheme section heading i{ color: #4b80e7 !important;font-size: 18px; }
.footerTheme div div section p{ color: #fff;border-bottom: dashed 0px #666 !important;  }
.footerTheme div div section div{ border-bottom: dashed 1px #666;}
.footerTheme div div section email{ color: #999;border-bottom: dashed 1px #666; }
.footerTheme section email:before{  font-family: FontAwesome;content: "\f0e0";padding-right: 10px;color: #fff !important; }
.footerTheme div div section email a{ color: #ccc; }
.footerTheme div div section email a:hover{ color: #fff; }
.footerTheme div div section phone{ color: #fff;border-bottom: solid 0px #666 !important;display: block; }
.footerTheme section phone:before{  font-family: FontAwesome;content: "\f095";padding-right: 10px;color: #fff !important; }
.footerTheme div div section address{ color: #fff;border-bottom: solid 0px #444; }
.footerTheme section address:before{  font-family: FontAwesome;content: "\f041";padding-right: 10px;color: #fff !important; }
.footerTheme section div article content{ font-size: 15px !important;line-height: 20px;color: #fff; }
.footerTheme section div article date{ color: #999 !important;font-size: 12px;padding-top: 5px;display: block; }
.footerTheme section ul li{ padding-left: 0px;font-size: 13px;padding-bottom: 10px;padding-right: 20px;min-width: 45%;border:solid 0px #333;border-bottom: dashed 1px #5b78b1 !important;padding-top: 10px; }
.footerTheme section ul li:before{ font-family: FontAwesome;content: "\f101";padding-right: 10px;color: #fff !important;font-size: 16px;vertical-align: top; }
.footerTheme section ul li a{ color: #ccc !important; }
.footerTheme section ul li a:hover{ color: #fff !important; }
.footerTheme section span{ font-size: 14px;color: #999 !important;padding-top: 10px;display: block;font-style: italic; }
.footerTheme section input[type=text]{ padding: 11px;width: 75%;border:solid 1px #24324d !important;background-color: #24324d;color: #fff; }
.footerTheme section input[type=text]:focus{ outline: none;border-color: #2e6da3 !important; }
.footerTheme section textarea{ padding: 11px;width: 75%;border:solid 1px #24324d !important;background-color: #24324d;color: #fff; }
.footerTheme section textarea:focus{ outline: none;border-color: #2e6da3 !important; }
.footerTheme section tags{ display: block;padding-top: 25px; }
.footerTheme section tag{ background-color: #243452 !important;color: #98bbff !important;padding: 6px 14px 10px 14px;font-size: 14px;margin-right: 10px;margin-bottom: 10px;display: inline-block;vertical-align: top; }
.footerTheme section tag:hover{ background-color: #4065ac !important;color: #fff !important;cursor: pointer;}
.footerTheme section whiteEmail a{ color: #fff !important; }
.footerTheme section whiteEmail a:hover{ color: #5b93ff !important; }
.footerTheme section icons i{ background-color: #2e6da3 !important;text-align: center;color: #fff !important;font-size: 16px;min-width: 25px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px; }
.footerTheme section icons i:hover{ background-color:#495e87 !important;color: #fff;  }
.footerTheme section p a{ color: #999 !important; }
.footerTheme section p a:hover{ color: #fff !important; }

.footerBlue{ background-color: #31aae1 !important;color: #fff; }
.footerBlue section i{ font-size: 24px;color: #b6e8ff;margin-right: 8px;}
.footerBlue section i:hover{ color: #fff;cursor: pointer; }

.freeFormFields input[type=text]{ width: 100% !important;margin-bottom: 10px; }
.freeFormFields textarea{ width: 100% !important;margin-bottom: 10px;font-family: Arial !important; }
.freeFormFields input[type=button]{ margin-left: 0 !important;width: 40% !important;margin-top: 0px !important; }

.b-t-white{ border-top: solid 1px #ccc !important; }
.b-t-dark{ border-top: solid 1px #4a4a4a !important; }
.b-t-theme{ border-top: solid 1px #42567d !important; }
.b-b-white{ border-bottom: solid 1px #ccc !important; }
.b-b-dark{ border-bottom: solid 1px #4a4a4a !important; }
.b-b-theme{ border-bottom: solid 1px #42567d !important; }

#quickLinks ul{ }
#quickLinks ul li{ border-bottom:0px !important;display: inline-block;vertical-align: top; }

.contentFooterBg{ background-color: #fff; }
.contentFooter{ display: flex; }
.contentFooter section{ flex-grow: 1;max-width: 100%;flex-basis: 0;padding-bottom: 20px;padding-right: 25px; }
.contentFooter section heading{ font-size: 15px;font-weight: 600;color: #333;padding-bottom: 10px !important;display: block;}
.contentFooter section heading i{ color: #333; }
.contentFooter section p{ font-size: 15px;line-height: 26px;border-bottom: solid 1px #eaeaea;padding-bottom: 10px;color: #666;}
.contentFooter section email{ color: #666;font-size: 14px;border-bottom: solid 1px #eaeaea;padding-bottom: 10px;display: block; }
.contentFooter section email:before{  font-family: FontAwesome;content: "\f0e0";padding-right: 10px;color: #666; }
.contentFooter section phone{ color: #666;font-size: 14px;border-bottom: solid 0px #eaeaea;padding-bottom: 0px;display: block;padding-top: 15px;}
.contentFooter section phone:before{  font-family: FontAwesome;content: "\f095";padding-right: 10px;color: #666; }
.contentFooter section address{ color: #666;font-size: 14px;border-bottom: solid 0px #eaeaea;padding-bottom: 0px;display: block;padding-top: 15px;}
.contentFooter section address:before{  font-family: FontAwesome;content: "\f041";padding-right: 10px;color: #666; }
.contentFooter section div{ padding-top: 10px;border-bottom: solid 1px #eaeaea;padding-bottom: 20px; }
.contentFooter section div img{ width: 30%;display: inline-block;padding-right: 2%;vertical-align: top; }
.contentFooter section div article{ display: inline-block;width: 68%;vertical-align: top; }
.contentFooter section div article content{ font-size: 15px;line-height: 20px; }
.contentFooter section div article date{ color: #666;font-size: 12px;padding-top: 5px;display: block; }
.contentFooter section input[type=text]{ padding: 11px;width: 75%;border:solid 1px #ccc; }
.contentFooter section input[type=button]{ margin-left: -8px;width: 25%;}
.contentFooter section input[type=text]:focus{ outline: none;border-color: #31aae1; }
.contentFooter section textarea{ padding: 11px;width: 75%;border:solid 1px #ccc; }
.contentFooter section textarea:focus{ outline: none;border-color: #31aae1; }
.contentFooter section span{ font-size: 14px;color: #666;padding-top: 10px;display: block;font-style: italic; }
.contentFooter section ul{ padding: 0px;margin: 0px;list-style: none;padding-top: 15px; }
.contentFooter section ul li{ padding-left: 0px;font-size: 13px;padding-bottom: 10px;padding-right: 20px;min-width: 45%;border:solid 0px #333;border-bottom: dashed 1px #ccc;padding-top: 10px; }
.contentFooter section ul li:before{ font-family: FontAwesome;content: "\f101";padding-right: 10px;color: #31aae1;font-size: 16px;vertical-align: top; }
.contentFooter section ul li a{ color: #666; }
.contentFooter section ul li a:hover{ color: #000; }
.noBorderBottom{ border-bottom: 0px !important;}
.contentFooter section tags{ display: block;padding-top: 25px; }
.contentFooter section tag{ background-color: #ccc;color: #555;padding: 6px 14px 10px 14px;font-size: 14px;margin-right: 10px;margin-bottom: 10px;display: inline-block;vertical-align: top; }
.contentFooter section tag:hover{ background-color: #333;color: #fff;cursor: pointer;}
.contentFooter section bigPhone{ color: #5b93ff;font-size: 20px;font-weight: bold; }
.contentFooter section bigPhone i{ font-size: 20px;color: #5b93ff; }
.contentFooter section whiteEmail{ color: #fff;padding-top: 10px;display: block;padding-left: 30px; }
.contentFooter section whiteEmail a{ color: #333; }
.contentFooter section whiteEmail a:hover{ color: #5b93ff; }
.contentFooter section icons{ display: block;padding-top: 20px; }
.contentFooter section icons i{ background-color: #ccc;text-align: center;color: #6c6c6c;font-size: 16px;min-width: 25px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;margin-right: 5px; }
.contentFooter section icons i:hover{ background-color:#5b93ff;color: #fff;cursor: pointer;  }
.contentFooter section p a{ color: #666; }
.contentFooter section p a:hover{ color: #000; }
.contentFooter section p i{ font-size: 16px;margin-left: 5px;color: #1480dc; }

.bigHeading{ font-size: 20px !important; }
.bigHeading img{ width: 70%; }

.iconUp{ margin-top: -30px !important; }

.navigation{ border-bottom: solid 0px #dedede; }
.navigation ul{ margin: 0px;padding: 0px;list-style: none;color: #777; }
.navigation-xs ul{ display: flex; }
.navigation-sm ul{ display: flex; }
.navigation-md ul{ display: flex; }
.navigation-lg ul{ display: flex; }
.navigation-xl ul{ display: flex; }
.navigation-xs menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: none; }
.navigation-xs menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xs:hover ul{ }
.navigation-sm menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: none; }
.navigation-sm menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-sm:hover ul{ }
.navigation-md menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: none; }
.navigation-md menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-md:hover ul{ }
.navigation-lg menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: none; }
.navigation-lg menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-lg:hover ul{ }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: none; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl:hover ul{ }
.navigation ul li{ padding: 15px;}
.navigation ul li:hover{ border-bottom: solid 1px #00AEEF;cursor: pointer;color: #000; }
.active_nav{ border-bottom: solid 1px #00AEEF;color: #000; }

.navigation_01{ background-color: #eaeaea; }
.navigation_01 ul li.active_nav{ background-color: #00AEEF;color: #fff; }
.navigation_01 ul li:hover{ background-color: #00AEEF !important;color: #fff !important; }
.navigation_02{ background-color: #fff; }
.navigation_02 ul li.active_nav{ background-color: #00AEEF;color: #fff; }
.navigation_02 ul li:hover{ background-color: #00AEEF !important;color: #fff !important; }

.dark_nav{ background-color: #555 !important; }
.dark_nav menuButton{ color: #fff !important; }
.dark_nav ul{ color: #fff; }
.dark_nav ul li{}
.dark_nav ul li:hover{ background-color: #333 !important;color: #fff !important;border: 0px; }
.dark_nav ul li.active_nav{ border: 0px;color: #fff;background-color: #333; }

.bigNavHeight{ line-height: 50px;}

.responsive{ display: flex !important; }
header_demargation{ border-top: solid 4px #ccc;display: block;padding-bottom: 10px; }
.darkBg{ background-color: #333; }
.stuckLeftAlways{ float: left; }
.stuckRightAlways{ float: right; }

/* Header CSS */
header{ display: flex;flex-wrap: wrap;justify-content: space-between !important;background-color: #fff;border-bottom: solid 0px #ccc; }
.header-xs logo{ width: 10%;display: block; }
.header-sm logo{ width: 10%;display: block; }
.header-md logo{ width: 10%;display: block; }
.header-lg logo{ width: 10%;display: block; }
.header-xl logo{ width: 10%;display: block; }
.header-xs{}
.header-sm{}
.header-md{}
.header-lg{}
.header-xl{}

/* Responsive Code */
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px !important;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px !important;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px !important;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px !important;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px !important;}

.top-bar-left{ text-align: left !important; }
.top-bar-right{ text-align: right !important; }

.icon_small{ font-size: 14px !important; }
.icon_medium{ font-size: 20px !important; }
.icon_large{ font-size: 28px !important; }

.navigation ul li{}
.navigation ul li div{ display: none !important; }
.navigation ul li:hover div{ display: flex !important; }

.flex_direction_column{ flex-direction: column !important; }
.dropdown_01{ position: absolute !important;padding: 15px;margin: 0px;margin-top:15px;z-index: 10; }
.dropdown_01 section ul{ display: block !important; }
.dropdown_02{ position: absolute !important;padding: 15px;margin: 0px;margin-top:15px;z-index: 10; }
.dropdown_02 section ul{ display: block !important; }
.dropdown_03{ position: absolute !important;padding: 0px;margin: 0px;margin-top:15px;z-index: 10; }
.dropdown_03 section ul{ display: block !important; }

.bg_nav{ background: url("http://www.bruna.cat/imgdownload/full/56/566144/corporate-wallpaper.jpg") no-repeat center center fixed;height: 500px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.bg_nav header{ background:transparent; }
.bg_nav header div{ background:rgba(255,255,255,0.7); }

@media (max-width: 575px) {
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;margin-left: 0px !important;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;margin-left: 0px !important;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.image-xs div{ width: 100% !important; }
.image-sm div{ width: 100% !important; }
.image-md div{ width: 100% !important; }
.image-lg div{ width: 100% !important; }
.image-xl div{ width: 100% !important; }
.stuckLeft{ float: none !important;width: 100%;text-align: center;padding-bottom: 20px; }
.stuckRight{ float: none !important;text-align: center; }
.content-footer-xs{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-sm{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.navigation-xs ul{ display: flex;display: none; }
.navigation-xs menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xs menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-sm ul{ display: flex;display: none; }
.navigation-sm menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-sm menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-md ul{ display: flex;display: none; }
.navigation-md menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-md menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-lg ul{ display: flex;display: none; }
.navigation-lg menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-lg menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl ul{ display: flex;display: none; }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xs .responsive{ display: block !important; }
.navigation-sm .responsive{ display: block !important; }
.navigation-md .responsive{ display: block !important; }
.navigation-lg .responsive{ display: block !important; }
.navigation-xl .responsive{ display: block !important; }
.header-xs{ flex-direction: column; }
.header-sm{ flex-direction: column; }
.header-md{ flex-direction: column; }
.header-lg{ flex-direction: column; }
.header-xl{ flex-direction: column; }
.header-xs logo{ width: 30%;margin: auto; }
.header-sm logo{ width: 30%;margin: auto; }
.header-md logo{ width: 30%;margin: auto; }
.header-lg logo{ width: 30%;margin: auto; }
.header-xl logo{ width: 30%;margin: auto; }
.header-xs div{ width: 100%;text-align: center; }

.header-xs div button{ width: 100%;margin-bottom: 10px;}
.header-xs div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-sm div button{ width: 100%;margin-bottom: 10px;}
.header-sm div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-md div button{ width: 100%;margin-bottom: 10px;}
.header-md div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-lg div button{ width: 100%;margin-bottom: 10px;}
.header-lg div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-xl div button{ width: 100%;margin-bottom: 10px;}
.header-xl div input[type=text]{ width: 100%;margin-bottom: 10px; }

.header-xs div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-sm div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-md div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-lg div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-xl div.textual{ text-align: center !important;padding-bottom: 20px; }

.row-xs .top-bar-left{ text-align: center !important; }
.row-xs .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-sm .top-bar-left{ text-align: center !important; }
.row-sm .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-md .top-bar-left{ text-align: center !important; }
.row-md .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-lg .top-bar-left{ text-align: center !important; }
.row-lg .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-xl .top-bar-left{ text-align: center !important; }
.row-xl .top-bar-right{ text-align: center !important;padding-bottom: 10px; }

}
@media (min-width: 576px) and (max-width: 767px) {
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;margin-left: 0px !important;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.image-xs div{ width: 25% !important; }
.image-sm div{ width: 100% !important; }
.image-md div{ width: 100% !important; }
.image-lg div{ width: 100% !important; }
.image-xl div{ width: 100% !important; }
.stuckLeft{ float: none !important;width: 100%;text-align: center;padding-bottom: 20px; }
.stuckRight{ float: none !important;text-align: center; }
.content-footer-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.content-footer-sm{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.navigation-sm ul{ display: flex;display: none; }
.navigation-sm menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-sm menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-md ul{ display: flex;display: none; }
.navigation-md menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-md menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-lg ul{ display: flex;display: none; }
.navigation-lg menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-lg menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl ul{ display: flex;display: none; }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-sm .responsive{ display: block !important; }
.navigation-md .responsive{ display: block !important; }
.navigation-lg .responsive{ display: block !important; }
.navigation-xl .responsive{ display: block !important; }
.header-sm{ flex-direction: column; }
.header-md{ flex-direction: column; }
.header-lg{ flex-direction: column; }
.header-xl{ flex-direction: column; }
.header-sm logo{ width: 20%;margin: auto; }
.header-md logo{ width: 20%;margin: auto; }
.header-lg logo{ width: 20%;margin: auto; }
.header-xl logo{ width: 20%;margin: auto; }
.header-sm div button{ width: 100%;margin-bottom: 10px;}
.header-sm div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-md div button{ width: 100%;margin-bottom: 10px;}
.header-md div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-lg div button{ width: 100%;margin-bottom: 10px;}
.header-lg div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-xl div button{ width: 100%;margin-bottom: 10px;}
.header-xl div input[type=text]{ width: 100%;margin-bottom: 10px; }

.header-xs div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-sm div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-md div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-lg div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-xl div.textual{ text-align: center !important;padding-bottom: 20px; }

.row-sm .top-bar-left{ text-align: center !important; }
.row-sm .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-md .top-bar-left{ text-align: center !important; }
.row-md .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-lg .top-bar-left{ text-align: center !important; }
.row-lg .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-xl .top-bar-left{ text-align: center !important; }
.row-xl .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;margin-left: 0px !important;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.image-xs div{ width: 25% !important; }
.image-sm div{ width: 25% !important; }
.image-md div{ width: 100% !important; }
.image-lg div{ width: 100% !important; }
.image-xl div{ width: 100% !important; }
.image div{ width: 100% !important; }
.content-footer-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.content-footer-sm{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-md{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.navigation-md ul{ display: flex;display: none; }
.navigation-md menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-md menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-lg ul{ display: flex;display: none; }
.navigation-lg menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-lg menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl ul{ display: flex;display: none; }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-md .responsive{ display: block !important; }
.navigation-lg .responsive{ display: block !important; }
.navigation-xl .responsive{ display: block !important; }
.header-md{ flex-direction: column; }
.header-lg{ flex-direction: column; }
.header-xl{ flex-direction: column; }
.header-md logo{ width: 15%;margin: auto; }
.header-lg logo{ width: 15%;margin: auto; }
.header-xl logo{ width: 15%;margin: auto; }
.header-md div button{ width: 100%;margin-bottom: 10px;}
.header-md div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-lg div button{ width: 100%;margin-bottom: 10px;}
.header-lg div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-xl div button{ width: 100%;margin-bottom: 10px;}
.header-xl div input[type=text]{ width: 100%;margin-bottom: 10px; }

.header-md div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-lg div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-xl div.textual{ text-align: center !important;padding-bottom: 20px; }

.row-md .top-bar-left{ text-align: center !important; }
.row-md .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-lg .top-bar-left{ text-align: center !important; }
.row-lg .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-xl .top-bar-left{ text-align: center !important; }
.row-xl .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.image-xs div{ width: 25% !important; }
.image-sm div{ width: 25% !important; }
.image-md div{ width: 25% !important; }
.image-lg div{ width: 100% !important; }
.image-xl div{ width: 100% !important; }
.image div{ width: 100% !important; }
.content-footer-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.content-footer-sm{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-md{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-lg{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.content-footer-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.navigation-lg ul{ display: flex;display: none; }
.navigation-lg menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-lg menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl ul{ display: flex;display: none; }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-lg .responsive{ display: block !important; }
.navigation-xl .responsive{ display: block !important; }
.header-lg{ flex-direction: column; }
.header-xl{ flex-direction: column; }
.header-lg logo{ width: 10%;margin: auto; }
.header-xl logo{ width: 10%;margin: auto; }
.header-lg div button{ width: 100%;margin-bottom: 10px;}
.header-lg div input[type=text]{ width: 100%;margin-bottom: 10px; }
.header-xl div button{ width: 100%;margin-bottom: 10px;}
.header-xl div input[type=text]{ width: 100%;margin-bottom: 10px; }

.header-lg div.textual{ text-align: center !important;padding-bottom: 20px; }
.header-xl div.textual{ text-align: center !important;padding-bottom: 20px; }

.row-lg .top-bar-left{ text-align: center !important; }
.row-lg .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
.row-xl .top-bar-left{ text-align: center !important; }
.row-xl .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
.drop-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-sm{ *zoom: 1;display: flex;flex-wrap: wrap;}
.drop-md{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px;}
.drop-lg{ *zoom: 1;display: flex;flex-wrap: wrap;margin-left: -15px;}
.drop-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column;position: relative !important;}
.image-xs div{ width: 25% !important; }
.image-sm div{ width: 25% !important; }
.image-md div{ width: 25% !important; }
.image-lg div{ width: 25% !important; }
.image-xl div{ width: 100% !important; }
.content-footer-xs{ *zoom: 1;display: flex;flex-wrap: wrap;}
.content-footer-sm{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-md{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-lg{ *zoom: 1;display: flex;flex-wrap: wrap; }
.content-footer-xl{ *zoom: 1;display: flex;flex-wrap: wrap;flex-direction: column; }
.navigation-xl ul{ display: flex;display: none; }
.navigation-xl menuButton{ padding: 15px;display: block;border-bottom: solid 1px #ccc;display: block; }
.navigation-xl menuButton i{ float: right;padding-top: 0px;font-size: 20px;cursor: pointer; }
.navigation-xl .responsive{ display: block !important; }
.header-xl{ flex-direction: column; }
.header-xl logo{ width: 10%;margin: auto; }
.header-xl div button{ width: 100%;margin-bottom: 10px;}
.header-xl div input[type=text]{ width: 100%;margin-bottom: 10px; }

.header-xl div.textual{ text-align: center !important;padding-bottom: 20px; }

.row-xl .top-bar-left{ text-align: center !important; }
.row-xl .top-bar-right{ text-align: center !important;padding-bottom: 10px; }
}