@import "https://livedemo00.template-help.com/wt_51901/css/animate.css";

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

@import url(https://fonts.googleapis.com/css?family=Lato:400);

@import url(https://fonts.googleapis.com/css?family=Lato:700);

@import url(https://fonts.googleapis.com/css?family=Lato:100);

@import url(https://fonts.googleapis.com/css?family=Lato:300);

@import url(https://fonts.googleapis.com/css?family=Lato:400italic);





@import url(https://fonts.googleapis.com/css?family=Nova+Square);





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

                    Main layout styles

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

body {

  font: 400 15px/22px "Lato", sans-serif;

  color: #777777;

  background: #f2f2f2;

}

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}

a {

  text-decoration: none;

  color: inherit;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

a:hover {

	color: #6699FF;

}

img {

  max-width: 100%;

}

* {

  -webkit-text-size-adjust: none;

}

/* ======= Headers ======= */

h2 {

  font: 700 68px/73px "Lato", sans-serif;

  color: #333333;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  h2 {

    font-size: 40px;

    line-height: 44px;

  }

}

h2 .thin {

  font-weight: 100;

}

.header1 {

  text-align: center;

  margin-bottom: 50px;

}

h3 {

	font: 400 27px/28px "Lato", sans-serif;

	color: #ffffff;

	text-transform: uppercase;

	text-shadow: 3px 3px 7px #333;

}

h4 {

  font: 300 17px/28px "Lato", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

}

h5 {

  font: 400 18px/22px "Lato", sans-serif;

  color: #777777;

  text-transform: uppercase;

}

h6 {

  font: 700 68px/73px "Lato", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

}

@media (max-width: 767px) {

  h6 {

    font-size: 40px;

    line-height: 44px;

  }

}

h6 .thin {

  display: block;

  font-weight: 100;

}

h6 .thin.__inset1 {

  display: inline;

}



g4 {

  font: 400 16px/22px "Lato", sans-serif;

  color: #ffffff;

  text-transform: lowercase;

}





/* ======= Buttons ======= */

.btn-simple {

  text-transform: uppercase;

  font: 400 18px/28px "Lato", sans-serif;

  display: inline-block;

  color: #ffffff;

}

.btn-default {

  display: inline-block;

  background: #436eb3;

  color: #ffffff;

  text-transform: uppercase;

  font: 700 16px/16px "Lato", sans-serif;

  padding: 9px 27px 11px;

}

.btn-default:hover {

  background: #32a41f;

  color: #ffffff;

}

.btn-big {

  display: inline-block;

  background: #436eb3;

  font: 400 24px/33px "Lato", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

  text-align: center;

  padding: 18px 40px 20px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.btn-big:hover {

  background: #32a41f;

  color: #ffffff;

}

/* ======= Modifiers ======= */

.__display-none {

  display: none;

}

.__display-inline {

  display: inline;

}

.__hover-color {

  color: #436eb3;

}

.__upper {

  text-transform: uppercase;

}

.__normal {

  font-weight: 400;

}

i {

  font-style: italic;

}

.__relative {

  position: relative;

}

/* ======= Wrappers ======= */

.wrapper1 {

  padding: 88px 0 101px;

  position: relative;

}

.wrapper1:after {

  bottom: 0;

  content: '';

  display: block;

  height: 1px;

  width: 100%;

  overflow: hidden;

  position: absolute;

  background: url(../images/border1.png) repeat-x;

}

.wrapper2 {

  padding: 57px 0 99px;

}

.wrapper2 .header1 {

  margin-bottom: 45px;

}

.wrapper3 {

  padding: 87px 0 96px;

  position: relative;

}

.wrapper3:after {

  bottom: 0;

  content: '';

  display: block;

  height: 1px;

  width: 100%;

  overflow: hidden;

  position: absolute;

  background: url(../images/border1.png) repeat-x;

}

.wrapper3 h2 {

  text-transform: none;

}

.wrapper4 {

  padding: 87px 0 55px;

  position: relative;

}

.wrapper4:after {

  bottom: 0;

  content: '';

  display: block;

  height: 1px;

  width: 100%;

  overflow: hidden;

  position: absolute;

  background: url(../images/border1.pmg) repeat-x;

}

.wrapper4 h2 {

  text-transform: none;

}

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

                    HEADER styles

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

#header.main {

  position: absolute;

  left: 0;

  right: 0;

  z-index: 300;

  top: 0;

}

@media (max-width: 767px) {

  #header.main {

    position: relative;

  }

}

#header #stuck_container {

  position: relative;

  z-index: 100;

  padding: 23px 0 24px;

  background: url(../images/background0.png) repeat;

}

#header #stuck_container.isStuck {

  padding: 3px 0 0;

}

@media (max-width: 767px) {

  #header #stuck_container {

    background: #f2f2f2;

  }

}

#header #stuck_container.common {

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

  background-size: cover;

}

