@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

@import "animate.css";

@import "touchTouch.css";

@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700);

/*========================================================

										Main variables

=========================================================*/

/*hover color*/

/*hover 2 color*/

/*color of content*/

/*color of border*/

/*========================================================

										Typography

=========================================================*/

/*color of input fields in contact form*/

/*========================================================

										Main layout styles

=========================================================*/
.top_section{display:none;}
html,

body {

  margin: 0;

  padding: 0;

  height: 100%;

}

body {

  min-width: 300px;

  background: #11ADAC;

  color: #777777;

  font: 300 15px/25px "Lato", Arial, sans-serif;

}

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}

* {

  -webkit-text-size-adjust: none;

}

h1 {

  position: relative;

  display: inline-block;

  margin: 0;

  margin-top: 30px;

  margin-left: 26px;

  float: left;

}

h1 img {

  max-width: inherit;

}

.box-4 h1 {

  position: relative;

  display: inline-block;

  margin: 0;

  margin-top: 45px;

  margin-bottom: 14px;

  margin-left: 0;

  float: none;

}

h2 {

  font:bold 51px/71px 'Lato', Arial, sans-serif;

  color: #5A5A5A;

 
  margin-top: 90px;

  letter-spacing: -1px;

}

h3 {

  font: 100 21px/34px "Arial",Arial,sans-serif;

  color: #5A5A5A;

  

  margin-top: 0px;

}

h4 {

  font: 700 25px/30px 'Lato', Arial, sans-serif;

  color: #11ADAC;

  margin-top: 20px;

  

}

.top_section {

  position: relative;

  background: #ededed;

  overflow: hidden;

  padding: 10px 0 12px;

}

/*========================================================

										HEADER styles

=========================================================*/

#header {

  background: #f5f6f7;

  padding: 0;

  position: relative;

  z-index: 100;

  /*overflow: hidden;*/

}

/* Main menu styles

========================================================*/

/*========================================================

										menu variables

=========================================================*/

nav {

  margin-top: 0px;

  float: right;

  margin-right: 15px;

}

.sf-menu {

  float: right;
  
}

.sf-menu > li {

  float: left;
   
  position: relative;

  margin: 0 0 0 1px;

}

.sf-menu > li > a {

  display: inline-block;

  padding: 0px 15px;

  font: bold 16px/156px 'Lato', Arial, sans-serif;

  text-transform: uppercase;

  color: #00AEAE;

  /*background: @menu-bg-color;*/

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  /* rollover line =============================================*/

}

