@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
@import url(//fonts.googleapis.com/css?family=Comfortaa:400,300,700);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Candal);
/*========================================================
                    Main layout styles
=========================================================*/
body {
  overflow-x: hidden;
  background: url('../images/body-bg.png') repeat;
  font: 400 14px 'Ubuntu', sans-serif;
  color: #bbbaba;
  line-height: 20px;
}
p {
  line-height: 20px;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a {
  color: inherit;
  font: inherit;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  text-decoration: underline;
}
* {
  -webkit-text-size-adjust: none;
}
.divider {
  height: 1px;
  background-color: #d3d3d3;
}
.wrap-container {
  width: 1240px;
  margin: 0 auto;
}
.btn {
  text-align: center;
  padding: 19px 31px;
  background: #433f62;
  border-radius: 5px;
  font: 700 14px/16px 'Comfortaa', sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.btn:hover {
  color: #ec3237;
  text-decoration: none;
}
.bg-white {
  background: #fff;
}
.orange {
  color: #ffb351;
}
.red{
	color:#ec3237;
}
.dark {
  color: #433f62;
}
.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.topo{
	margin-top:-60px;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header .wrap-container {
  background: #3a3a3a;
}
#header .wrap-container .logo {
  position: relative;
  z-index: 1;
}
#header .wrap-container .logo h1 {
  position: absolute;
  top: 0;
  left: 0;
}
#header .wrap-container .logo h1 .logo-wrapper {
  position: relative;
  max-width: 206px;
}
#header .wrap-container .logo h1 img {
  top: 0;
  left: 0;
  z-index: 5;
}
#header .wrap-container .logo h1 .logo-name {
  position: absolute;
  top: 30px;
  left: 0;
  padding-left: 15px;
  line-height: 48px;
  color: #fefefe;
}
.logo-name {
  font: normal 46px roboto;
  font-family: 'Candal', sans-serif;
}
#header .wrap-container .logo h1 .slogan {
  position: absolute;
  bottom: 46px;
  left: 28px;
  font: 700 22px Arial, sans-serif;
  line-height: 24px;
  text-align: center;
  color: white;
}




#header .wrap-container .logo h1 .logo-heart {
  position: absolute;
  top: 19px;
  left: 20px;
}
#header .wrap-container .logo h1 .underline1,
#header .wrap-container .logo h1 .underline2 {
  position: absolute;
  top: 97px;
  left: 21px;
  width: 164px;
  height: 1px;
  background: rgba(254, 254, 254, 0.7);
}
#header .wrap-container .logo h1 .underline2 {
  top: 99px;
}