@media (max-width: 767px) {

  #header {

    text-align: center;

  }

}

/* ======= Logo ======= */

h1 {

  display: inline-block;

  float: left;

  font: 700 83px/29px "Lato", sans-serif;

  color: #333333;

  text-transform: lowercase;

  letter-spacing: -0.04em;

  position: relative;

}

@media (max-width: 767px) {

  h1 {

    float: none;

    margin-bottom: 30px;

  }

}

h1:before {

  content: '';

  display: block;

  position: absolute;

  background: url(../images/logo1.png) no-repeat center 0;

  width: 15px;

  height: 20px;

  left: 30px;

  top: -17px;

}

h1 a:hover {

  color: #333333;

}

/* ======= Main menu variables ======= */

/* ======= Sub menus common variables ======= */

/* ======= First level sub menu variables ======= */

/* ======= Second level sub menu variables ======= */

nav {

  float: right;

}

@media (max-width: 767px) {

  nav {

    float: none;

  }

}

/* Main menu styles

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

.sf-menu > li {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	float: left;

	position: relative;

	text-align: center;

	margin-top: 16px;

}

.sf-menu > li + li {

  margin-left: 33px;

}

@media (max-width: 979px) {

  .sf-menu > li + li {

    margin-left: 20px;

  }

}

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

  font-family: FontAwesome;

  font-size: 10px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f0d7";

  color: #333333;

  bottom: -18px;

  left: 50%;

  margin-left: -3px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-menu > li > a {

  text-transform: uppercase;

  font: 400 17px/26px "Lato", sans-serif;

  display: inline-block;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #333333;

}

.sf-menu > li > a:hover {

  color: #436eb3;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.sf-menu > li > a:active {

  background: transparent;

  color: #436eb3;

}

.sf-menu .sfHover > a:after {

  color: #436eb3;

}

.sf-menu > li.current > a {

  color: #436eb3;

}

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

  color: #436eb3;

}

.sf-menu > li.sfHover > a {

  color: #436eb3;

}

.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

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

.sf-menu ul {

  display: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 135px;

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

  position: absolute;

  top: 57px;

  left: 83%;

  margin-left: -97.5px;

  background: #282828;

  text-align: center;

  padding: 28px 30px 35px 28px;

  z-index: 2;

}

.sf-menu ul li + li {

  margin-top: 25px;

}

.sf-menu ul li + li:before {

  content: '';

  display: block;

  position: absolute;

  width: 120px;

  height: 1px;

  background: #404040;

  left: 0;

  top: -12px;

  left:-20px;

}

.sf-menu ul li {

  position: relative;

  display: block;

}

.sf-menu ul li.first-child:before {

  display: none;

}

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

  font-family: FontAwesome;

  font-size: 10px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f0da";

  color: #777777;

  bottom: -1px;

  right: 15px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-menu ul li a {

  color: #777777;

  text-transform: none;

}

.sf-menu ul li a:hover {

  color: #ffffff;

}

.sf-menu ul > .sfHover > a:after {

  color: #ffffff;

}

.sf-menu ul li.sfHover > a {

  color: #ffffff;

}

/* Second level sub-menu styles

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

.sf-menu ul ul {

  position: absolute;

  top: -26px;

  left: 175px;

  margin-left: 0;

  background: #282828;

  z-index: 4;

}

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

  .sf-menu {

    display: none;

  }

  nav {

    width: 100%;

    float: none;

  }

  .select-menu {

    border-radius: none;

    display: block;

    text-transform: capitalize;

    float: none;

    color: #436eb3;

    width: 100%;

    background: #ffffff;

    font: 22px/28px "Lato", sans-serif;

    text-align: left;

    border: 1px solid #c1c1c1;

    padding: 2px 0;

    position: relative;

  }

  .select-menu option {

    text-align: left;

    position: relative;

  }

}

/*Core variables and mixins*/

