@charset "utf-8";

/*-- Import CSS Section
----------------------------------------------------------------------*/

@import url('fonts.css');
@import url('nav.css');
@import url('middle-menu.css');
@import url('forms.css');
@import url('gallery.css');
@import url('modal.css');
@import url('slider.css');
@import url('slider-controls.css');
@import url('slider-multi.css');
@import url('additional.css');
@import url('../plugins/aths/style/addtohomescreen.css');

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/*-- Global
----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	width: 100%;
}
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*-- Header Section
----------------------------------------------------------------------*/
header {
	position: relative;
	height:auto;
}

header,
#slider,
#slider .item {
	min-height: 200px;
	background-color:#323232;
}

.site-logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25%;
}
.site-logo img{
	display:block;
	margin:auto;
}
.logo-mobile{
	padding:15px 25px;
}
.logo-mobile img{
	display:block;
	margin:auto;
}
.salem-blue {
	color:#2f3aad;
}
.carousel-caption{
	position:absolute;
	bottom:250px;
	left:20%;
	right:20%;
}
.purple-button-top {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
.purple-button-top:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.tab1,
.tab2,
.tab3,
.tab4 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 12px 10px 10px 10px;
}

.tab1 {
	background-image: url(../img/tab01.jpg);
}
.tab2 {
	background-image: url(../img/tab02.jpg);
}
.tab3 {
	background-image: url(../img/tab03.jpg);
}
.tab4 {
	background-image: url(../img/tab04.jpg);
}
.tablink {
	background-color: transparent;
	display: inline-block;
	width: 100%;
	height:auto;
	border-top:1px solid #cbd1ea;
}
.tablink i{
	padding-right:8px;
}
.mobile-links{
	background-color:transparent;	
	font-size:3rem;
	padding-top:5px;
	text-align:center;
}
.mobile-links div{
	padding-left:5px;
	padding-right:5px;
}
.mobile-links a{	
	display:inline-block;	
	font-size:2.2rem;
	padding-top:5px;
	padding-bottom:5px;
}
.mobile-links img{
	text-align:center;
	width:60%;
	min-width:10vh;
}
.btn-mobile {
	background-color:#2f3aad;
	color:#fff;
    width: 100%;
    text-align: center;
    border-radius: 0;
}
.btn-mobile:hover{
	background-color:#d5d5d5;
	color:#2f3aad;
    transition: all ease-in-out 0.2s
}
.btn-send:hover{
	color:#fff;	
}
/*-- Content Section
----------------------------------------------------------------------*/
#content.inner {
	padding:30px 0 0;
}
.content-top{
	padding:3% 6% 8% 6%;
}
.content-top img{
	display:block;
	margin:auto;
}
.content-middle{
	height:auto;
	padding:4%;
	padding-bottom:7%;
	background-image:url(../img/bg04.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:5;
}
.content-bottom{
	padding:6% 3% 6% 3%;
	background-image:url(../img/bg05.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	color:#fff;
}
.learn{
	padding:1% 4%;
	border:2px solid #cbd1ea;
	border-radius:0;
	color:#cbd1ea;
}
.learn :hover,
.learn :focus,
.learn a:hover,
.learn a:focus{
	color:#fff;
	border-color:#fff;
}


/*-- Footer Section
----------------------------------------------------------------------*/
footer {
	position: relative;
}
#footer_text{
	padding:6%;
	background-color:#121a64;
	text-align:center;
	text-transform:uppercase;
}
.contact-box{
	background-color:red;
	padding:4%;	
	background-image:url(../img/bg06.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:auto;
}
.location-box{
	padding:0;
	/*max-height:40vh;*/
	overflow:hidden;
}
.social-links {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
}	
.quickie a{
	text-align:center;
	font-size:24px;
	font-weight:600;
	color:#fff;
	display:block;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
header,
#slider,
#slider .item {
	height: 50vh;
	min-height:350px;
}
.site-logo img{
	display:block;
	margin:auto;
}
.purple-button-top {
	width: 25%;
}
.tab1,
.tab2,
.tab3,
.tab4 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 8px 10px 10px 10px;
}
.tablink {
	height:130px;
	width:95%;
	border-top:none;
}
.carousel-caption{
	bottom:160px;
	left:10%;
	right:10%;
}
.content-top{
	padding:3%;
}
.content-bottom{
	padding:3%;
}
.contact-box{
	height:auto;
}
.location-box{
	padding:0;
	overflow:hidden;
	height:328px;
}
#footer_text{
	padding:5%;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
header,
#slider,
#slider .item {
	height: 60vh;
	min-height:400px;
}
.site-logo img{
	width:100%;
}
.tab1,
.tab2,
.tab3,
.tab4 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 16px 12px 12px 12px;
}
.tablink {
	height:130px;
	width:90%;
}
.carousel-caption{
	bottom:200px;
	left:10%;
	right:10%;
}
.content-middle{
	padding-bottom:5%;
}
.contact-box{
	height:auto;
}
.location-box{
	padding:0;
	overflow:hidden;
}
#content.inner {
	padding:3% 0 0;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
header,
#slider,
#slider .item {
	height: 70vh;
	min-height:500px;
}
.site-logo{
	left:50px;
}
.tab1,
.tab2,
.tab3,
.tab4 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px 12px 12px 12px;
}
.tablink {
	height:140px;
}
.carousel-caption{
	bottom:200px;
	left:15%;
	right:15%;
}
.contact-box{
	padding:4% 2% 4% 2%;
	height:328px;
}
.location-box{
	overflow:hidden;
}
#footer_text{
	padding:3%;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
header,
#slider,
#slider .item {
	height: 80vh;
	min-height:600px;
}
.site-logo{
	left:100px;
}
.site-logo img{
	width:90%
}
.carousel-caption{
	bottom:250px;
	left:15%;
	right:15%;
}
.tab1,
.tab2,
.tab3,
.tab4 {
	padding: 28px 20px 15px 20px;
}
.tablink {
	height:145px;
}
.content-middle{
	padding-bottom:4%;
}
.contact-box{
	padding:4%;
	height:328px;
}

}