.testimonial { 
margin: 0; background: #B7EDFF;     
padding: 10px 50px;     
position: relative;     
font-family: Georgia, serif;     
color: #444;     
border-radius: 5px;     
font-style: italic;      
text-shadow: 0 1px 0 #ECFBFF;     
background-image: linear-gradient(#ECECEC, #EEEEEE); } 
.testimonial:before, 
.testimonial:after {     
content: "\201C";     
position: absolute;     
font-size: 80px;     
line-height: 1;     
color: #999;     
font-style: normal; } 
.testimonial:before {     
top: 0;     
left: 10px; } 
.testimonial:after {     
content: "\201D";     
right: 10px;     
bottom: -0.5em; 
} 
.arrow-down {     
width: 0;     height: 0;     
border-left: 15px solid transparent;     
border-right: 15px solid transparent;     
border-top: 18px solid #ECECEC;     
margin: 0 0 0 25px; 
margin-top:-2px;
} 

.testimonial-author {     
margin: 0 0 0 25px;     
color: #ffb351;     
text-align:left; 
font-size:24px;
} 


/* Main menu styles
========================================================*/
.sf-menu {
  float: right;
}
.sf-menu > li {
  float: left;
  position: relative;
  margin: 0 8px;
}
.sf-menu > li > a {
  display: inline-block;
  padding: 50px 21px 40px 15px;
  font: 400 14px/17px 'Comfortaa', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li:hover:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: #ec3237;
}
.sf-menu > li.last-child {
  margin-right: -21px;
}
.sf-menu > li.last-child > a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li.first-child {
  margin-right: 9px;
}
.sf-menu > li.current > a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: #ec3237;
}
.sf-menu > li.sfHover > a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: #ec3237;
}
.sf-menu > li.current.sfHover > a:after {
  content: none;
}
.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 {
  position: absolute;
  top: 112px;
  left: 0;
  background: #3a3a3a;
  padding: 10px 20px;
  width: 140px;
  z-index: 2;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-menu ul li {
  line-height: 30px;
  position: relative;
}
.sf-menu ul li a {
  color: #fff;
}
.sf-menu ul li a:hover {
  color: #ec3237;
}
.sf-menu ul li.sfHover > a {
  color: #ec3237;
}
.sf-menu > li > ul:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 35%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 2px 5px 2px;
  border-color: transparent transparent #3a3a3a transparent;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 125px;
  background: #3a3a3a;
  padding: 10px 20px;
  z-index: 4;
}
.sf-menu ul ul li {
  line-height: 30px;
}
.sf-menu ul ul li a {
  color: #fff;
}
.sf-menu > li > ul > li > ul:before {
  content: '';
  position: absolute;
  top: 20px;
  left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2px 5px 2px 0;
  border-color: transparent #3a3a3a transparent transparent;
}
@media only screen and (max-width: 1199px) {
  .sf-menu > li > a {
    padding: 50px 7px 40px 6px;
  }
  .sf-menu > li > a.last-child {
    padding-right: 7px;
  }
  .sf-menu > li.first-child {
    margin-right: 0;
  }
  .sf-menu > li.last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  .select-menu {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
/* Stuck menu styles
========================================================*/
.isStuck {
  background: #3a3a3a;
  padding: 0;
  min-height: 66px;
  z-index: 999;
}
.isStuck h1 img,
.isStuck h1 .slogan,
.isStuck h1 .underline1,
.isStuck h1 .underline2 {
  display: none;
}
.isStuck h1 .logo-name {
  top: 8px !important;
}
.isStuck .sf-menu > li > a {
  padding: 24px 21px 25px 15px;
}
.isStuck .sf-menu ul {
  top: 70px;
}
.isStuck .sf-menu ul ul {
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .isStuck .sf-menu > li > a {
    padding: 24px 7px 25px 6px;
  }
  .isStuck .sf-menu > li > a.last-child {
    padding-right: 7px;
  }
  .isStuck .sf-menu > li.first-child {
    margin-right: 0;
  }
  .isStuck .sf-menu > li.last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content .wrap-container {
  padding: 0 0 40px 0;
  background: #f6f6f6;
}
#content .wrap-container .pad-content {
  padding-top: 127px;
}
#content .top-image {
  position: relative;
  z-index: 0;
}
#content .top-image h4 {
  position: absolute;
  bottom: 99px;
  left: 0;
  right: 0;
  font: 400 28px 'Comfortaa', sans-serif;
  color: #fff;
  text-align: center;
  line-height: 55px;
}
#content .top-image h4 > span {
  padding: 8px 24px 8px;
  background: #433f62;
}
#content .top-image img {
  width: 100%;
}
#content .minh {
  min-height: 0;
}
#content .bg-content-top {
  background-color: #ec3237;
}
#content .box {
  margin-top: -15px;
  margin-bottom: 68px;
  position: relative;
}
#content .box img {
  width: 100%;
}
#content .box h5 {
  padding: 20px 0 14px;
  font: 300 20px/22px 'Comfortaa', sans-serif;
  text-align: center;
  background-color: #fff;
  color: #433f62;
}
#content .box h5 .bold {
  text-transform: uppercase;
}
#content .box .btn {
  position: absolute;
  bottom: -24px;
  left: 29%;
}
#content .bg-content-center {
  padding-bottom: 57px;
  background-color: #433f62;
  text-align: center;
}
#content .bg-content-center p {
  font-size: 18px;
  line-height: 22px;
}
#content .bg-content-center h2 {
  margin: 59px 0 13px;
  font: 400 36px/36px 'Comfortaa', sans-serif;
}
#content .bg-content-center h2 {
  color: #ffb351;
}
#content .bg-content-center h2 a {
  color: #ffb351;
}
#content .bg-content-center h2 a:hover {
  text-decoration: none;
  color: #fff;
}
#content .bg-content-center .box2-wrapper {
  margin-left: -30px;
}
#content .bg-content-center .box2 {
  margin-top: 28px;
  text-align: center;
}
#content .bg-content-center .box2 img {
  margin-bottom: 17px;
}
#content .bg-content-center .box2 .big {
  font-size: 20px;
  line-height: 26px;
}
#content .bg-content-center .box2 p {
  font: 700 24px/26px 'Comfortaa', sans-serif;
  color: #fff;
}
#content .bg-content-center .box2 .link {
  font: 300 20px 'Comfortaa', sans-serif;
}
#content .bg-content-center .box2 .link:hover {
  text-decoration: none;
  color: #fff;
}
#content .carousel-heading {
  margin: 56px 0 31px;
  text-align: center;
}
#content h3 {
  font: 400 30px/32px 'Comfortaa', sans-serif;
  color: #303030;
}
#content .carousel {
  width: auto;
  margin: 0 -15px;
}
#content .carousel .item {
  padding: 0 15px;
}
#content .carousel img {
  width: 100%;
}
#content .carousel p {
  text-align:center;
  padding: 22px 0 15px;
  width: 100%;
  line-height: 26px;
  background: #ec3237;
}
#content .carousel a {
  color: #fff;
}
#content .carousel a:hover {
  color: #433f62;
  text-decoration: none;
}
#content .carousel span {
  
  font: 400 14px 'Ubuntu', sans-serif;
}
#content .carousel .name {
  font: 700 18px 'Ubuntu', sans-serif;
}
#content .carousel .owl-pagination {
  display: none;
}
#content .carousel .owl-buttons {
  margin: 20px 0 56px;
  text-align: center;
}
#content .carousel .owl-buttons .owl-prev,
#content .carousel .owl-buttons .owl-next {
  display: inline-block !important;
  margin: 0 5px;
  padding: 4px 22px 6px 25px;
  background: #433f62;
  border-radius: 5px;
  color: #fff;
  font-family: FontAwesome;
  font-size: 18px;
}
#content .carousel .owl-buttons .owl-prev:hover,
#content .carousel .owl-buttons .owl-next:hover {
  color: #ffb351;
}
#content .box3,
#content .box4 {
  margin-bottom: 31px;
}
#content .box3 > h6 {
  margin-bottom: 16px;
}
#content .box3 ul {
  margin-top: 20px;
}
#content .box3 ul li {
  margin-top: 18px;
}
#content .box3 h3 {
  margin: 60px 0 24px;
}
#content .box3-modify,
#content .box10 {
  margin-bottom: 55px;
}
#content .box3-modify span {
  font: 700 48px/61px 'Comfortaa', sans-serif;
}
#content .box3-modify .caption {
  margin: -50px 0 0 60px;
}
#content .box3-modify h3 {
  margin: 59px 0 20px;
}
#content .box3-modify li + li {
  margin-top: 20px;
}
#content .box3-modify h6 {
  font-family: Comfortaa;
  margin: 0 0 7px;
}
#content .box3-modify ul {
  margin-top: 0;
}
#content .box4 img {
  float: left;
}
#content .box4 cite {
  margin-left: 22px;
  font-size: 18px;
}
#content .box4 a:hover {
  color: #ffb351;
  text-decoration: none;
}
#content .box4 p {
  margin: 0 0 16px 166px;
  font-style: italic;
}
#content .box4 p .btn {
  padding: 17px 33px 16px;
}
#content .box4 p.last {
  margin: 30px 0 0;
}
#content .box4 span {
  font-size: 20px;
}
#content .box4 .quote {
  margin-bottom: 38px;
}
#content .box4 h3 {
  margin: 60px 0 30px;
}
#content h6 {
  font: 400 18px/22px 'Ubuntu', sans-serif;
  color: #433f62;
}
#content .box5 {
  margin-bottom: 46px;
}
#content .box5 p {
  margin-bottom: 18px;
}
#content .box5 h6 {
  margin-bottom: 25px;
}
#content .box5 span {
  font-size: 18px;
}
#content .box5 .box5_text-margin {
  margin: -5px 0 0 -8px;
}
#content .box5 .img-box img {
  margin-bottom: 2px;
}
#content .box5 .img-box .pos-2n {
  margin-left: -2px;
}
#content .box5 h3 {
  margin: 59px 0 31px;
}
#content .box5 .box5__last {
  margin-bottom: 20px;
}
#content .page02-carousel-margin h3 {
  margin: 58px 0 31px;
}
#content .page02-carousel-margin .carousel p {
  padding-bottom: 13px;
}
#content .page02-carousel-margin .carousel .owl-buttons {
  margin: 24px 0 59px;
}
#content .page02-carousel-margin .carousel .owl-buttons .owl-prev,
#content .page02-carousel-margin .carousel .owl-buttons .owl-next {
  padding: 4px 23px 6px;
}
#content .box6,
#content .box7 {
  margin-bottom: 30px;
}
#content .box6 h3,
#content .box7 h3 {
  margin: 60px 0 24px;
}
#content .box6 h6 {
  font: 400 18px 'Comfortaa', sans-serif;
}
#content .box6 p {
  margin-top: 6px;
}
#content .box6 img {
  float: left;
  margin: 4px 12px 0 0;
}
#content .box6 li + li {
  margin-top: 30px;
}
#content .box6 .caption {
  margin-left: 111px;
}
#content .box7 h6 {
  margin-top: 20px;
  font: 400 16px/22px 'Comfortaa', sans-serif;
}
#content .box7 img {
  margin: 4px 0;
  width: 100%;
}
#content .box7 p {
  margin: 20px 0 0;
}
#content .link-list2 a {
  position: relative;
  padding-left: 15px;
  font: 400 13px/16px 'Ubuntu', sans-serif;
  text-transform: uppercase;
}
#content .link-list2 a:before {
  content: "\f105";
  font: normal 16px/17px 'FontAwesome';
  position: absolute;
  top: -1px;
  left: 0;
  color: #b2b1b1;
}
#content .link-list2 .divider {
  margin: 2px 0 15px;
}
#content .link-box,
#content .box8 {
  margin-bottom: 34px;
}
#content .box8 h3 {
  margin: 59px 0 30px;
}
#content .box8 img {
  float: left;
  margin-right: 24px;
}
#content .box8 > .caption {
  margin-top: -5px;
}
#content .box8 p {
  margin-top: 20px;
}
#content .box8 ul {
  margin: 22px 0;
}
#content .box8 ul li {
  margin: 10px 0;
}
#content .box8 h6 {
  margin-bottom: 26px;
}
#content .link-box h3 {
  margin: 57px 0 28px;
  line-height: 36px;
}
#content .link-box li {
  padding-bottom: 6px;
}
#content .link-box li + li {
  padding-top: 11px;
  border-top: 1px solid #d3d3d3;
}
#content .box9-wrapper h3 {
  margin: 54px 0 31px;
}
#content .box9-wrapper img {
  margin-left: 1px;
  width: 100%;
}
#content .box9-wrapper p {
  margin-top: 7px;
}
#content .box9-wrapper h6 {
  margin-top: 19px;
}
#content .box9-wrapper .box9 {
  margin: 58px 0 35px;
  padding: 34px 0 49px 31px;
  background-color: #ffb351;
}
#content .box9-wrapper .box9 span {
  font-size: 50px;
}
#content .box9-wrapper .box9 h2 {
  font: 700 38px/56px 'Comfortaa', sans-serif;
  color: #fff;
}
#content .box9-wrapper .box9 p {
  margin: 25px 0 43px 1px;
  color: #fff;
  line-height: 22px;
}
#content .box9-wrapper .box9 .btn {
  padding: 18px 37px 16px 38px;
  margin-left: 2px;
}
#content .box10 h3 {
  margin: 59px 0 25px;
}
#content .box10 .link-list2 {
  margin-top: 28px;
}
#content .box10 .link-list2 li + li {
  margin-top: 10px;
}
#content .carousel-page04-m {
  margin-bottom: 36px;
}
#content .carousel-page04-m h3 {
  margin: 54px 0 31px;
}
#content .policy {
  font: 400 14px 'Ubuntu', sans-serif;
}
#content .policy h6 {
  font: inherit;
  margin: 22px 0 2px;
}
#content .policy p {
  line-height: 20px;
}
#content .policy h3 {
  margin: 60px 0 30px;
}
#content .policy-link {
  margin: 30px 0 31px;
}
#content .box-map .map {
  float: left;
  margin: 5px 23px 62px 0;
  width: 66.73760684%;
  border: 1px solid #d3d3d3;
  min-height: 380px;
}
#content .box-map h3 {
  margin: 59px 0 29px;
}
#content .box-map address {
  margin: 30px 0 20px;
}
#content .box-map dd,
#content .box-map dt {
  display: inline-block;
  padding-right: 6px;
}
#content .margb {
  margin-bottom: 60px;
}
#content .span-pad {
  padding-left: 13px;
}
#content .form-wrapper h3 {
  margin: 54px 0 31px;
}
#content .form-wrapper .btn {
  padding: 18px 45px 16px;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer .wrap-container {
  background-color: #433f62;
  padding: 58px 0 61px;
}
#footer .copyright {
  float: left;
  margin-top: 16px;
}
#footer .copyright a {
  position: relative;
  color: #fefefe;
}
#footer .copyright a:hover {
  color: #ffb351;
  text-decoration: none;
}
#footer .copyright img {
  position: absolute;
  top: -8px;
  left: 0;
}
#footer .copyright .logo-name {
  margin-left: 7px;
  line-height: 70px;
}
#footer .copyright .policy {
  color: inherit;
}
#footer .copyright .policy:hover {
  color: #fff;
}
#footer .copyright p:last-child {
  margin-top: -4px;
  font: 400 18px 'Comfortaa', sans-serif;
}
#footer .link-list {
  float: right;
}
#footer .link-list li {
  line-height: 30px;
}
#footer .link-list a {
  position: relative;
  padding-left: 15px;
  font: 400 13px/18px 'Ubuntu', sans-serif;
  color: white;
  text-transform: uppercase;
}
#footer .link-list a:before {
  content: "\f105";
  font: normal 16px/18px 'FontAwesome';
  position: absolute;
  top: 0;
  left: 0;
}
#footer .contacts {
  float: right;
  font-size: 18px;
}
#footer .contacts p {
  margin-left: 36px;
}
#footer .contacts .address {
  margin-bottom: 27px;
  line-height: 23px;
  position: relative;
}
#footer .contacts .address p {
  line-height: inherit;
}
#footer .contacts .address p:before {
  content: "\f015";
  font: normal 26px 'FontAwesome';
  position: absolute;
  top: 6px;
  left: -1px;
  color: #ec3237;
}
#footer .contacts .address span {
  color: white;
}
#footer .contacts .address span:first-child {
  line-height: 20px;
}
#footer .contacts .phone {
  position: relative;
  margin-bottom: 35px;
}
#footer .contacts .phone p {
  line-height: 30px;
  color: #fff;
}
#footer .contacts .phone p:before {
  content: "\f095";
  font: normal 26px 'FontAwesome';
  position: absolute;
  top: 4px;
  left: -1px;
  color: #ec3237;
}
#footer .contacts .mail {
  position: relative;
}
#footer .contacts .mail span {
  margin-left: 37px;
}
#footer .contacts .mail span:before {
  content: "\f0e0";
  font: normal 24px 'FontAwesome';
  position: absolute;
  top: -2px;
  left: -1px;
  color: #ffb351;
}
#footer .contacts .mail span:before:hover {
  text-decoration: none;
}
#footer .contacts .mail span:hover {
  color: #fff;
}
#footer .contacts .mail a:hover {
  text-decoration: none;
}
#footer .social {
  float: right;
}
#footer .social p {
  margin-bottom: 22px;
  font: 400 18px 'Ubuntu', sans-serif;
  color: #fff;
}
#footer .social a {
  display: inline-block;
  font-size: 17px;
  text-align: center;
  line-height: 46px;
  border-radius: 23px;
  width: 46px;
  height: 46px;
  background-color: #ec3237;
  color: #fff;
  margin-left:5px;
}
#footer .social a:hover {
  text-decoration: none;
  color: #433f62;
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 51%;
  margin-left: 640px;
  overflow: hidden;
  border: none;
  color: #fff;
  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: #f0f0f0;
}
/*========================================================
                RESPONSIVE LAYOUTS STYLES
=========================================================*/
@media only screen and (max-width: 1239px) {
  .wrap-container {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  #content .box4 cite {
    margin-left: 166px;
  }
  #content .box5 .img-box img {
    width: 49%;
  }
  #content .box9-wrapper .box9 span {
    font-size: 42px;
  }
  #footer .social a {
    line-height: 38px;
    border-radius: 19px;
    width: 38px;
    height: 38px;
  }
}
@media only screen and (max-width: 979px) {
  .btn {
    padding: 15px 22px;
  }
  #content .box .btn {
    left: 14.322432%;
  }
  #content .box4 p.last {
    margin: 0;
  }
  #content .box6 img {
    width: 60px;
  }
  #content .box6 .caption {
    margin-left: 72px;
  }
  #content .box8 img {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  #content .link-list2 a {
    font-size: 9px;
  }
  #content .link-list2 a:before {
    font-size: 12px;
  }
  #content .box9-wrapper .box9 {
    padding: 0 0 37px 10px;
  }
  #content .box9-wrapper .box9 span {
    font-size: 35px;
  }
  #content .box9-wrapper .box9 p {
    margin-top: 15px;
  }
  #footer .link-list a {
    font-size: 9px;
  }
  #footer .link-list a:before {
    font-size: 12px;
  }
  #footer .contacts .address p {
    font-size: 13px;
  }
  #footer .social a {
    font-size: 15px;
    line-height: 31px;
    border-radius: 16px;
    width: 31px;
    height: 31px;
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    padding: 20px 32px;
  }
  #header .wrap-container .logo {
    position: relative;
    margin-bottom: 10px;
  }
  #header .wrap-container .logo .logo-wrapper {
    position: relative;
    height: 206px;
    left: 50%;
    margin-left: -103px;
  }
  #content .wrap-container .pad-content {
    padding-top: 20px;
  }
  #content .top-image h4 {
    font-size: 20px;
    bottom: 18.047%;
  }
  #content .box {
    margin-top: 20px;
  }
  #content .box .btn {
    left: 30.322432%;
  }
  #content .box2 {
    margin-top: 48px;
  }
  #content .carousel p {
    margin: 0 auto;
    text-align: center;
  }
  #content .carousel span {
    padding: 0;
  }
  #content .carousel .owl-buttons {
    margin-top: 15px;
  }
  #content .box5 .img-box {
    margin-bottom: 10px;
  }
  #content .box6 ul {
    text-align: left;
  }
  #content .link-list2 a {
    font-size: 13px;
  }
  #content .link-list2 a:before {
    font-size: 16px;
  }
  #content .box9-wrapper img {
    margin-top: 10px;
  }
  #content .box9-wrapper .box9 {
    text-align: center;
  }
  #content .box9-wrapper .box9 span {
    font-size: 50px;
  }
  #content .box3-modify,
  #content .link-list2 {
    text-align: left;
  }
  #content .box-map .map {
    float: none;
    width: 100%;
    min-height: 260px;
  }
  #footer {
    text-align: center;
  }
  #footer .copyright,
  #footer .contacts,
  #footer .social,
  #footer .link-list {
    float: none;
  }
  #footer .link-list,
  #footer .contacts,
  #footer .social {
    margin-top: 50px;
  }
  #footer .link-list a {
    font-size: 13px;
  }
  #footer .link-list a:before {
    font-size: 18px;
  }
  #footer .social a {
    font-size: 17px;
    line-height: 46px;
    border-radius: 23px;
    width: 46px;
    height: 46px;
  }
  #footer .contacts .phone p:before {
    left: 25%;
  }
  #footer .contacts .address p {
    font-size: 18px;
  }
  #footer .contacts .address p:before {
    left: 25%;
  }
  #footer .contacts .mail span:before {
    left: 25%;
  }
  .policy {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .btn {
    padding: 19px 32px;
  }
  #content .top-image h4 {
    font-size: 14px;
  }
  #content .top-image h4 > span {
    padding: 14px 6px 8px;
  }
  #content .box .btn {
    left: 15.322432%;
  }
  #content .box4 img {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
  #content .box4 p,
  #content .box4 span {
    margin-left: 0;
  }
  #content .box4 cite {
    margin-left: 0;
  }
  #content .box6 img {
    width: 30px;
  }
  #content .box6 .caption {
    margin-left: 42px;
  }
  #content .box9-wrapper .box9 span {
    font-size: 41px;
  }
  #content .box9-wrapper .box9 p {
    text-align: left;
  }
  #content .box10 .link-list2 a {
    font-size: 10px;
  }
  #content .box10 .link-list2 a:before {
    font-size: 12px;
  }
  #content .map {
    min-height: 272px;
  }
  #footer .contacts .phone p:before {
    left: 10%;
  }
  #footer .contacts .address p:before {
    left: 10%;
  }
  #footer .contacts .mail span:before {
    left: 10%;
  }
}
@media only screen and (max-width: 320px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}
/*Core variables and mixins*/