/* Stuck menu styles

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

.isStuck {

  z-index: 999;

  position: fixed;

  -webkit-box-shadow: 0 0 4px 0 #000000;

  box-shadow: 0 0 4px 0 #000000;

}

.isStuck h1 {

  font-size: 40px;

  line-height: 40px;

}

.isStuck h1:before {

  width: 10px;

  height: 14px;

  background-size: contain;

  left: 16px;

  top: 0;

}

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

  .isStuck {

    display: none !important;

  }

}

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

                    CONTENT styles

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

/* ======= Banner 1 Perfect products ======= */

.banner1 {

  background: url(../images/background2.jpg) repeat-y center;

  background-size: cover;

  padding: 87px 0 86px;

  text-align: center;

}

.banner1 p {

  font: 300 17px/28px "Lato", sans-serif;

  color: #ffffff;

}

.banner1 h6 {

  margin-bottom: 13px;

}

/* ======= banner 2 who we are ======= */

.banner2 {

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

  background-size: cover;

  padding: 91px 0 114px;

}

.banner2 h6 {

  text-align: center;

}

/* ======= Post 1 Who we are ======= */

.post1 {

  margin-top: 64px;

  margin-bottom: 10px;

  position: relative;

  padding-left: 168px;

}

@media (max-width: 479px) {

  .post1 {

    padding-left: 0;

    padding-top: 160px;

    text-align: center;

  }

}

.post1:hover .label {

  background: #333333;

}

.post1 p {

	color: #ffffff;

	font: 300 17px/28px "Lato", sans-serif;

	text-shadow: 1px 1px 3px #000;

}

.post1 .label {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  left: 0;

  top: -10px;

  position: absolute;

  text-align: center;

  border-radius: 1000px;

  width: 144px;

  height: 144px;

  font: 400 87px/137px "Lato", sans-serif;

  color: #ffffff;

  background: #436eb3;

}

@media (max-width: 479px) {

  .post1 .label {

    top: 0;

    left: 50%;

    margin-left: -77px;

  }

}

.post1 .label:hover {

  background: #333333;

}

.post1 h3 {

  margin-bottom: 8px;

}

/* ======= banner 3 our projects ======= */

.banner3 {

  padding: 87px 0 100px;

}

/* ======= banner 4 cite ======= */

.banner4 {

  padding: 100px 0 100px;

  background: #436eb3;

}

/* ======= Blockquote 1 ======= */

.blockquote1 {

  color: #ffffff;

}

.blockquote1 .cite {

  font: 400 27px/33px "Lato", sans-serif;

  text-transform: uppercase;

  padding-top: 109px;

  position: relative;

}

.blockquote1 .cite:before {

  left: 0;

  top: 37px;

  font-family: FontAwesome;

  font-size: 98px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: '\f10d';

}

@media (max-width: 767px) {

  .blockquote1 .cite {

    text-align: left;

    font-size: 18px;

    line-height: 23px;

    padding-left: 50px;

    padding-top: 26px;

  }

  .blockquote1 .cite:before {

    font-size: 40px;

  }

}

.blockquote1 .by {

  display: inline-block;

  margin-top: 14px;

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

}

.blockquote1 .by a:hover {

  color: #333333;

}

@media (max-width: 767px) {

  .blockquote1 {

    text-align: center;

  }

}

/* ======= Banner 5 Our hisory ======= */

.banner5 {

  padding: 91px 0 100px;

  text-align: center;

}

.banner5 h3 {

  color: #333333;

  margin-bottom: 16px;

}

.banner5 a.btn-big {

  margin-top: 44px;

}

.banner5 .slogan {

  margin-top: -5px;

}

.banner5 p {

  font: 300 17px/28px "Lato", sans-serif;

}

.banner5.__inset1 {

  padding-top: 87px;

  padding-bottom: 55px;

}

.banner5.__inset1 p {

  margin-bottom: 37px;

}

/* ======= Banner 6 Our Contacts ======= */

.banner6 {

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

  background-size: cover;

  padding: 88px 0 115px;

}