.sf-menu > li > a:hover {

  color: #fff;

  /*background: @menu-bg-hover-color;*/

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.sf-menu > li > a:hover strong {

  width: 100%;

  opacity: 1;

}

.sf-menu > li > a.sf-with-ul:after {

  content: '';

  position: absolute;

  width: 5px;

  bottom: 10px;

  left: 50%;

  pointer-events: none;

  z-index: 999;

  width: 0;

  height: 0;

  /*border-style: solid;

				border-width: 3px 3px 0 3px;

				border-color: #333 transparent transparent transparent;*/

}

.sf-menu > li > a strong {

  width: 0%;

  height: 100%;

  position: absolute;

  display: inline-block;

  left: 0;

  top: 0;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  z-index: -1;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background: #242424;

  border-bottom: 10px solid #11ADAC;

  opacity: 0;

  /* css triangle =============================================*/

  /*&:before {

					content: "";

					display: block;

					width: 0; 

					height: 0; 

					border-left: 7px solid transparent;

					border-right: 7px solid transparent;

					border-bottom: 7px solid #fa9183; 

					position: absolute;

					top: -5px;

					left: 50%;

					margin-left: -3px;

				}*/

}

.sf-menu > li.current > a {

  color: #ffffff;

  /*background: @menu-bg-hover-color;*/

}

.sf-menu > li.current > a strong {

  width: 100%;

  opacity: 1;

}

.sf-menu > li.sfHover > a {

  color: #ffffff;

  /*background: @menu-bg-hover-color;*/

}

.sf-menu > li.sfHover > a strong {

  width: 100%;

  opacity: 1;

}

.sf-menu a {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.sf-menu a:hover {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

/* First level sub-menu styles - submenu

========================================================*/

.sf-menu ul {

  position: absolute;

  top: 126px;

  left: 0px;

  background: #5A5A5A;

  padding: 25px 30px 10px;

  width: 195px;

  z-index: 2;

  display: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.sf-menu ul li {

  position: relative;

  text-align: left;

  line-height: 25px;

  margin-bottom: 10px;

  border-bottom: 1px solid #3d3a3a;

}

.sf-menu ul li:last-child {

  border-bottom: none;

}

.sf-menu ul li a {

  font: 15px/16px 'Lato', Arial, sans-serif;

  color: #ffffff;

  display: inline-block;

}

.sf-menu ul li a:hover {

  color: #11ADAC;

}

.sf-menu ul li a.sf-with-ul:after {

  /*content: '';*/

  font-family: 'FontAwesome';

  position: absolute;

  width: 5px;

  font-size: 13px;

  line-height: 13px;

  font-weight: normal;

  color: #5A5A5A;

  right: -4px;

  bottom: 1px;

  pointer-events: none;

  z-index: 999;

}

.sf-menu ul li.sfHover > a {

  color: #11ADAC;

}

/* Second level sub-menu styles - submenu2

========================================================*/

.sf-menu ul ul {

  position: absolute;

  top: -23px;

  left: 166px;

  width: 150px;

  background: #5A5A5A;

  /*padding: 10px 10px;*/

  z-index: 4;

}

.sf-menu ul ul li {

  /*line-height: 30px;*/

}

.sf-menu ul ul li a {

  color: #ffffff;

}

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

  .sf-menu > li > a {

    padding: 0 12px;

  }

}

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

  .sf-menu > li > a {

    padding: 0 10px;

  }

}

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

  .sf-menu {

    display: none;

  }

  nav {

    float: none;

    margin: 10px;

  }

  .select-menu {

    display: block;

    width: 100%;

    border-radius: 0px !important;

    -moz-border-radius: 0px !important;

    -webkit-border-radius: 0px !important;

    border: 2px solid #11ADAC;

    position: relative;

    outline: none !important;

    z-index: 1000;

    margin-top: 10px;

  }

}

/* Stuck menu styles

========================================================*/

.isStuck {

  background: #fff;

  padding: 0px 0 2px;

  z-index: 999;

}

.isStuck h1 {

  /*height: 100px;*/

}

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

  .isStuck {

    display: none !important;

  }

}

/*========================================================

										USEFUL styles

=========================================================*/

a {

  text-decoration: none;

  cursor: pointer;

  color: inherit;

  -webkit-transition: 0.4s all ease;

  transition: 0.4s all ease;

}

a:hover {

  color: #5A5A5A;

  text-decoration: none;

}

a.link1 {

  color: #5A5A5A;

}

a.link1:hover {

  color: #eb6654;

}

a.link2:hover {

  color: #11ADAC;

}

a.link3:hover {

  color: #5A5A5A;

}

a.link4 {

  color: #242424;

}

a.link4:hover {

  color: #11ADAC;

}

a.link5 {

  text-decoration: underline;

  color: #11ADAC;

}

a.link5:hover {

  color: #5A5A5A;

  text-decoration: underline;

}

a.link6 {

  color: #11ADAC;

}

a.link6:hover {

  color: #5A5A5A;

}

.link_arr:hover {

  color: #5A5A5A;

}

.banner1.v3 .link_arr:hover .icon2 {

  color: #5A5A5A !important;

}

.lh20 {

  line-height: 20px;

}

.txt1 {

  color: #888888;

  line-height: 34px;

  margin-top: 10px;

}

.txt2 {

  color: #11ADAC;

  font: bold 20px/24px 'Lato', Arial, sans-serif;

   

  margin-top: 40px;

}

.txt3 {

  max-width: 540px;

}

.txt4 {

  color: #fff;

  width: 100%;

  font: 900 25px/30px 'Lato', Arial, sans-serif;

  padding: 10px 10px 16px 17px;

  text-transform: uppercase;

  margin-top: 52px;

  background: #242424;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.txt5 {

  color: #fff;

  width: 100%;

  font: bold 72px/72px 'Lato', Arial, sans-serif;

  text-transform: uppercase;

  margin-top: 0px;

  letter-spacing: -1px;

}

