/*
Theme Name: theme48646
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme48646
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

theme48646 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import "css/form.css";
@import "css/grid.css";
@import "css/camera.css";
@import "css/superfish.css";
@import "css/touchTouch.css";
@import "css/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Lato:300);
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//fonts.googleapis.com/css?family=Lato:700);
/*css*/
body {
  font-weight: 300;
  background-color: #fff;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  line-height: 22px;
  color: #797979;
}
body p {
  margin-bottom: 22px;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  outline: none;
}
* {
  -webkit-text-size-adjust: none;
}
h2 {
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  font-size: 36px;
  color: #384656;
  border-bottom: 1px #a5acb3 solid;
  padding-bottom: 9px;
  margin: 5px 0 32px;
}
h3 {
  line-height: 28px;
  text-transform: uppercase;
  color: #384656;
  font-size: 30px;
  border-bottom: 1px #a5acb3 solid;
  padding-bottom: 8px;
  margin-bottom: 38px;
}
h4 {
  line-height: 22px;
  color: #384656;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 19px;
  padding-top: 30px;
}
h5 {
  color: #384656;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
}
h6 {
  color: #384656;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
}

.extra_wrapper {
  overflow: hidden;
}
/************Header************/
header {
  padding-top: 5px;
}
header h1 {
  margin-bottom: 40px;
  float: left;
}
header h1 img {
  display: inline-block;
}
header .div1 {
  line-height: 16px;
  float: right;
  padding-top: 7px;
  color: #2f3a47;
  font-size: 15px;
}
header .div1 div {
  display: inline-block;
}
header .div1 div figure {
  display: inline-block;
  margin: 2px 3px 0 0;
}
header .div1 div + div {
  border-left: 0px solid #81888f;
  padding-left: 0px;
  margin-left: 0px;
}
header .div1 a:hover {
  color: #e65a4c;
}
header .div1 a span {
  margin: 5px 5px 0 0;
  display: inline-block;
  width: 15px;
  background: url('images/icon2.png') no-repeat;
  height: 10px;
}
header .div1 a:hover span {
  background-position: 0 bottom;
}
/************Contact***********/
header .div1 .phone {
  display: block;
  padding: 10px 0;
}
header .div1 .phone a span {
  margin: 2px 5px 0 0;
  display: inline-block;
  width: 15px;
  background: url('../images/icon1.png') no-repeat;
  height: 14px;
}
#logo {
  font-size: 15px;
  position: relative;
  color: #2f3a47;
  line-height: 16px;
  float: left;
  margin-top: 0px;
}