.banner6 h2 {

  color: #ffffff;

}

/* ======= Banner 7 Why people choose us ======= */

.banner7 {

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

  background-size: cover;

  padding: 87px 0 82px;

}

.banner7 .slogan {

  margin-bottom: 37px;

}

.banner7 h6 {

  text-align: center;

  text-transform: none;

}

.banner7 p {

  font: 300 17px/28px "Lato", sans-serif;

  text-align: center;

  color: #ffffff;

  margin-bottom: 54px;

}

/* ======= Post 2 Why people choose us ======= */

.post2 {

  margin-right: 60px;

  padding-left: 98px;

  position: relative;

}

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

  .post2 {

    padding-left: 60px;

    margin-right: 0;

  }

}

@media (max-width: 767px) {

  .post2 {

    margin-bottom: 70px;

  }

}

.post2:hover .label {

  background: #333333;

  color: #436eb3;

}

.post2 .label {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  left: 0;

  top: -7px;

  position: absolute;

  text-align: center;

  border-radius: 1000px;

  width: 70px;

  height: 70px;

  color: #ffffff;

  background: #436eb3;

}

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

  .post2 .label {

    width: 50px;

    height: 50px;

    top: 4px;

  }

}

.post2 .label i {

  font-size: 24px;

  line-height: 70px;

}

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

  .post2 .label i {

    line-height: 50px;

  }

}

.post2 .label:hover {

  background: #333333;

  color: #436eb3;

}

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

  .post2 h4 {

    font-size: 13px;

  }

}

/* ======= Banner 8 Our stuff ======= */

.banner8 {

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

  background-size: cover;

  padding: 91px 0 86px;

}

.banner8 h2 {

  color: #ffffff;

}

.banner8 .header1 {

  margin-bottom: 42px;

}

/* ======= Post 3 Our Stuff ======= */

.post3 img {

  margin-bottom: 24px;

}

.post3 .who {

  display: block;

  margin-bottom: 0px;

  font: 400 14px/22px "Lato", sans-serif;

  color: #333333;

}

.post3 h3 {

  margin-bottom: 14px;

}

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

  .post3 h3 {

    font-size: 18px;

    line-height: 20px;

  }

}

.post3 p {

  font: 300 17px/28px "Lato", sans-serif;

  color: #ffffff;

}

.post3 a:hover {

  color: #333333;

}

@media (max-width: 767px) {

  .post3 {

    margin-bottom: 50px;

  }

  .post3 img {

    width: 100%;

  }

}

/* ======= Post 4 Our services ======= */

.post4 {

  text-align: left;

  padding-left: 69px;

  position: relative;

  font: 300 17px/28px "Lato", sans-serif;

}

.post4 h3 {

  color: #777777;

  margin-bottom: 8px;

}

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

  .post4 h3 {

    font-size: 18px;

    line-height: 18px;

  }

}

.post4 .label {

  left: 0;

  top: 6px;

  position: absolute;

}

.post4 .label i {

  font-size: 48px;

  color: #333333;

}

/* ======= Banner 9 Our stuff ======= */

.banner9 {

  background: #436eb3;

  padding: 87px 0 106px;

}

.banner9 h2 {

  color: #ffffff;

}

.banner9 .list1 {

  position: relative;

  text-align: right;

}



.banner9 .list1x {

  position: relative;

  text-align: left;

}



@media (max-width: 767px) {

  .banner9 .list1 {

    text-align: left;

    margin-bottom: 50px;

  }

  

  .banner9 .list1x {

    text-align: left;

    margin-bottom: 50px;

  }

  

  

}

.banner9 .list1:after {

	position: absolute;

	content: '';

	display: block;

	width: 1px;

	right: -18px;

	top: 3.6%;

	background: #FFFFFF;

	height: 93.3%;

}



.banner9 .list1x:after {

  position: absolute;

  content: '';

  display: block;

  width: 0px;

  right: -66px;

  top: 3.6%;

  background: #56984b;

  height: 93.3%;

}





@media (max-width: 767px) {

  .banner9 .list1:after {

    display: none;

  }

  

  .banner9 .list1x:after {

    display: none;

  }

  

  

}

.banner9 .header1 {

  margin-bottom: 42px;

}