.txt6 {

  color: #fff;

  width: 100%;

  font: 100 60px/60px 'Lato', Arial, sans-serif;

  text-transform: uppercase;

  margin-top: -5px;

}

.bd_top {

  border-top: 1px solid #c0c0c0;

  margin-top: 34px;

  padding-top: 8px;

}

.txt7 {

  color: #fff;

  font: 18px/20px 'Lato', Arial, sans-serif;

  padding: 11px 21px;

  text-transform: uppercase;

  margin-top: 12px;

  background: #11ADAC;

  font-style: italic;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: inline-block;

  margin-right: 19px;

}

.txt8 {

  display: inline-block;

  color: #333;

  font: bold 18px/20px 'Lato', Arial, sans-serif;

  text-transform: uppercase;

  margin-top: 23px;

}

.txt_section1 {

  text-align: right;

}

.txt_section2 {

  width: 100%;

  padding: 10px 10px 44px 19px;

  margin-top: 5px;

  background: #f2f2f2;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.color1 {

  color: #11ADAC;

}

.color2 {

  color: #fff;

}

.color3 {

  color: #333;

}

.box {

  overflow: hidden;

}

.box2 {

  overflow: hidden;

}

.bold {

  font-weight: bold;

}

.fw400 {

  font-weight: 400;

}

.fw600 {

  font-weight: 600;

}

.fz15 {

  font-size: 15px;

}

.circle {

  overflow: hidden;

  border-radius: 1000px;

}

.fleft {

  float: left;

}

.fright {

  float: right;

}

.clear {

  clear: both;

  width: 100%;

  font-size: 0;

  line-height: 0;

}

.wrapper {

  position: relative;

  overflow: hidden;

  width: 100%;

}

.txt_upp {

  text-transform: uppercase;

}

.txt_left {

  text-align: left;

}

.txt_right {

  text-align: right;

}

.txt_cntr {

  text-align: center;

}

.txt_ital {

  font-style: italic;

}

.txt_line_through {

  text-decoration: line-through;

}

.pos_rel {

  position: relative;

}

.txt_und {

  text-decoration: underline;

}

.padTop1 {

  padding-top: 10px;

}

.padBot1 {

  padding-bottom: 10px;

}

.padLeft1 {

  padding-left: 10px;

}

.padRight1 {

  padding-right: 10px;

}

.mar1 {

  margin: 0 7px;

}

.marRight1 {

  margin-right: 30px;

}

.marTop0 {

  margin-top: 0px;

}

.marTop1 {

  margin-top: 0px;

}

.marTop2 {

  margin-top: 53px;

  margin-bottom: -20px;

}

.marTop3 {

  margin-top: 13px;

}

.marTop4 {

  margin-top: 13px;

}

.marTop5 {

  margin-top: 19px;

}

.hline {

  width: 100%;

  height: 1px;

  background: #e5e5e5;

  margin-top: 30px;

  margin-bottom: 0px;

}

p {

  margin-top: 8px;

}

img {

  margin-bottom: 0px;

  max-width: 100%;

  height: auto;

}

.img_border {

  border: 1px solid #efefef;

  background: #f8f8f8;

  padding: 7px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-top: 10px;

}

.img1 {

  margin-top: 30px;

}

.img2 {

  margin-top: 34px;

  float: left;

  margin-right: 26px;

}

.img3 {

  margin-top: 50px;

}

.img4 {

  margin-top: 21px;

  float: left;

  margin-right: 32px;

}

blockquote {

  padding-left: 68px;

  padding-right: 0;

  background: url(../images/quote_sign.png) 0 7px no-repeat;

  margin-top: 21px;

  overflow: hidden;

}

blockquote p {

  margin-top: 0;

}

blockquote h4 {

  margin-top: 16px;

}

.num_section {

  font: 300 52px/52px 'Lato', Arial, sans-serif;

  float: left;

  color: #fa9183;

  width: 52px;

  display: block;

  margin-top: -10px;

}