/************Content***********/
#content {
  padding: 20px 0 30px;
}
/********Page1********/
.art {
  color: #fff;
  margin-bottom: 31px;
  text-align: center;
  padding: 30px 28px 40px;
}
.art .div1 {
  margin-bottom: 13px;
  position: relative;
  padding-bottom: 11px;
}
.art .div1 a {
  line-height: 30px;
  text-transform: uppercase;
  font-size: 36px;
}
.art p {
  margin-bottom: 0;
}
.art .div1:before {
  height: 3px;
  position: absolute;
  width: 181px;
  content: '';
  background: #fff;
  left: 15%;
  bottom: 0;
}
.bg1 {
  background: #99b563;
  border: 1px solid #90a961;
}
.bg1 a:hover {
  color: #c7e888;
}
.bg2 {
  background: #5b82ab;
  border: 1px solid #4b7097;
}
.bg2 a:hover {
  color: #7eacdd;
}
.bg3 {
  background: #da5c4f;
  border: 1px solid #e65a4c;
}
.bg3 a:hover {
  color: #f29086;
}
.block {
  padding: 21px 39px 0 51px;
  overflow: hidden;
  margin: 30px 0 55px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0);
  box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0);
}
.block figure {
  float: right;
  margin-left: 26px;
}
.block1 {
  margin-bottom: 30px;
}
.block1 p {
  margin-bottom: 0;
}
.block1 figure {
  margin: 3px 0 22px;
}
.block1 div {
  margin-bottom: 17px;
}
.block1 div a {
  font-weight: 400;
  color: #384656;
  font-size: 20px;
}
.block1 div a:hover {
  color: #e65a4c;
}
.block2:hover .aps {
  display: block;
  top: -10px;
  left: -8px;
  right: -11px;
  bottom: -10px;
  background: #e6e7e9;
  transition: 0.5s ease;
  webkit-transition: 0.5s ease;
}
.block2 {
  background: #edeef0;
  position: relative;
  padding: 19px 11px 34px;
}
.block2:hover {
  background: #e6e7e9;
}
.block2 .aps {
  position: absolute;
  content: '';
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}
.block2 .ins {
  position: relative;
  z-index: 1;
}
.block2 figure {
  position: relative;
}
.block2 p {
  margin-bottom: 14px !important;
}
.block2 .lightbox {
  border: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.block2 .lightbox:hover {
  background: #e6e7e9;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.block2 .lightbox span {
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(images/magnify1.png) -100px center no-repeat;
}
.div2 {
  margin-bottom: 55px;
}
.div2 p {
  margin-bottom: 16px;
}
.div2 .a1 {
  margin-top: 8px;
}
.div3 {
  margin-bottom: 50px;
}
.div3 p {
  margin-bottom: 16px;
}
.art1 time {
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  margin: 2px 35px 10px 0;
  font-weight: 400;
  float: left;
  color: #3e454c;
}
.art1 time span {
  font-size: 50px;
  display: block;
  line-height: 40px;
  color: #ff7275;
  margin-bottom: 9px;
}
.art1 .div5 {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 25px;
  font-weight: 400;
  color: #3e454c;
}
.art1 figure {
  margin-bottom: 21px;
}
.art1 p {
  margin-bottom: 18px;
}
.art1 .div6 {
  color: #f15f43;
  line-height: 25px;
  text-transform: uppercase;
  color: #de5648;
  padding-bottom: 4px;
  position: relative;
  margin-bottom: 30px;
  text-align: left;
  font-weight: 400;
  border-bottom: 3px solid #ff7275;
}
.art1 .div6 div {
  color: #ff7275;
  bottom: 5px;
  position: absolute;
  right: 0;
}
.art1 .div6 div span {
  color: #3e454c;
  font-family: 'arial';
  font-size: 14px;
}
.art1 {
  margin-bottom: 55px;
}
/********Images*******/
a.lightbox {
  display: block;
  position: relative;
}
a.lightbox span {
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(images/magnify.png) -100px center no-repeat;
}
a.lightbox:hover span {
  background-position: center center;
}
/*********Text********/
.p1 {
  font-weight: 600;
}
/********Links********/
a {
  outline: none;
  text-decoration: none;
  color: inherit;
  transition: 0.5s ease;
  webkit-transition: 0.5s ease;
}
a:hover {
  color: #e65a4c;
}
.a1 {
  border: 1px solid #a8aeb5;
  padding: 9px 42px 11px;
  display: inline-block;
  color: #a8aeb5;
}
.a1:hover {
  color: #e65a4c;
  border-color: #f4b7b0;
}
.a2 {
  line-height: 22px;
  text-transform: uppercase;
  color: #384656;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.a3 {
  color: #9ea4ac;
  border: 1px solid #a8aeb5;
  display: inline-block;
  padding: 9px 44px 11px;
}
.a3:hover {
  color: #009cff;
  border-color: #81c6f3;
}
.a4 {
  color: #99b563;
  border: 1px solid #d1ddb9;
  display: inline-block;
  padding: 9px 44px 11px;
}
.a4:hover {
  color: #e65a4c;
  border-color: #f4b7b0;
}
.a5 {
  text-decoration: underline;
  color: #f1755c;
}
.a5:hover {
  color: #2f3a47;
}
/********List********/
.list1 {
  line-height: 18px;
  text-align: left;
  margin-bottom: 20px;
}
.list1 li {
  letter-spacing: -0.5px;
  position: relative;
  padding-left: 21px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.list1 li:before {
  content: "\f058";
  font-family: FontAwesome;
  color: #de5648;
  left: 0;
  position: absolute;
  top: 2px;
}
.gal p {
  margin-bottom: 10px;
}
.gal li {
  margin-bottom: 55px;
}
.gal1 li {
  margin-bottom: 50px;
}
/*******Indent*******/
.pad1 {
  padding-top: 32px;
}
.mrg1 {
  margin-bottom: 40px;
}
/************Footer************/
footer {
  text-align: center;
  padding-bottom: 20px;
  text-transform: uppercase;
}
footer .div {
  padding-top: 25px;
  background: url('images/line1.jpg') repeat-x;
}
footer .privacy {
  margin-bottom: 18px;
}
footer .privacy a {
  position: relative;
  margin-left: 14px;
}
footer .privacy a:before {
  left: -11px;
  position: absolute;
  color: #868c8e;
  content: '\2022';
  font-size: 16px;
  top: -2px;
}
footer .socials a + a {
  margin-left: 10px;
}
footer .socials a span {
  width: 37px;
  display: inline-block;
  height: 36px;
}
footer .socials a:hover span {
  background-position: 0 bottom;
}
footer .socials a .icon1 {
  background: url('images/icon4.png') 0 0 no-repeat;
}
footer .socials a .icon2 {
  background: url('images/icon5.png') 0 0 no-repeat;
}
footer .socials a .icon3 {
  background: url('images/icon6.png') 0 0 no-repeat;
}
/********Map********/
.map {
  padding: 3px 0 28px;
  overflow: hidden;
  font-weight: 300;
}
.map figure {
  display: block;
  margin-bottom: 25px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.map figure iframe {
  width: 100%;
  height: 310px;
  max-width: 100%;
  padding-top: 4px;
}
.map address {
  line-height: 22px;
  font-style: normal;
  display: block;
  font-weight: normal;
}
.map address dt {
  margin-bottom: 6px;
  color: #384656;
  line-height: 22px;
  font-weight: 400;
  font-size: 20px;
}
.map address dd {
  height: 22px;
}
.map address dd span {
  color: inherit;
  padding: 0;
  min-width: 84px;
  display: inline-block;
  text-align: left;
}
.map address dd a {
  color: #ff7275;
  text-decoration: underline;
}
.map address dd a:hover {
  color: #384656;
}
/*--------------To_Top----------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 55%;
  margin-left: 500px;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border: none;
  text-indent: -999px;
  z-index: 20;
  background: url(images/totop.png) no-repeat left 0;
  transition: 0s ease;
  -o-transition: 0s ease;
  -webkit-transition: 0s ease;
}
#toTop:hover {
  outline: none;
  background-position: right 0;
}
/*---------search---------*/
#search {
  font-size: 15px;
  position: relative;
  color: #2f3a47;
  line-height: 16px;
  float: right;
  margin-top: 8px;
}
#search span {
  display: inline-block;
  padding: 10px 5px 0 0;
}
#search input {
  border: 1px solid #e5e5e5;
  position: relative;
  width: 216px;
  height: 32px;
  background: none;
  padding: 0 25px 0 15px;
  outline: none;
  background: url('images/bg2.png') repeat-x;
  border-radius: 4px !important;
  margin-bottom: 15px;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  line-height: 16px;
  color: #868c8e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#search fieldset {
  position: relative;
  text-align: center;
}
#search .error {
  position: absolute;
  overflow: hidden;
  display: none;
  font-size: 10px;
  top: 0;
  color: red;
  right: 48px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#search .success {
  border-radius: 0;
  padding: 0;
  border: 1px solid #40515e;
  text-align: center;
  background: #b6b6b6;
  position: absolute;
  z-index: 10;
  display: none;
  top: 0;
  width: 85%;
  color: #40515e;
}
#search label.invalid .error {
  height: 19px;
}
#search .a7 {
  position: absolute;
  width: 15px;
  top: 11px;
  right: 5px;
  display: block;
  height: 16px;
  cursor: pointer;
  background: url('images/icon3.png') no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#search .a7:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1199px) {
  header nav {
    display: inline-block;
  }
  .block {
    padding: 40px 5px 0 30px;
  }
  .block figure {
    margin: 30px 0 0 10px;
  }
  .art .div1:before {
    left: 13%;
  }
  h3 {
    font-size: 25px;
    line-height: 23px;
  }
  h2,
  .art .div1 a {
    font-size: 30px;
    line-height: 28px;
  }
  #content img {
    width: 100%;
  }
  .list1 {
    font-size: 14px;
    line-height: 13px;
  }
}
@media only screen and (max-width: 995px) {
  #search {
    float: none;
    display: inline-block;
  }
  .a1 {
    margin-bottom: 20px;
  }
  header,
  #content {
    text-align: center;
  }
  .caption {
    top: 47% !important;
    left: 18px !important;
  }
  .caption a {
    font-size: 22px !important;
  }
  .caption div {
    padding: 10px 4px 10px 13px !important;
    font-size: 14px;
    line-height: 16px;
  }
  .art {
    padding: 20px 18px 30px;
  }
  .art .div1 a {
    font-size: 25px;
    line-height: 23px;
  }
  .art .div1:before {
    left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  header h1 {
    float: none;
    display: inline-block;
  }
  .caption {
    display: none !important;
  }
  header .div1 {
    float: none;
    margin-bottom: 15px;
  }
  .art .div1:before {
    width: 88%;
    left: 5%;
  }
  .block {
    padding: 15px 10px 0;
  }
  .block figure {
    float: none;
    margin: 0 0 20px;
  }
  header nav {
    display: block;
  }
  .art1 time {
    margin: 2px 15px 10px 0;
  }
  .block2:hover .aps {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
}
@media only screen and (max-width: 480px) {
  header h1 img {
    width: 100%;
  }
  .art1 time {
    float: none;
    margin-bottom: 20px;
    display: block;
  }
  header .div1 div + div {
    border-left: none;
    margin-top: 10px;
  }
  header .div1 div {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  #search span {
    float: left;
  }
  .div6 {
    font-size: 13px;
    line-height: 20px;
  }
  header .div1 div {
    display: block;
  }
}
/*Core variables and mixins*/

#secondary .widget {
  margin-top: 52px;
}
#secondary .widget:first-child {
  margin-top: 0;
}
#secondary .widget ul,
section.error-404 .widget ul {
  line-height: 18px;
  text-align: left;
  margin-bottom: 20px;
}
#secondary .widget ul li,
section.error-404 .widget ul li {
  letter-spacing: -0.5px;
  position: relative;
  padding-left: 21px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
#secondary .widget ul li:before,
section.error-404 .widget ul li:before {
  content: "\f058";
  font-family: FontAwesome;
  color: #de5648;
  left: 0;
  position: absolute;
  top: 2px;
}

.page-header .page-title {
  float: none;
}

section.error-404 .search-form {
  margin-bottom: 50px;
}
section.error-404 .widget {
  margin-bottom: 50px;
}

.search-form .screen-reader-text {
  padding-top: 6px;
  display: inline-block;
}
.search-form input[type="search"] {
  border: #eaeaea solid 1px;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  -webkit-box-sizing: border-box; /* Safari */
  padding: 8px 13px 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 18px;
  color: #868c8e;
  font-size: 16px;
  outline: none;
}
.search-form input[type="submit"] {
  background: #ff7275;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  color: #fff;
  display: inline-block;
  padding: 8px 29px;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  cursor: pointer;
  transition: 0.5s ease;
  webkit-transition: 0.5s ease;
}
.search-form input[type="submit"]:hover {
  background: #2f3a47;
}

header .div1 .phone a span {
    margin: 2px 5px 0 0;
    display: inline-block;
    width: 15px;
    background: url(./images/icon1.png) no-repeat;
    height: 14px;
}