.banner9 .main {

  font: 300 17px/28px "Lato", sans-serif;

  color: #ffffff;

}

/* ======= Banner 10 Latest news ======= */

.banner10 {

  background: url(../images/page4_img1.png) no-repeat center 0;

  background-size: cover;

  padding: 87px 0 150px;

}

.banner10 h2 {

  color: #ffffff;

  text-transform: none;

}

/* ======= Post 5 Latest news ======= */

.post5 {

  margin-top: -3px;

}

.post5 img {

  margin-top: 3px;

}

@media (max-width: 767px) {

  .post5 img {

    margin-bottom: 20px;

  }

}

.post5 .info {

  margin-top: 12px;

  margin-bottom: 8px;

}

.post5 .info span {

  display: inline-block;

  color: #ffffff;

  font: 400 12px/14px "Lato", sans-serif;

  position: relative;

  padding-left: 9px;

}

@media (max-width: 1199px) {

  .post5 .info span {

    display: block;

  }

}

.post5 .info span + span {

  margin-left: 10px;

}

@media (max-width: 1199px) {

  .post5 .info span + span {

    margin-left: 0;

  }

}

.post5 .info span:before {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 5px;

  width: 5px;

  height: 5px;

  border-radius: 10px;

  background: #ffffff;

}

.post5 p {

  color: #ffffff;

  font: 300 17px/28px "Lato", sans-serif;

}

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

  .post5 h3 {

    font-size: 17px;

    line-height: 18px;

  }

}

/* ======= banner 11 news & events ======= */

.banner11 {

  background: url(../images/page4_img4.png) no-repeat center 0;

  background-size: cover;

  padding: 91px 0 44px;

}

.banner11 h2 {

  color: #ffffff;

}

.banner11 .header1 {

  margin-bottom: 37px;

}

/* ======= Post 6 News & Events ======= */

.post6 {

  margin-bottom: 56px;

}

.post6 h3 {

  margin-bottom: 15px;

}

@media (max-width: 767px) {

  .post6 h3 {

    font-size: 20px;

    line-height: 24px;

  }

}

.post6 p {

  font: 300 17px/28px "Lato", sans-serif;

  color: #ffffff;

  padding-bottom: 23px;

  border-bottom: 1px solid #93918d;

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

  padding-right: 9px;

}

.post6 .info {

  margin-top: 20px;

}

.post6 .info .btn-simple {

  margin-left: 21px;

  margin-top: 7px;

}

.post6 time {

  display: inline-block;

  background: #436eb3;

  color: #ffffff;

  font: italic 18px/28px "Lato", sans-serif;

  text-transform: uppercase;

  padding: 7px 25px 7px 24px;

}

/* ======= Post 7 Interesting info ======= */

.post7 img {

  margin-top: 5px;

}

.post7 h3 {

  margin-bottom: 14px;

  color: #333333;

}

.post7 p {

  font: 300 17px/28px "Lato", sans-serif;

}

@media (max-width: 767px) {

  .post7 img {

    width: 100%;

    margin-bottom: 20px;

  }

}

/* ======= Banner 12 Useful links ======= */

.banner12 {

  background: #436eb3;

  padding: 87px 0 96px;

}

.banner12 .header1 {

  margin-bottom: 36px;

}

.banner12 h2 {

  color: #ffffff;

}

@media (max-width: 767px) {

  .banner12 .list2 {

    margin-bottom: 30px;

  }

}

/* ======= Post 8 Privacy Policy ======= */

.post8 {

  margin-top: -4px;

  margin-bottom: 44px;

}

.post8 h5 {

  margin-bottom: 17px;

}

.post8 .simple-link {

  display: inline-block;

  margin-top: 22px;

}

/* ======= List 1 ======= */

.list1 li {

  position: relative;

  font: 400 24px/36px "Lato", sans-serif;

  color: #ffffff;

}



.list1x li {

  position: relative;

  font: 400 24px/36px "Lato", sans-serif;

  color: #ffffff;

}





.list1 li a:hover {

  color: #333333;

}



.list1x li a:hover {

  color: #333333;

}







/* ======= List 2 ======= */

.list2 li {

  padding-left: 22px;

  position: relative;

  font: 400 14px/22px "Lato", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

}

.list2 li + li {

  margin-top: 14px;

}

