/*  ===============
  1. Reset
===============  */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900");
* {
			box-sizing: border-box;
	-webkit-box-sizing: border-box;
	&:before,
	&:after {
				box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
}
html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
      	-ms-text-size-adjust: 100%;
			  text-size-adjust: 100%;
		@include max(767.98) {
			font-size: 8px;
		}
		
	 }
	 
         	     	
body {
	background-color: $white;
	color: $text-color;
	font-family: $font-family;
	font-size: $base-font;
	font-weight: $font-regular();
	line-height: 1.5;
	max-width: 2700px;
	margin: 0 auto;
	overflow-x: hidden;

}
p {
	font-size: 1.6rem;
	font-weight: $font-regular();
	line-height: 1.5;
	margin: 0;
	text-align: inherit;
	&+ p {
		padding-top: 15px;
	}
	@include max(767.98) {
		font-size: 2rem;
		&+ p {
			padding-top: 10px;
		}
	}
	b,
	strong {
		@include font-bold();
	}
	a {
		color: inherit;
		color: $primary-color;
		&:hover {
			color: $secondary-color;
		}
	}
}
.clearfix {
	@include clearfix;
}
svg:focus {
		 appearance: none;
	-moz-appearance: none;
	outline: none;
}
svg {
	@include transition(all,ease,0.6s);
}
// a, button, submit and reset default styles
a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	text-shadow: none;
	-webkit-text-shadow: none;
	border-left:0;
	border-right: 0;
	border-top: 0;
	@include transition(all,ease,0.4s);
	&:hover {
		appearance: none;
		-webkit-appearance: none;
		outline: none;
		text-decoration: none;
	}
}
a:focus, a:focus {
	box-shadow: none!important;
}
a {
	color: inherit;
	display: inline-block;
}
a[href^="tel"] {
	color: inherit;
	cursor: default;
}
b,
strong {
	font-weight: 600;
}
img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.image-wrapper {
	background-color: #ced7e0;
	position: relative;
}
ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.fade.show {
	opacity: 1;
}

.rz-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;

}

@media (min-width: 576px) {
  .rz-container  {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .rz-container  {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .rz-container  {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .rz-container  {
	max-width: 1170px;
	padding-left: 50px;
	padding-right: 50px;
  }
}
@media (min-width: 1600px) {
  .rz-container  {
	max-width: 1240px;
	padding-left: 15px;
	padding-right: 15px;
  }
}