.date_section {

  position: relative;

  width: 100%;

  max-width: 100px;

  background-color: #eb6654;

  float: left;

  text-align: center;

  margin-top: 43px;

  color: #fff;

  text-transform: uppercase;

}

.day {

  font: bold 37px/37px 'Lato', Arial, sans-serif;

  margin-top: 8px;

  display: block;

}

.month {

  font: 300 10px/12px 'Lato', Arial, sans-serif;

  margin-top: 3px;

  display: block;

}

/*========================================================

										LISTS

=========================================================*/

.listWithMarker {

  margin: 0;

  margin-top: 19px;

}

.listWithMarker li {

  display: block;

  padding-left: 23px;

  background: url(../images/list_marker.png) 0px 4px no-repeat;

  margin-bottom: 0;

  padding-bottom: 7px;

}

.listWithMarker li a {

  text-decoration: none;

  font: 300 15px/20px "Lato", Arial, sans-serif;

  text-transform: uppercase;

}

.listWithMarker li a:hover,

.listWithMarker li.current a {

  color: #11ADAC;

}

.list2 {

  margin: 0;

  margin-top: 38px;

}

.list2 li {

  display: block;

  padding-bottom: 26px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 25px;

}

.list2 li:last-child {

  border-bottom: none;

}

.list2 li a {

  color: #11ADAC;

  text-decoration: none;

  font: bold 20px/24px "Lato", Arial, sans-serif;

  text-transform: uppercase;

}

.list_num {

  color: #d0cfcf;

  font: bold 40px/40px "Lato", Arial, sans-serif;

  margin-top: -15px;

  display: inline-block;

  margin-right: 7px;

  -webkit-transition: 0.6s all ease;

  transition: 0.6s all ease;

}

.list2 li a:hover,

.listWithMarker li.current a {

  color: #5A5A5A;

}

.list2 li a:hover .list_num,

.listWithMarker li.current a .list_num {

  color: #11ADAC;

}

/*========================================================

										BUTTONS

=========================================================*/

.more_btn {

  display: inline-block;

  margin-top: 3px;

  padding: 10px 19px 11px;

  text-decoration: none;

  font: 15px/20px "Lato", Arial, sans-serif;

  color: #fff;

  background: #11ADAC;

  border-radius: 5px;

  margin-left: 7px;

}

.more_btn.v2 {

  color: #333;

  background: #dadada;

}

.more_btn:hover {

  color: #11ADAC;

  background: #5A5A5A;

}

.more_btn2 {

  display: inline-block;

  margin-top: 5px;

  text-decoration: none;

    padding: 12px 10px;
    font: bold 19px/22px "Lato", Arial, sans-serif;

  color: #fff;

  text-transform: uppercase;
border-radius: 5px;
  background: #11ADAC;
  border-color: Transparent;

}

.more_btn2.v2 {

  margin-top: 23px;

  padding: 17px 19px;

}

.more_btn2:hover{

  color: #11ADAC;

  background: #5A5A5A;

}

/*********************************start magnifier2*************************************/

.magnifier2 {

  position: relative;

  /* display:block; */

  display: inline-block;

}

.zoom {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  background: url(../images/magnifier2.png) 50% 50% no-repeat;

  -webkit-transition: 0.6s all ease;

  transition: 0.6s all ease;

}

a.magnifier2:hover .zoom {

  opacity: 1;

}

a.magnifier2 .zoom {

  opacity: 0;

}

/*********************************end magnifier2*************************************/

.lightbox-video {

  position: relative;

  display: inline-block;

  margin-top: 13px;

}

.lightbox-video span.video_icon {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url(../images/video_arrow.png) no-repeat 50% 50%;

  z-index: 1;

  opacity: 1;

}

.opacity1 {

  opacity: 0;

}

.lightbox-video span.video_title {

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1;

  background: #474747;

  color: #fff;

  padding: 4px 10px;

  font: bold 12px/20px Arial, Helvetica, sans-serif;

}

/*----------- start social icons ----------------*/

.soc_icons {

  position: relative;

  display: block;

  margin-top: 4px;

  white-space: nowrap;

  text-align: left;

  float: left;

 

}