.list2 li:before {

  font-family: FontAwesome;

  font-size: 14px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  line-height: 22px;

  color: #ffffff;

  left: 0;

  content: '\f0a9';

}

.list2 li a:hover {

  color: #333333;

}

/* ======= Socials buttons 1 ======= */

.socials1 {

  display: block;

  text-align: center;

}

.socials1 li {

  display: inline-block;

}

.socials1 li + li {

  margin-left: 8px;

}

.socials1 li a i {

  color: #333333;

  background: #ffffff;

  text-align: center;

  font-size: 31px;

  display: block;

  width: 60px;

  height: 60px;

  line-height: 62px;

  border-radius: 200px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.socials1 li a i:hover {

  background: #436eb3;

  color: #ffffff;

}

/* ======= Gallery  ======= */

.gallery_image {

  width: 32%;

  float: left;

  

}









@media (max-width: 767px) {

  .gallery_image {

    float: none;

    width: 100%;

    margin-bottom: 20px;

  }

}

.gallery_image a {

  display: block;

  position: relative;

}

.gallery_image a img {

  margin-bottom: 0;

}

@media (max-width: 979px) {

  .gallery_image a img {

    width: 100%;

  }

}

.gallery_image a:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

}

.gallery_image a:hover .gallery_icon {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.gallery_image a img {

  opacity: 1;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.gallery_image a .gallery_icon {

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  width: 97px;

  height: 97px;

  background: url(../images/hover-icon.png) no-repeat center;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -48px;

  margin-top: -48px;

}

/* ======= Google Map  ======= */

.google-map_main {

  position: relative;

  overflow: hidden;

}

.google-map_main iframe {

  width: 100%;

  height: 512px;

}

.google-map_main .info {

  background: url(../images/background5.png) repeat;

  text-align: center;

  color: #ffffff;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  bottom: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 7px 10px;

}

.google-map_main .info .our-address {

  display: block;

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

}

.google-map_main .info .phone {

  display: inline-block;

  padding-left: 19px;

  margin-top: 8px;

  position: relative;

}

.google-map_main .info .phone:before {

  font-family: FontAwesome;

  font-size: 44px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  color: #436eb3;

  left: 0;

  right: 92%;

  top: 24px;

  content: '\f095';

}

.google-map_main .info .phone span {

  display: block;

  font: 400 34px/47px "Lato", sans-serif;

}

@media (max-width: 979px) {

  .google-map_main .info .phone span {

    font-size: 25px;

    line-height: 30px;

  }

}

@media (max-width: 479px) {

  .google-map_main .info .phone span {

    font-size: 23px;

    line-height: 33px;

  }

}

/* ======= Google Map Contacts  ======= */

.google-map_contacts {

  margin-top: 49px;

}

.google-map_contacts iframe {

  width: 100%;

  height: 390px;

}

@media (max-width: 767px) {

  .google-map_contacts iframe {

    height: 200px;

  }

}

/* ======= Address  ======= */

.address-block {

  margin-top: 48px;

}

@media (max-width: 767px) {

  .address-block {

    margin-bottom: 50px;

  }

}

.address-block address {

  margin-bottom: 3px;

  font: 400 15px/22px "Lato", sans-serif;

}

.address-block .our-address {

  display: block;

  margin-bottom: 16px;

  font: 400 18px/22px "Lato", sans-serif;

  color: #777777;

  text-transform: uppercase;

}

.address-block .numbers {

  display: inline-block;

  min-width: 83px;

}

.simple-link {

  text-decoration: underline;

  color: #436eb3;

}

.simple-link:hover {

  color: #333333;

}

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

                    FOOTER styles

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

#footer {

  padding: 99px 0;

}

#footer p {

  margin-top: 29px;

  text-align: center;

  font: 300 13px/24px "Lato", sans-serif;

}

#footer .privacy-block {

  margin-top: 19px;

  text-align: center;

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

  color:#000000}

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

                    Widget styles

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

/* UItoTop styles

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

#toTop {

  display: none;

  text-decoration: none;

  position: fixed;

  bottom: 80px;

  right: 30px;

  overflow: hidden;

  border: none;

  color: #333333;

  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: #777777;

}

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

  #toTop {

    display: none !important;

  }

}

/*Core variables and mixins*/