body 
{
	margin: 0;
	padding:0;
	font-family: 'Poppins', sans-serif;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
	line-height:25px;
	font-size:11pt;
	color: #777;
}

ul,
label {
	margin: 0;
	padding: 0;
}

body a:hover {
	text-decoration: none;
}

body a:focus {
	outline: none;
}
.fa 
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-phone:before {
  content: "\f095";
}
.fa-envelope:before{
  content: "\f0e0";
}
.fa-map-marker:before{
  content: "\f041";
}
.fa-bars:before
{
	content: "\f0c9";
	font-size:35px;
}
.fa-clock-o:before 
{
  content: "\f017";
}



.groupcontent
{
	padding:3em 0;
}
.container
{
	margin:0px auto;
	padding:0;
	margin-left:10%;
	margin-right:10%;
}
.main
{
	overflow:hidden;
}
/*header*/
.agile-top {
    position: absolute;
    z-index: 999;
    width: 100%;
    margin-top: 30px;
}
/*-- logo --*/

.logo
{
	float:left;
}
.logo h1 a {
    color: #f72d65;
    letter-spacing: 4px;
    font-weight: bold;
    font-size:2em;
    font-family: 'Tangerine', cursive;
    text-decoration: none;
    background: rgba(247, 246, 246, 0.44);
    padding: 5px 30px;
}

/*-- //logo --*/


/*-- //menu --*/
.main-navigation 
{ 
	float: right; 
}
.main-navigation .menu-toggle 
{ 
	background-color: transparent; 
	border: none; 
	color: #fff; 
	display: inline-block; 
	display: none; 
	outline: none; 
}
@media screen and (max-width: 990px) 
{ 
	.main-navigation .menu-toggle 
	{ 
		display: block; 
	} 
}
@media screen and (min-width: 991px) 
{ 
	.main-navigation .menu-toggle 
	{ 
		display: none !important; 
	} 
}
.main-navigation .menu 
{ 
	list-style: none; 
	padding-left: 0; 
	margin: 0; 
	display: inline-block; 
}
@media screen and (min-width: 991px) 
{ 
	.main-navigation .menu 
	{ 
		display: block !important; 
	} 
}
@media screen and (max-width: 990px) 
{ 
	.main-navigation .menu 
	{ 
		display: none; 
	} 
}
.main-navigation .menu-item 
{ 
	margin: 0 15px; 
	display: inline-block; 
}
.main-navigation .menu-item a 
{ 
	display: block; 
	padding: 10px 0; 
	position: relative; 
	font-size: 12pt;  
	text-transform: uppercase; 
	color: #fff; 
	font-family: 'Nunito Sans', sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}
.main-navigation .menu-item a:after 
{ 
	content: " "; 
	height: 2px; 
	width: 100%; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	background-color: #f72d65; 
	opacity: 0; 
	-webkit-transition: .3s ease; 
	transition: .3s ease; 
}
.main-navigation .menu-item.current-menu-item a:after, .main-navigation .menu-item:hover a:after 
{ 
	opacity: 1; 
}

.mobile-navigation 
{ 
	position: relative; 
	clear: both; 
	padding: 20px 0; 
	display: none; 
}
@media screen and (min-width: 991px) 
{ 
	.mobile-navigation 
	{ 
		display: none !important; 
	} 
}
.mobile-navigation .menu 
{ 
	list-style: none; 
	padding-left: 0; 
	margin: 0; 
	background: #181818; 
}
.mobile-navigation .menu-item 
{ 
	text-align: center; 
}
.mobile-navigation .menu-item a 
{ 
	display: block; 
	padding: 20px; 
	text-transform: uppercase; 
	font-size: 12pt; 
	color: #fff;
	font-family: 'Nunito Sans', sans-serif;	
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}
.mobile-navigation .menu-item.current-menu-item a, .mobile-navigation .menu-item:hover a 
{ 
	color: #f72d65 !important; 
}

/*-- //menu --*/

/*-- banner slider --*/