.soc_icons > li {

  position: relative;

  display: inline-block;

  margin-left: 7px;

}

.soc_icons > li > a {
  position: relative;
  line-height: 1em;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
  width: 44px;
  height: 44px;
  display: inline-block;
  color: #fff;
  background: #11ADAC;
  text-align: center;
  border-radius: 500px;
}

.soc_icons i {

  font: normal normal 27px/44px 'FontAwesome';

}

.soc_icons > li > a:hover {

  color: #5A5A5A;

  text-decoration: none;

}

/*----------- end social icons ----------------*/

/*========================================================

										CONTENT styles

=========================================================*/

#content {

  padding: 0 0 0px 0;

  background: #fff;

  overflow: hidden;

}

.content_pages {
  padding-top: 100px !important;
  padding-bottom: 100px !important;

}

.box-2 {

  position: relative;

  background: #fff;

  margin-top: 0;

  padding: 0px 0 50px;

}

.box-2.v2 {

  padding-bottom: 97px;

}

.box-2.v3 {

  margin-top: 85px;

}

.box-3 {

  position: relative;

  background: url(../images/bg1.jpg) 50% 53% no-repeat #f2f2f2;

  margin-top: 0;

  padding: 10px 0 95px;

  text-align: right;

}

.box-4 {

  position: relative;

  background: #eee;

  margin-top: 0;

  padding: 45px 0 94px;

}

.box-5 {

  position: relative;

  background: url(../images/bg2.jpg) 50% 50% no-repeat #716754;

  margin-top: 75px;

  padding: 67px 0 76px;

}

.banners-main {

  position: relative;

  z-index: 101;

  margin-top: -250px;

}

.banner1 {

  float: left;

  margin-top: 0;

  margin-right: 0;

  width: 25%;

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

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 39px 20px 26px 40px;

  color: #fff;

}

.banner1.v2 {

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

}

.banner1.v3 {

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

  color: #333;

}

.banner1.v3 .banner_txt3 {

  color: #777;

}

.banner1.v3 .icon1,

.banner1.v3 .icon2 {

  color: #11ADAC;

}

.icon1 {

  font: normal normal 90px/90px 'FontAwesome';

  float: left;

  text-align: left;

  width: 102px;

  margin-right: 0;

}

.icon2 {

  font: normal normal 40px/40px 'FontAwesome';

  display: inline-block;

  margin-top: -7px;

  margin-left: 4px;

}

.icon3 {

  

  font: normal normal 70px/130px 'FontAwesome';

  float: left;

  text-align: center;

  margin-right: 21px;

  
  -webkit-transition: 0.4s all ease;

  transition: 0.4s all ease;

}

.icon3 i {

  line-height: inherit;

}

.icon3:hover {

  background: #242424;

}

.icon4 {

  font: normal normal 55px/55px 'FontAwesome';

  color: #242424;

  display: inline-block;

  margin-top: -10px;

  width: 63px;

}

.icon5 {

  font: normal normal 53px/53px 'FontAwesome';

  color: #11ADAC;

  margin-top: 31px;

  width: 69px;

  float: left;

}

.banner_txt1 {

  font: 700 61px/61px 'Lato', Arial, sans-serif;

  margin-top: -3px;

  text-transform: uppercase;

}

.banner_txt2 {

  font: 100 41px/41px 'Lato', Arial, sans-serif;

  margin-top: -5px;

  text-transform: uppercase;

}

.banner_txt3 {

  margin-top: 8px;

}

.col1 {

  float: left;

  width: 236px;

  margin-right: 31px;

}

.col1.last {

  margin-right: 0;

}

/**** start Map ****/

.map {

  margin-top: 17px;

  overflow: hidden;

}

.map figure {

  position: relative;

  display: block;

  width: 100%;

  margin-bottom: 3px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.map figure iframe {

  width: 100%;

  height: 374px;

  max-width: 100%;

}

.img_border.map {

  max-width: 535px;

}

/**** end Map ****/

/**** start address section ****/

.address1 {

  padding-top: 20px;

  display: block;

}

.address1 dt {

  font: bold 25px/30px 'Lato', Arial, sans-serif;

  color: #11ADAC;

  margin-bottom: 14px;

  text-transform: uppercase;

}

.address1 dd span {

  min-width: 80px;

  display: inline-block;

  text-align: left;

}

.address1 dd span.col1 {

  min-width: 0;

}

/**** end address section ****/

/*========================================================

										FOOTER styles

=========================================================*/

#footer {

  padding: 0px 0 17px;

  color: #777;

  overflow: hidden;

}