.banner-1 {
    background: url(../images/1.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	min-height:700px;
}

.banner-2 {
    background: url(../images/3.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	min-height:700px;
}

.banner-3 {
    background: url(../images/5.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	min-height:700px;
}
.banner-page{
	background: url(../images/banner-page.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

/*-- banner text --*/
.banner-info{
	padding:12em 0;
	text-align:center;
}
.banner-info h4{
	color: #fff;
    font-size:4em;
    font-family: 'Tangerine', cursive;
	letter-spacing: 4px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.37);
}
.slider-info {
    overflow:hidden;
	padding-top:10em;
}
.style-banner
{
	left: 10%;
	top:45%;
    position: absolute;
    width: 90%;
}
.slider-info h4 {
    color: #fff;
    font-size: 4.5em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 7px;
    font-style: italic;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.37);
}

.slider-info h4 span {
    color: #f72d65;
}

.slider-info p {
    color: #fff;
    font-size: 12pt;
    letter-spacing: 5px;
    margin-top: 2em;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.37);
}

/*-- //banner text --*/

.slider {
    position: relative;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.rslides_tabs {
    position: absolute;
    bottom: 5%;
    z-index: 99;
    right: 45%;
}

.rslides_tabs li {
    display: inline-block;
}

.rslides_tabs li:nth-child(2) {
    margin: 0 15px;
}

.rslides_tabs a {
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    color: #fff;
    font-weight: bold;
}

#slider3-pager a {
    display: inline-block;
}

#slider3-pager img {
    float: left;
    display: block;
}

#slider3-pager .rslides_here a {
    background: transparent;
    border: 2px solid #f72d65;
}

#slider3-pager a {
    padding: 4px;
}

ul#slider3-pager li a img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
}


/*about us*/
.about-banner
{
	overflow:hidden;
}
.about-grids{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about1, .about2 {
    flex: 1;
	  -ms-flex: 1;
}
.about1{
	background:#181818;
}
.about2 {
    background: url(../images/1.jpg) no-repeat center;
    background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}
.about-txt-info
{
	padding:3em;
}
h4.sub-title {
	font-size:2em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	letter-spacing: 3px;
	color:#555;
	text-transform: uppercase;
	font-weight: 700;
	text-align:center;
}
h4.sub-title span{
	color:#f72d65;
}
.para{
	padding-top:2em;
    color: #999;
    line-height: 1.7em;
    font-size:11pt;
}
/*about us*/
/*our services*/
.grids
{
	overflow:hidden;
	width:100%;
	margin-top:2em;
}
.col-s
{
	float:left;
	width:30%;
	margin-right:5%;
}
.col-s:last-child
{
	margin-right:0%;
}
.popular-wthree-text {
    text-align: center;
    border: 3px double #f72d65;
}

.popular-wthree-grid:hover img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
	
}

.popular-wthree-grid img {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	width:100%;
}

.popular-wthree-grid h5 {
    font-size: 1.5em;
    padding: 20px 0;
}
.popular-wthree-grid h5 a{
	text-decoration:none;
	color:#353535;
}
/*our services*/

/*footer-top*/
.footer-top
{
	background: url(../images/5.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	background-attachment:fixed;
	padding:3em 0;
}
.hour-list
{
	margin-top:3em;
}
.hour-list ul
{
    width: 40%;
    margin: 0 auto;
}
.hour-list ul li
{
	display: block;
    margin-bottom: 1em;
    padding-bottom: 1em;
    color: #fff;
    font-size: 12pt;
    border-bottom: 1px dotted #fff;
    text-transform: uppercase;
}
.hour-list ul li span 
{
    width: 50%;
    display: inline-block;
}
.hour-list ul li i
{
	padding-right:1em;
}
/*footer-top*/

/*footer*/
.footer{
	background:#181818;
}
.footer-style {
    padding: 4em 0;
}
.f-logo.logo2 {
    text-align: center;
}

.f-logo.logo2 h2 a {
    color: #f72d65;
    letter-spacing: 4px;
    font-weight: bold;
    font-size:3em;
    font-family: 'Tangerine', cursive;
    text-decoration: none;
}

.f-logo.logo2 h2 span {
    font-size: .3em;
    letter-spacing: 8px;
}
/*-- social-icons --*/

.social-icons {
    margin: 32px 0 60px;
}

.social-icons ul li {
    display: inline-block;
    margin: 0 0.5em;
}

.social-icons ul li a {
    color: #fff;
    font-size: 16px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0px 0px 1px 0px #fff;
    -moz-box-shadow: 0px 0px 1px 0px #fff;
    box-shadow: 0px 0px 1px 0px #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 3.3;
}

.social-icons ul li a:hover {
    color: #f72d65;
    -webkit-box-shadow: 0px 0px 13px 2px #f72d65;
    -moz-box-shadow: 0px 0px 13px 2px #f72d65;
    box-shadow: 0px 0px 13px 2px #f72d65;
}

/*-- //social-icons --*/
.mail-grid
{
	width:100%;
	overflow:hidden;
	border-top:1px dotted #555;
	padding-top:4em;
}
.mail-agileits span.fa 
{
    color: #f72d65;
    font-size: 25px;
    vertical-align: middle;
    width: 73px;
    height: 73px;
    text-align: center;
    line-height: 2.9em;
    background: rgba(255, 255, 255, 0.09);
}
.col-c
{
	float:left;
	width:30%;
	margin-right:5%;
}
.col-c:last-child
{
	margin-right:0;
}

.contact-right 
{
	margin-top: 1em;
}

.contact-right p 
{
	display: block;
	margin: 0px 0px 8px;
	color: #f72d65;
	font-size: 20pt;
	letter-spacing: 1px;
}

.contact-right span,
.contact-right a 
{
	font-size:12pt;
	text-decoration: none;
	color: #cecece;
	outline: none;
	display: block;
	font-weight: 400;
	letter-spacing: 0.3px;
}
/*footer*/
/*copyright*/
.copyright{
	padding: 1.5em 0;
    background: #212121;
    text-align: center;
}
.copyright p{
	color: #fff;
    line-height: 2em;
    letter-spacing: 2px;
}












/*-- responsive-mediaqueries --*/
@media(max-width:1440px)
{
	.rslides_tabs {
		right:40%;
	}
}

@media(max-width:1366px)
{
	
}

@media(max-width:1280px)
{
	
}

@media(max-width:1080px)
{
	.container
	{
		margin-left:5%;
		margin-right:5%;
	}
	.main-navigation .menu-item
	{
		margin:0 10px;
	}
}

@media(max-width:1024px)
{
	
}

@media (max-width:991px) {
	
	.banner-1,.banner-2,.banner-3
	{
		min-height:600px;
	}
	.container
	{
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.about-grids
	{
		flex-direction: column-reverse;
		padding:0;
	}
	.about2 
	{
		min-height:400px;
	}
	.about1
	{
		text-align:center;
		padding-right:0;
		width:100%;
		margin:0px auto;
		padding:0;
	}
	.col-s
	{
		float:none;
		width:50%;
		margin:0px auto;
		padding:0;
		padding-bottom:2em;
	}
	.col-s:last-child{
		margin:0px auto;
		padding:0;
	}
	.hour-list ul{
		width:50%;
	}
	.col-c{
		float:none;
		width:50%;
		margin:0px auto;
		padding:0;
		padding-bottom:2em;
		text-align:center;
	}
	.col-c:last-child{
		margin:0px auto;
		padding:0;
	}
}

@media(max-width:900px)
{
	
}

@media(max-width:800px)
{
	.hour-list ul{
		width:60%;
	}
}



@media (max-width:768px) {
	.container
	{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		overflow:hidden;
	}
    .rslides_tabs 
	{
        bottom: 10px;
		right:35%;
    }
	.slider-info h4 
	{
		font-size:3.5em;
	}
	.style-banner
	{
		left:5%;
		width:95%;
	}
	.banner-1,.banner-2,.banner-3
	{
		min-height:500px;
	}
	.banner-info h4{
		font-size:3em;
	}
	.f-logo.logo2 h2 a {
		font-size:2.5em;
	}
	.contact-right p {
		font-size:15pt;
	}
}

@media (max-width:640px) {
    .rslides_tabs {
        bottom: 15px;
    }
    #slider3-pager a {
        width: 90%;
    }
    ul#slider3-pager li a img {
        width: 100%;
    }
    .rslides_tabs li {
        margin-right: 3px;
    }
	.slider-info h4 
	{
		font-size:3em;
	}
	.col-s{
		width:60%;
	}
	.hour-list ul{
		width:80%;
	}
	.banner-info h4{
		font-size:2.5em;
	}
}

@media (max-width:480px) {
	.logo h1 a {
		font-size:1.7em;
	}
    .rslides_tabs {
        bottom: 20px;
		right:20%;
    }
	.slider-info h4 
	{
		font-size:2em;
	}
	.slider-info p
	{
		font-size:10pt;
	}
	.col-s{
		width:70%;
	}
	.hour-list ul{
		width:100%;
	}
	.hour-list ul li span {
		width:30%;
	}
	.col-c{
		width:70%;
	}
	.f-logo.logo2 h2 a {
		font-size:2em;
	}
}

@media (max-width:320px) {
    .rslides_tabs {
        bottom: 25px;
    }
}
