.txt_priv {

  margin-top: 17px;
  color: #fff;
  font: 300 15px/22px 'Lato', Arial, sans-serif;

  /*min-width: 280px;*/

}

/*========================================================

										Widget styles

=========================================================*/

/* UItoTop styles

========================================================*/

#toTop {

  display: none;

  text-decoration: none;

  position: fixed;

  bottom: 80px;

  right: 30px;

  overflow: hidden;

  border: none;

  color: #5A5A5A;

  width: 40px;

  height: 43px;

  font-size: 43px;

  line-height: 38px;

  z-index: 20;

  -webkit-transition: color 0.5s ease;

  transition: color 0.5s ease;

}

#toTop:hover {

  outline: none;

  color: #11ADAC;

}

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

  #toTop {

    display: none !important;

  }

}

/*========================================================

								RESPONSIVE LAYOUTS STYLES 

=========================================================*/

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

  .banners-main {

    margin-top: 0;

  }

  .banner1 {

    padding: 39px 10px 26px 10px;

  }

}

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

  .banner_txt1 {

    font: 700 41px/41px 'Lato', Arial, sans-serif;

    margin-top: 3px;

  }

  .banner_txt2 {

    font: 100 31px/31px 'Lato', Arial, sans-serif;

    margin-top: 5px;

  }

}

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

  .banner1 {

    width: 50%;

    margin-bottom: 1px;

    padding: 39px 20px 26px 40px;

  }

  .txt1 {

    line-height: 26px;

  }

  .txt2 {

    font: bold 15px/20px 'Lato', Arial, sans-serif;

  }

}

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

  .map figure,

  .map figure iframe,

  #form input,

  #form textarea,

  #form .success {

    width: 100% !important;

    float: none !important;

  }

  #form .success {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

  .map figure {

    height: auto !important;

    margin-bottom: 15px;

  }

  h1 img {

    max-width: 189px;

    margin-top: 22px;

  }

  .banner_txt1 {

    font: 700 28px/30px 'Lato', Arial, sans-serif;

  }

  .banner_txt2 {

    font: 100 29px/31px 'Lato', Arial, sans-serif;

  }

  .img_big {

    width: 100%;

    float: none;

    margin-right: 0;

  }

  figure a {

    width: 100%;

  }

  figure a img {

    width: 100%;

  }

}

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

  img {

    width: 100%;

  }

  img.no_resize,

  h1 img {

    width: auto;

  }

  .map figure iframe {

    height: 300px;

  }

  figure a {

    width: 100%;

  }

  h1 {

    float: none;

    margin-top: 10px;

  }

  .banner1 {

    width: 100%;

    margin-bottom: 1px;

  }

  .txt_section1 {

    text-align: left;

  }

  .box2 {

    overflow: visible;

  }

  .icon3 {

    width: 110px;

    height: 110px;

    font: normal normal 60px/110px 'FontAwesome';

    float: left;

    text-align: center;

    margin-right: 11px;

    color: #fff;

    background: #11ADAC;

    -webkit-transition: 0.4s all ease;

    transition: 0.4s all ease;

  }

  h2 {

    font: bold 51px/51px 'Lato', Arial, sans-serif;

  }

  

  .txt5 {

    font: bold 42px/42px 'Lato', Arial, sans-serif;

  }

  .txt6 {

    font: 100 30px/30px 'Lato', Arial, sans-serif;

    margin-top: 0;

  }

}

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

  h2 {

    font: bold 31px/31px 'Lato', Arial, sans-serif;

  }

  /*h1 {width: 100%; margin-left: 0; margin-bottom: 10px; float: none;}

	h1 img{width: 100%;}*/

  h4 {

    font: 700 17px/26px 'Lato', Arial, sans-serif;

  }

}

/*Core variables and mixins*/