@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');

body{
	padding:0;
	margin:0;
	background:#fff;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	overflow-x: hidden;	
}
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;
}
.mt-100px{height:400px;}
.breadcrumbs a span{display:inline-block; color:white!important;font-size:30px;}
.breadcrumbs  span{display:inline-block; color:white!important;font-size:30px;}
.logo img {
height: 90px;
    width: 60%;
}
.rw-words.color-white h1 {
    font-size: 30px;
    text-transform: capitalize;
}
.color-white{color:white;}
.panel-body{
    text-align:center;
}
.panel-body img{
    border-radius:50%;
}
.wprt-lines.custom-1 {
    height: 3px;
        margin-top: -20px;
    margin-bottom: 19px;

}
.wprt-lines {
    position: relative;
}
.wprt-lines.custom-1 .line-1 {
    height: 3px;
    width: 70px;
    background-color: #3899e0;
    margin-left: -35px;
    margin-top: -1.5px;
}

.wprt-lines.style-2 .line-1, .wprt-lines.style-2 .line-2 {
    left: 50%;
}
.wprt-lines .line-1, .wprt-lines .line-2 {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
}
.mart{
    margin:30px 0;
}
a:hover{
	text-decoration:none;
}
input[type="button"],input[type="submit"],.contact-form input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    font-weight: 500;
}	
p{
	margin:0;
	font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
	color: black;
    line-height: 1.9em;
    text-align: justify;
}
ul{
	margin:0;
	padding:0;
	text-align: justify;
}
label{
	    margin: 0;
    color: white;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
}
/*-- header --*/ 
.logo-agile-1 {
    float: left;
}
h1 a.logo{
    font-size: 1.1em;
    color: #fff !important;
    font-weight: 400;
    font-style: italic;
    text-align: left;
    display: inherit;
}
.tor img{
width:100%;
float:left;
}
.tor .pad0{
padding:0px !important;
}
.tor h3{
        float: left;
    width: 100%;
    background: #3899e0;
    color: white;
    padding: 6px 0;
    border: 1px solid #52adf1;
}
.pad22{
padding: 22px !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #10497a !important;
}
nav.navbar.navbar-default.navbar-fixed-top {
    background: none;
    border: none;
    padding:2em;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
}
nav.navbar.navbar-default.navbar-fixed-top.top-nav-collapse {
    background: rgba(0, 0, 0, 0.49);
	padding: 1em;
}
.navbar-default .navbar-nav > li > a {
    color: black;
    font-size: 1.1em;
    font-weight: 400;
	line-height: 50px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color:#00800000;
    border-radius: 15px;
}
.navbar-nav {
    float: right;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 17px!important;
}
.navbar-nav > li {
    margin: 0 .5em !important;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
ul.dropdown-menu.agile_short_dropdown {
    padding: 0;
    background: none;
    box-shadow: none;
	padding-left: 3em;
    border: none;
}
ul.dropdown-menu.agile_short_dropdown li {
    color: #fff !important;
    list-style: none;
    padding: .3em 0 !important;
}
ul.dropdown-menu.agile_short_dropdown li a{
    padding:0;
	letter-spacing: 1px;
}
ul.dropdown-menu {
    background: #31bdfd !important;
    box-shadow: 0 0 0;
    border: none;
    top: 3em;
    left: 0 !important;
    min-width: 143px;
    text-align: center;
    right: 0 !important;
    padding: 1em 0 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #fff !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #ff2f68 !important;
    border-radius: 15px;
}
.navbar-right {
    float: left !important;
    margin: 0 0 0 21em;
}
/*-- text-effect --*/ 
.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 10px;
}
.rw-sentence {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0 0 0 rgba(0,0,0,0.0001);
    font-size: 2.3em;
    font-family: 'Ubuntu', sans-serif;
}
.rw-sentence span{
	color: #000;
	white-space: nowrap;
}
.rw-sentence > span:first-child{
	display: block;
	text-indent: 5px;
	font-size: 145%;
}
.rw-words{
	width: 100%;
	height: 67px;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	width: 100%;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
}
.rw-words-1 span{
	font-size: 500%;
	line-height: 82%;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2 span {
    font-size: 2em;
    font-style: italic;
    text-indent: 5px;
    line-height: 90%;
    color: #00bfff;
    -webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
    -ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
    animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px); transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1060px){
	.rw-words{ height: 55px; }
	.rw-words-1 span{ font-size: 280%; text-indent: 5px;}
	.rw-words-2 span { font-size: 160%; }
}
@media screen and (max-width: 560px){
	.rw-words{ height: 40px; }
	.rw-words-1 span{ font-size: 180%; text-indent: 5px;}
	.rw-words-2 span { font-size: 90%; }
	.rw-sentence > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words{ height: 30px; }
	.rw-words-1 span{ font-size: 140%; text-indent: 5px;}
	.rw-words-2 span { font-size: 70%; }
	.rw-sentence > span:first-child{ font-size: 60%;}
}
/*-- //text-effect --*/ 
/*-- //header --*/ 
/*-- banner-text --*/ 
.agileits-banner-info {
    padding: 8em 0 0;
}
.header-main {
    position: absolute;
    top: 0;
    z-index: 99;
	background: white;
    text-align: center;
    left: 0;
    width: 100%;
    /*padding: 10px 40px;*/
}
.rw-words.rw-words-1 span {
    color: #fff;
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 200;
    text-align: left !important;
}
/*-- //banner-text --*/
/*-- banner-top --*/
.main-agile{
    background: url(../images/airlines-banner.jpg) no-repeat 0px 0px;
    background-size: cover;	
	-webkit-background-size: cover;	
	-moz-background-size: cover;
	-o-background-size: cover;		
	-moz-background-size: cover;
	min-height:auto;
}
/*-- social-icons --*/
.w3ls-social-icons-2 {
    text-align: right;
}
.w3l_header_left-2 {
    text-align: right;
    margin-top: 2em;
}
.w3ls-social-icons-2 i {
    font-size: 1em;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 3;
    margin: 0;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    border: none;
}
.w3ls-social-icons-2 i:hover {
	background: #ff2f68;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
	border-color:#ff2f68;
}
/*-- //social-icons --*/
/******** SAP ************/
.sap_tabs {
    margin: 7em 0 3em;
float:left;
width:100%;
}
div#horizontalTab {
    width: 100% !important;
    margin: 0 auto !important;
float:left;
}
ul.resp-tabs-list {
    list-style: none;
    background: transparent;
    text-align: center;
width:100%;
float:left;
}
.facts {
	border: none;
    float: left;
    padding: 1em;
    width: 100%;
}

.top1{
	margin-top: 2%;
}
.resp-tab-item {
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    padding: .9em 3em;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-transform: capitalize;
    background: #000;
    border-radius: 15px;
    margin-left: 0em;
}
.resp-tab-item:hover {
	text-shadow: none;
}
.resp-tab-active {
        background: #085288;
    text-shadow: none;
    color: #fff;
    border-radius: 0px;
    float: left;
}
.date_btn input[type="button"]:hover {
    background: #ff2f68;
}
.date_btn input[type="button"] {
    outline: none;
    background: #00bfff;
    font-size: 1em;
    color: #fff;
    padding: .8em 0em;
    border: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius: 0px;
    letter-spacing: 1px;
    margin-top: 2em;
    width: 100%;
    text-align: center !important;
}
h2.resp-accordion {
	display: none;
}
.resp-tab-content {
    display: none;
    background: #000d1787;
    border-radius: 0px;
    width: 100%;
    float: left;
}
b.font-bold {
    font-size: 17px;
}
.reservation ul {
    margin: 0;
    padding: 0;
}
.reservation ul li{
    list-style-type:none;
}
ul li {
    list-style-type: none;
    font-size: 16px;
	margin-top:10px;
}
i.fa.fa-space-shuttle {
    color: #083d71;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.form-control {
    height: auto;
}
.book_date span {
    top: 32px;
    color: #000;
    left: 1em;
    z-index: 9;
position:absolute;
}
.book_date form {
    margin: -1em 0 0;
}
.book_date input[type="text"] {
    width: 100% !important;
    color: #000;
    font-size: 1em;
    padding: 9px 30px;
    outline: none;
    border: none;
    -webkit-appearance: none;
    position: relative;
    background: #fff;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', sans-serif;
border-radius:0px;
}
.reservation h5 {
    font-size: 1em;
    color: #fff;
    margin: 2em 0 1em;
    text-align: left;
    letter-spacing: 1px;
}
.book_date span.glyphicon-calendar {
    left:1em;
    top:34px;
    z-index: 9;
}
select{
width:100%;
float:left;
}
.desti {
    float: none !important;
    width: 100% !important;
}
li.span1_of_1 {
    float: left;
    width: 48.3%;
}
.date_btn input[type="submit"] {
    outline: none;
    background:#00bfff;
    font-size: 1em;
    color: #fff;
    padding: .8em 0em;
    border: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius: 0px;
	letter-spacing: 1px;
	margin-top: 2em;
width:100%;
    text-align: center !important;
}
.date_btn input[type="submit"]:hover{
	background:#ff2f68;
}
.reservation.w3l-submit {
    text-align: center;
}
li.desti1 {
    float: left;
    width: 48%;
}
li.desti1:nth-child(2) {
    margin-left:1.83em;
}
.date_car{
	margin:2em 0 0;
}
li.span1_of_1.left {
    margin-left: 1.5em;
}
.resp-tab-item span i {
    left: -1em;
	color:#fff;
}
@media only screen and (max-width:480px) {
	.sap_tabs{
		padding-top:0;
	}
	.resp-vtabs .resp-tab-content {
		border: 1px solid #C1C1C1;
	}
	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none;
	}
	.resp-accordion-closed {
		display: none !important;
	}
}
/******** //SAP ************/
/*-- //banner-top --*/ 
/*-- newsletter --*/
.twe {
    color: #fff;
padding:0px !important;    width: 285px;
}
.twe img{
width:55px;
float:left;
}
.twe span{
float:left;
line-height:20px;
}
.twe h3{
float:left;
line-height:20px;
}
.w3layouts-newsletter {
    background: #ff2f68;
    width: 100%;
    padding: 1.5em 1em;
}
.wthree-join h2 {
    color: #fff;
    font-size: 2em;
    letter-spacing: 4px;
    margin-top: 9px;
}
.wthree-join h2 i {
    margin-right: 10px;
    vertical-align: top;
}
.book_date {
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
}
.agileinfo-newsletter input[type="email"] {
    width: 77%;
    padding: 1em;
    outline: none;
    color: #000;
    letter-spacing: 1px;
    font-size: 1em;
    border: none;
    background: #fff;
}
 ::-webkit-input-placeholder{
	color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
:-ms-input-placeholder {  
   color: #000;
}
.agileinfo-newsletter input[type="submit"] {
    background: #24282e;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    border: none;
    padding: 15px 18px;
    width: 22%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-newsletter input[type="submit"]:hover {
    background: #000000;
}
/*-- //newsletter --*/
/*-- footer --*/
.agileits-footer-top {
    padding: 3em 0;
}
#testimonial{
background: #f9f9f9;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 20px 0;
}
footer a{
    color: white;
}
footer p{
    color: white;
}
footer h4 {
    padding: 10px 0;
    color: white;
}
.footerlist li {
list-style:none;
}
.footerlist li a{
font-size:14px;
color:gray;
}

#colorlib-footer{
    padding: 10px 0;
   }
footer .ew{
    padding:10px;
}
footer ul li{
list-style:none;
}
.w3ls-address-grid i{
	color: #00bfff;
    font-size: 20px;
    float: left;
    margin: 0 4% 0 0;
    display: inline-block;
    line-height: 45px;
}
.w3-address1{
	float: left;
	margin-top: 0.7em;
}
.w3-address1 p {
    font-size: .9em;
    color: #fff;
    letter-spacing: 2px;
}
.w3-address1 p a{
	text-decoration:none;
	color: #fff;
}
.w3-address1 p a:hover{
	text-decoration:underline;
}
.address-more h4{
	color:#fff;
	font-size:2em;
	margin: 0 15px 0.7em;
}
.agileinfo-footer{
	background:#1e1f20;
}
.agileits-footer-bottom {
    border-top: 1px double #353b44;
    padding: 1em 0;
}
.footer-class {
    color: #fff;
    font-size: 1em;
    letter-spacing: 2px;
    padding: 1em 0;
    text-align: center;
}
.footer-class a{
    color: #00bfff;
	text-decoration:none;
}
.footer-class a:hover {
	color:#fff;
	text-decoration:underline;
}
.w3layouts-agileits-social li{
	display:inline-block;
}
.w3layouts-agileits-social li a i {
    margin: 0 8px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.w3layouts-agileits-social li a i.fa.fa-facebook, .w3layouts-agileits-social li a i.fa.fa-twitter, .w3layouts-agileits-social li a i.fa.fa-rss, .w3layouts-agileits-social li a i.fa.fa-vk {
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #FFF;
    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-align:center;
	border:1px solid transparent;
}
.w3layouts-agileits-social li a i.fa.fa-facebook:hover {
    color: #3b5998;
	border:1px solid #3b5998;
}
.w3layouts-agileits-social li a i.fa.fa-twitter:hover{
	color: #55acee;
	border:1px solid #55acee;
}
.w3layouts-agileits-social li a i.fa.fa-rss:hover{
	color: #f26522;
	border:1px solid #f26522;
}
.w3layouts-agileits-social li a i.fa.fa-vk:hover{
	color: #45668e;
	border:1px solid #45668e;
}
.w3layouts-agileits-social li:nth-child(2){
	margin:.5em 0;
}
.w3layouts-agileits-social li:nth-child(3){
	margin:0 0 .5em 0;
}
/*-- Nav --*/
.counter-agile {
    border: 7px solid #fff;
    padding: 3em 4em;
    position: relative;
}
.counter-subw3l p {
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
}
.counter-subw3l p a{
    color: #fff;
}
.counter-subw3l {
    position: absolute;
    top: -15%;
    left: 3%;
    background:#1e1f20;
    padding: 0.4em 0em;
    width: 19%;
    text-align: center;
}
.counter-subw3l p a i {
    padding-right: .5em;
}
.counter-subw3l.w3l-right-footer {
    left: 78%;
    top: 87%;
}
.services-bottom {
    padding: 5em 0;
}
.ftr-menu {
    padding: 3em 0em;
}
.ftr-menu ul li a.active {
    color: #ff2f68;
}
.ftr-menu ul li{
	display:inline-block;
}
.ftr-menu ul li a {
    font-size: 1.2em;
    color: #fff;
    margin: 0 2.4em;
    letter-spacing: 2px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    display: block;
    text-decoration: none;
}
.ftr-menu ul li a:hover{
	color:#ff2f68;
}
/*-- //footer --*/
/*-- welcome --*/
.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio{
    padding: 2em 0em;
	text-align:center;
}
.about-wel {
    text-align: left;
}
.red-w3l {
    position: relative;
}
.position-w3l {
    position: absolute;
    border: 12px solid rgba(255, 255, 255, 0.69);
    top: 5%;
    padding: 18.5em 14.8em;
    left: 8%;
}
h3.top-about{
	color: #4baf4f;
    font-size: 3em;
	text-transform:uppercase;
}
.about-img {
    padding-top: 1em;
}
.about-img1{
	padding:0 0.5em 0 0;
}
.about-img2{
	padding:0 0 0 0.5em;
}
.about-wel p {
    font-size:16px;
    color: black;
    line-height: 1.9em;
	letter-spacing:-0.2px;
    margin: 1em 0 1.5em;
    text-align: justify;
}
.about-wel h5 {
    font-size: 2.8em;
    text-transform: uppercase;
    color: #ff2f68;
    letter-spacing: 2px;
    line-height: 1.3;
}
.steps-wel h5 {
    font-size: 1.5em;
    color: #00bfff;
    text-align: left;
    letter-spacing: 1px;
	margin: 0 0 2em;
}
.w3l_banner_bottom_grid1 {
    width: 60px;
    height: 60px;
    border: 2px solid #000;
    text-align: center;
	position:relative;
	display: inline-block;
}
.w3ls_banner_bottom_grids.first-posi-w3l {
    padding-left: 3em;
}
.w3l_banner_bottom_grid1 i{
	font-size: 1.5em;
    color: #00bfff;
    line-height: 2.8em;
}
.w3l_banner_bottom_grid1:nth-child(2), .w3l_banner_bottom_grid1:nth-child(3){
	margin-top:2em;
}
.w3ls_banner_bottom_grid:hover .w3l_banner_bottom_grid1 i{
    color: #0accff;
}
.w3ls_banner_bottom_grids h6 {
    font-size: 2.5em;
    line-height: 59px;
}
.w3l_banner_bottom_grid1:before {
    content: " ";
    width: 48px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 30px;
    left: -89%;
}
.first-posi-w3l:before {
    position:relative;
}
.first-posi-w3l:before {
    content: " ";
    width: 2px;
    height: 177px;
    background: #000;
    position: absolute;
    left: 1%;
    top: 13.9%;
}
.w3ls_banner_bottom_grids h6:nth-child(2), .w3ls_banner_bottom_grids h6:nth-child(3) {
    margin-top: .8em;
}
.w3ls_banner_bottom_grids p:nth-child(2), .w3ls_banner_bottom_grids p:nth-child(3) {
    margin-top: 2.7em;
}
.w3ls_banner_bottom_grids p {
    text-align: left;
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active,
.w3ls_banner_bottom_grid:hover .hvr-pulse-shrink{
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/*-- //welcome --*/ 
/*-- stats --*/
.stats {
	background: url(../images/bg.jpg) no-repeat 0px 0px;
    padding: 100px 0;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
    background-attachment: fixed;
}
.stats-info {
	text-align: center;
}
.stats h4 {
    color: #ff2f68;
    font-size: 26px;
    line-height: 1;
    padding: .7em 1em;
    text-align: center;
    border: 6px solid rgba(255, 255, 255, 0.48);
}
.stats-grid {
	font-size: 60px;
	font-weight: 400;
	color: white;
	margin-bottom: 10px;
}
h4.stats-info {
	margin-top: 20px;
}
/*-- //stats --*/
/*-- popular --*/ 
.albums-left {
    float: left;
    width: 50%;
	overflow:hidden;
} 
.albums-right {
	float: right;
	width: 50%;
	background: #1d1d1d;
	padding:3em 2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
} 
.wthree-almub{
    background: url(../images/img1.jpg)no-repeat center;
    background-size: cover;
    min-height: 262px;
	-webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
	display: block;
}
.wthree-almub.wthree-almub2 {
    background: url(../images/img2.jpg)no-repeat center;
    background-size: cover;
}
.wthree-almub.wthree-almub3{
    background: url(../images/img3.jpg)no-repeat center;
    background-size: cover;
}
.wthree-almub.wthree-almub4{
    background: url(../images/img4.jpg)no-repeat center;
    background-size: cover;
}
.albums1-left {
	float: left;
	width: 50%;
	background: #1d1d1d;
	padding:3em 2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.albums1-right {
    float: right;
    width: 50%;
	overflow:hidden;
}
.w3lsalbums-grid {
    margin-top: 2em;
	text-align: left;
}
.w3lsalbums-grid h4 {
    font-size: 1.6em;
    color: #fff;
}
.albums-right p, .albums1-left p {
    margin-top: 1em; 
    color: #eee;
    line-height: 2em;
} 
.w3more,.w3more:hover{
    font-size: 1em;
    color: #fff;
    margin-top: 0.6em;
    display: inline-block; 
	letter-spacing: 1px;
}
.w3more i.fa{
    padding-right: 8px;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}
.w3more:hover i.fa{
	padding-right: 15px;
}
.w3lsalbums-grid:hover div.albums-right,.w3lsalbums-grid:hover div.albums1-left  {
    background:#00bfff;
}  
.w3lsalbums-grid:hover .wthree-almub{
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
} 
h3.agile-title {
    font-size: 3em;
    color: #000;
    text-align: center;
}
.w3layouts_header p {
    font-size: 2em !important;
    color: #ff2f68;
    position: relative;
    margin: .5em 0 1em !important;
	text-align: center;
}
.w3layouts_header p:before, .w3layouts_header p:after {
    content: '';
    background: #676666;
    height: 2px;
    width: 5%;
    position: absolute;
    top: 65%;
}
.w3layouts_header p:before {
    left: 41%;
}
.w3layouts_header p:after {
    right: 41%;
}
.w3layouts_header p span:before, .w3layouts_header p span:after {
    content: '';
    background:#676666;
    height: 2px;
    width: 7%;
    position: absolute;
    top: 35%;
}
.w3layouts_header p span:after {
    right: 38%;
}
.w3layouts_header p span:before {
    left: 38%;
}
/*-- //popular --*/
/*-- Inner-Pages --*/
.main-agile.banner-2{
    background: url(../images/airlines-banner.jpg) no-repeat 0px 0px;
    background-size: cover;	
	-webkit-background-size: cover;	
	-moz-background-size: cover;
	-o-background-size: cover;		
	-moz-background-size: cover;
	min-height:200px;
}
/*-- services --*/
/*-- plugin --*/
.film_roll_wrapper img {
	border: 10px solid white;
	box-shadow: 7px 7px 15px #777;
	margin-left: 5px;
	margin-right: 5px;
	transition: all 1s ease;
}
.film_roll_wrapper .active img {
	border: 10px solid #ff2f68;
}
.film_roll_container {
	position: relative;
}
#film_roll_2 .film_roll_shuttle {
	top:10px;
}
#film_roll_2 .film_roll_child {
	transition: all 1s ease;
}
#film_roll_2 .film_roll_child.active {
	top: -10px;
}
#film_roll_2_left {
	position: absolute;
	left: 15px;
	top: 38%;
}
#film_roll_2_right {
	position: absolute;
	right: 15px;
	top: 38%;
}
.w3l_btn{
	background: #00bfff;
    border-color: #fff;
}
.w3l_btn:hover, .w3l_btn:focus{
    background-color: #d28a13;
    border-color: #fff;
}
@media (max-width: 979px) {
  .navbar-fixed-top {
    margin-bottom: 0;
  }
}
/*-- //plugin --*/
.w3layouts_banner_bottom_servicel{
	text-align:center;
}
.w3layouts_banner_bottom_servicer h4{
	text-transform: uppercase;
    font-size: 1.2em;
    color: #212121;
    font-weight: 600;
	margin:.3em 0 1em;
}
.w3_banner_bottom_service,.w3_agile_services_grids {
    margin: 3em 0 0;
}
.agile-hvr-icon-pulse-shrink{
	position:relative;
}

.agile-hvr-icon-pulse-shrink:before {
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	font-size: 2em;
    color: #00bfff;
}
.agile-hvr-icon-pulse-shrink:hover:before,.w3_banner_bottom_service1:hover .agile-hvr-icon-pulse-shrink:before{
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
	color:#ff2f68;
}
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.agileits_w3layouts_thumb:before{
	content: "\f004";
}
.agileits_w3layouts_gift:before{
	content: "\f0ac";
}
.agileits_w3layouts_heart:before{
	content: "\f0d6";
}
.banner-bottom h6 {
    font-size: 2em;
    color:#676464;
}
.banner-bottom h6 span {
    color: #ff2f68;
}
p.text-w3l-services {
    width: 80%;
    margin: 1.5em auto 4em;
}
/*-- //services --*/
/*-- team --*/
.team {
	background: url(../images/bg2.jpg) no-repeat 0px 0px;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
    background-attachment: fixed;
	padding:6em 0;
}
.team h3.agile-title {
    color: #fff;
}
.team .w3layouts_header p:before, .team .w3layouts_header p:after {
    background: #e4e3e3;
}
.team .w3layouts_header p span:before, .team .w3layouts_header p span:after {
    background:#e4e3e3;
}
.wthree_team_grid{
	text-align:center;
}
.wthree_team_grid h4{
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	margin: 1em 0 0;
}
.wthree_team_grid p{
	color:#ff2f68;
}
.hovereffect {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hovereffect .overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.hovereffect:hover img,.wthree_team_grid:hover .hovereffect img{
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
}
.hovereffect h6 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  width: 100%;
}
.hovereffect:hover h6,.wthree_team_grid:hover .hovereffect h6{
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
.hovereffect .rotate {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
  height: 100%;
  position: absolute;
}
.hovereffect hr {
  width: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.hovereffect  hr:nth-child(2) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
}
.hovereffect  hr:nth-child(3) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
}
.hovereffect h6, .hovereffect hr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: rgba(0, 191, 255, 0.62);
  margin: 0px;
}
.group1, .group2 {
  left: 50%;
  position: absolute;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}
.group1 {
  top: 43%;
}
.group2 {
  top: 57%;
}
.hovereffect p {
  width: 31%;
  text-transform: none;
  font-size: 15px;
  line-height: 2;
}
.hovereffect p a {
  color: #fff;
}
.hovereffect p a:hover,
.hovereffect p a:focus{
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.hovereffect  a i {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  padding: 9px;
  font-size: 20px;
}
.group1 a:first-child i {
  -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
}
.group1 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(60px,-60px,0)  rotate(45deg) scale(2);
}
.group2 a:first-child i {
  -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
}
.group2 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
  transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
}
.hovereffect:hover hr:nth-child(2),.wthree_team_grid:hover .hovereffect hr:nth-child(2){
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
}
.hovereffect:hover hr:nth-child(3),.wthree_team_grid:hover .hovereffect hr:nth-child(3){
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
}
.hovereffect:hover .group1 i:empty, .hovereffect:hover .group2 i:empty,.wthree_team_grid:hover .hovereffect .group1 i:empty,.wthree_team_grid:hover .hovereffect .group2 i:empty{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0) rotate(45deg) scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
/*-- //team --*/
/*-- contact --*/
.typo, section.contact-w3ls, .w3_wthree_agileits_icons{
	padding:6em 0;
}
section.contact-w3ls p.contact-agile1 {
    font-size: 1em;
    letter-spacing: 1px;
    padding-bottom: 2em;
    color: #000;
}
section.contact-w3ls p.contact-agile1 strong {
    letter-spacing: 1.5px;
    color: #ff2f68!important;
    font-size: 1em;
    font-weight: 500;
}
section.contact-w3ls p.contact-agile1 a {
	color:#000;
}
section.contact-w3ls h4 {
    font-size: 2em;
    letter-spacing: 1px;
    color: #000;
    padding: 1em 0;
}
section.contact-w3ls p.contact-agile2 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:20px;
	line-height:30px;
	color:#ffce14;
	text-align:center;
}
section.contact-w3ls label.contact-p1 {
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 300;
    color: #000;
    padding-bottom: 10px;
}
.form-group {
    margin-bottom:2em;
}
section.contact-w3ls p.help-block {
    color:#ff0500!important;
}
section.contact-w3ls input#name, section.contact-w3ls input#email, section.contact-w3ls input#phone  {
	height:37px;
}
section.contact-w3ls input#name, section.contact-w3ls input#email, section.contact-w3ls input#phone {
    font-size: 1em;
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border-color: #000;
    padding: 1.5em;
}
section.contact-w3ls button.btn.btn-primary {
    color: #fff;
    background-color: #ff2f68;
    border: 2px solid #ff2f68;
    font-size: 1.2em;
    padding: .7em;
    outline: none;
    width: 100%;
    margin: 2em 0 0;
    letter-spacing: 1px;
    border-radius: 0;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}
section.contact-w3ls button.btn.btn-primary:hover {
    background-color:#00bfff;
    border: 2px solid #00bfff;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}
.book_date input::-webkit-input-placeholder {
	color: #000 !important;
} 
.book_date input:-moz-placeholder { /* Firefox 18- */
	color: #000 !important;  
} 
.book_date input::-moz-placeholder {  /* Firefox 19+ */
	color: #000 !important;  
} 
.book_date input:-ms-input-placeholder {  
	color: #000 !important;  
}
.footer-icons-agileinfo{
	margin: 3em 0;
}
.w3l-map iframe {
    width: 100%;
    height: 500px;
    margin-top: 1.5em;
    outline: none;
    border: none;
}
/*-- social-icons --*/
ul.social-icons3 {
    display: block;
    padding: 0;
    margin-top: .55em;
}
.social-icons3 li{
	display:inline-block;
}
.social-icons3 li a{  
    display: block;
    height: 30px;
    width: 30px;
    margin-right: 1em;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	margin-right: 1em;
	-webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    line-height: 30px;
	color:#fff;
	text-align:center;
}
.social-icons3 li a.fa.fa-facebook.icon-border.facebook{
	 background:#4D669C;
}
.social-icons3 li a.fa.fa-twitter.icon-border.twitter{
	 background:#1da1f2;
}
.social-icons3 li a.fa.fa-google-plus.icon-border.googleplus{
	 background:#d34836;
}
.social-icons3 li a.fa.fa-rss.icon-border.rss{
	 background:#ee802f;
}
.social-icons3 li a:hover{
	text-decoration:none;
	opacity:0.8;
}
/*-- //social-icons --*/
h4.w3l-contact {
    margin-bottom: 1.5em;
}
/*-- //contact --*/
/*-- icons --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
    background:rgba(149, 149, 149, 0.18);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.icon-box:hover i.fa {
	color:#fff !important;
}
.icon-box:hover a.agile-icon {
	color:#fff !important;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px; 
    line-height: 1.4;
    text-align: center;  
    font-size: 12px;
    list-style-type: none;	
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
    font-size: 28px;
    color: #fb4e4e !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}
h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}
.icons a {
    color: #999;
}
.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}
.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background:rgba(149, 149, 149, 0.18);
    margin: 1%;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
	color: #282a2b;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
@media (max-width:991px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
}
@media (max-width:768px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 25px;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.icon-box {
		margin: 0;
	}
}
@media (max-width: 640px){
	.icon-box {
		float: left;
		width: 50%;
	}
}
@media (max-width: 480px){
	.bs-glyphicons li {
		width: 31%;
	}
}
@media (max-width: 414px){
	h3.agileits-icons-title {
		font-size: 23px;
	}
	h3.icon-subheading {
		font-size: 18px;
	}
	.bs-glyphicons li {
		width: 31.33%;
	}
}
@media (max-width: 384px){
	.icon-box {
		float: none;
		width: 100%;
	}
}
/*-- //icons --*/
/*-- typography --*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
	background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
	color: #999;
	font-size: 0.85em;
	margin-bottom: 1em;
	font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
	font-weight: 300 !important;
	border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    margin-bottom: 1em;
    color: #fb4e4e;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: none !important;
}
.tab-content > .active {
	display: block;
	visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 0;
}
.badge-primary {
	background-color: #03a9f4;
}
.badge-success {
	background-color: #fb4e4e;
}
.badge-warning {
	background-color: #ffc107;
}
.badge-danger {
	background-color: #e51c23;
}
.grid_3 p{
	line-height: 2em;
	color: #888;
	font-size: 0.9em;
	margin-bottom: 1em;
	font-weight: 300;
}
.bs-docs-example {
	margin: 1em 0;
}
section#tables  p {
	margin-top: 1em;
}
.tab-container .tab-content {
	border-radius: 0 2px 2px 2px;
	border: 1px solid #e0e0e0;
	padding: 16px;
	background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	font-size: 0.9em;
	color: #999;
	border-top: none !important;
}
.tab-content > .active {
	display: block;
	visibility: visible;
}
.label {
	font-weight: 300 !important;
}
.label {
	padding: 4px 6px;
	border: none;
	text-shadow: none;
}
.alert {
	font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
	line-height:2em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
li.list-group-item1 {
	line-height: 2.5em;
}
.input-group {
	margin-bottom: 20px;
}
.in-gp-tl{
	padding:0;
}
.in-gp-tb{
	padding-right:0;
}
.list-group {
	margin-bottom: 48px;
}
ol {
	margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
@media (max-width:768px){
.grid_5 {
	padding: 0 0 1em;
}
.grid_3 {
	margin-bottom: 0em;
}
}
@media (max-width:640px){
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: .5em;
}
.progress {
	height: 10px;
	margin-bottom: 10px;
}
ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
	font-size: 14px;
}
.breadcrumb {
	margin-bottom: 25px;
}
.well {
	font-size: 14px;
	margin-bottom: 10px;
}
h2.typoh2 {
	font-size: 1.5em;
}
.label {
	font-size: 60%;
}
.in-gp-tl {
	padding: 0 1em;
}
.in-gp-tb {
	padding-right: 1em;
}
}
@media (max-width:480px){
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	font-size: 1.2em;
}
.table h1 {
	font-size: 26px;
}
.table h2 {
	font-size: 23px;
	}
.table h3 {
	font-size: 20px;
}
.label {
	font-size: 53%;
}
.alert,p {
	font-size: 14px;
}
.pagination {
	margin: 20px 0 0px;
}
.grid_3.grid_4.w3layouts {
	margin-top: 25px;
}
}
@media (max-width: 320px){
.grid_4 {
	margin-top: 18px;
}
h3.title {
	font-size: 1.6em;
}
.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
	font-size: 13px;
}
.alert {
	padding: 10px;
	margin-bottom: 10px;
}
ul.pagination li a {
	font-size: 14px;
	padding: 5px 11px;
}
.list-group {
	margin-bottom: 10px;
}
.well {
	padding: 10px;
}
.nav > li > a {
	font-size: 14px;
}
table.table.table-striped,.table-bordered,.bs-docs-example {
		display: none;
}
}
/*-- //typography --*/
/*-- gallery --*/
.port-head {
    text-align: center;
    margin-bottom: 1.5em;
}
figure.w3ls-gallery {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
figure.w3ls-gallery:hover figcaption.w3layouts-caption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
}
figcaption.w3layouts-caption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
	top: -100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	    text-align: center;
}
figcaption.w3layouts-caption h3 {
      font-weight: 400;
    font-size: 1.8em;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-bottom: 0;
    background: #111;
    position: relative;
    left: 100%;
    margin-top: 110px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
}
figcaption.w3layouts-caption p {
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    left: 100%;
        font-size: 0.85em;
    line-height: 2em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
figure.w3ls-gallery:hover h3,figure.w3ls-gallery:hover p {
    left: 0;
}
figcaption.w3layouts-caption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
}
figcaption.w3layouts-caption:hover {
    color: #4f5856;
}
.gallery {
    padding: 6em 0;
}
.ga-top{
	margin-bottom:3em;
}

.filtr-item {
    padding: 0em;
   width: 33%;
    float: left;
}
.filtr-container {
	width:100%;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;

    z-index: 1;
    
}
/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 12px;
    text-transform: uppercase;
    border: none;
    background: none;
    border-bottom: 5px solid #fff;
}
.simplefilter li {
    border: none;
    background: none;
	position:relative;
	border: 1px solid #fff;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	-o-transition:0.5s all;
}
.simplefilter li:before{
    content: '';
    position: absolute;
    top: 19px;
    background: #ff2f68;
    height: 1px;
    width: 10px;
    right: -12px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -webkit-transform: rotate(-64deg);
    -moz-transform: rotate(-64deg);
    -o-transform: rotate(-64deg);
    -ms-transform: rotate(-64deg);
    transform: rotate(-180deg);
}
.simplefilter li:last-child:before {
	content: '';
    position: absolute;
    top: 19px;
    background: #fff;
    height: 1px;
    width: 10px;
    right: -12px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -webkit-transform: rotate(-64deg);
    -moz-transform: rotate(-64deg);
    -o-transform: rotate(-64deg);
    -ms-transform: rotate(-64deg);
    transform: rotate(-180deg);
}
.simplefilter li.active,.simplefilter li:hover {
    background: none;
    color:#00bfff;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	-o-transition:0.5s all;
}
/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}
/*----*/
.filtr-item {
    transform: scale(1) translate3d(0px, 0px, 0px);
	-o-transform: scale(1) translate3d(0px, 0px, 0px);   
    transition: all 0.5s ease-out 0ms;
	-o-transition: all 0.5s ease-out 0ms;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}
/*----*/
ul.simplefilter {
    text-align: center;
	margin-bottom: 3em;
}
@media(max-width:1080px){
	figcaption.w3layouts-caption h3 {
		margin-top: 78px;
	}
}
@media(max-width:991px){
	.filtr-item{
		float:left;
		width:50%;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 10px 13px;
		font-size: 1em;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 100px;
	}
}
@media(max-width:768px){
	.filtr-item{
		float:left;
		width:48%;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		
	}
	.simplefilter li:before {
		
	}
}
@media(max-width:736px){
	figcaption.w3layouts-caption h3 {
		margin-top: 93px;
	}
}
@media(max-width:667px){
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 10px 9px;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 84px;
		font-size: 1.5em;
	}
}
@media(max-width:600px){
	.filtr-item {
		padding: 0em;
	}
	ul.simplefilter {
		margin-bottom: 0em;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		margin-bottom: 1em;
	}
}
@media(max-width:414px){
	ul.simplefilter {
		margin-bottom: 0em;
	}
	.filtr-item{
		width:100%;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 4px 4px;
		font-size: 0.8em;
		letter-spacing: 0px;
		margin-bottom: 1em;
		margin: 0 0 1em 0;
	}
}
@media(max-width:384px){
.simplefilter li:before {
		content: '';
		position: absolute;
		top: 11px;
		background: #333;
		height: 2px;
		width: 12px;
		right: -9px;
	}
}
/*-- //gallery --*/
/*-- //Inner-Pages --*/
/*--responsive--*/
@media(max-width: 1680px){

}
@media(max-width: 1600px){

}
@media(max-width: 1440px){
	.navbar-right {
		margin: 0 0 0 16em;
	}
}
@media(max-width: 1366px){
	.agileits-banner-info {
		padding: 8em 0 0;
	}
	.sap_tabs {
		margin: 6em 0 3em;
	}
	.navbar-right {
		margin: 0 0 0 14em;
	}
}
@media(max-width: 1280px){
	.collapse.navbar-collapse.navbar-ex1-collapse {
		padding: 0;
	}
	.navbar-nav > li {
		margin: 0 .4em !important;
	}
	.rw-words-2 span {
		font-size: 1.8em;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {

	}
	.navbar-right {
		margin: 0 0 0 10em;
	}
}
@media(max-width: 1080px){
	.rw-words {
		height: 52px;
	}
	.header-main {

	}
	.navbar-default .navbar-nav > li > a {
		font-size: 1em;
	}
	.nav > li > a {
		padding: 9px 14px!important;
	}
	.navbar-nav > li {
		margin: 0 .2em !important;
	}
	.agileits-banner-info {
		padding: 13em 0 0;
	}
	.rw-words-2 span {
		font-size: 1.6em;
	}
	.rw-words.rw-words-1 span {
		font-size: .9em;
	}
	div#horizontalTab {
		width: 90% !important;
	}
	.resp-tab-item {
		padding: .8em 2.5em;
	}
	.sap_tabs {
		margin: 5em 0 3em;
	}
	.main-agile {
		min-height: 750px;
	}
	.about-wel h5 {
		font-size: 2.5em;
		letter-spacing: 1px;
	}
	.about-wel p {
		font-size: 1.05em;
		margin: 1em 0 1em;
	}
	.first-posi-w3l:before {
		left: -5%;
	}
	.stats-grid {
		font-size: 45px;
	}
	.stats h4 {
		font-size: 23px;
		padding: .7em 0em;
	}
	h3.agile-title {
		font-size: 2.7em;
	}
	.albums-right, .albums1-left {
		padding: 2em 1.5em;
	}
	.position-w3l {
		border: 10px solid rgba(255, 255, 255, 0.69);
		top: 7%;
		padding: 15.5em 12.5em;
		left: 11%;
	}
	.w3ls-address-grid {
		padding: 0 .5em;
	}
	.wthree-join h2 {
		font-size: 1.8em;
		letter-spacing: 2px;
	}
	.ftr-menu ul li a {
		margin: 0 1.4em;
	}
	.counter-subw3l {
		width: 21%;
	}
	.w3layouts-agileits-social li a i {
		margin: 0 4px;
	}
	.ftr-menu {
		padding: 2.5em 0em;
	}
	.services-bottom {
		padding: 4.5em 0;
	}
	.w3layouts_banner_bottom_servicer h4 {
		font-size: 1.1em;
	}
	.hovereffect a i {
		padding: 5px;
	}
	nav.col-md-6.navbar.navbar-default {
		padding: 0 .5em;
	}
	.main-agile.banner-2 {
		min-height: 250px;
	}
	.navbar-right {
		margin: 0 0 0 8em;
	}
}
@media(max-width: 1050px){
	.navbar-right {
		margin: 0 0 0 6em;
	}
}
@media(max-width: 1024px){
	.header-main {

	}
	nav.col-md-6.navbar.navbar-default {
		padding: 0 0em;
	}
	.rw-words-2 span {
		font-size: 1.5em;
	}
}
@media(max-width: 991px){
	.navbar-right {
		margin: 0 0 0 5em;
	}
	.agileits-banner-info {
		padding: 11em 0 0;
	}
	li.span1_of_1, li.desti1 {
		float: left;
		width: 47.5%;
	}
	div#horizontalTab {
		width: 86% !important;
	}
	.sap_tabs {
		margin: 4em 0 3em;
	}
	.position-w3l {
		top: 7%;
		padding: 17.5em 14em;
		left: 8.5%;
	}
	.come {
		margin-top: 3em;
	}
	.about-wel p {
		margin: 1em 0 1.5em;
	}
	.first-posi-w3l:before {
		left: 12%;
	}
	.stats h4 {
		font-size: 17px;
		padding: .9em 0em;
	}
	.albums-right, .albums1-left {
		padding: 3em 3em;
	}
	.albums-right p, .albums1-left p {
		margin: 1.5em 0;
	}
	.w3-address1 p {
		letter-spacing: 0px;
	}
	.agileits-footer-top {
		padding: 2.5em 0;
	}
	.wthree-join h2 {
		font-size: 1.7em;
		text-align: center;
		margin-bottom: 1em;
	}
	.counter-subw3l p {
		letter-spacing: 2px;
	}
	.counter-subw3l {
		width: 24%;
		left: 4%;
	}
	.counter-subw3l.w3l-right-footer {
		left: 72%;
	}
	.ftr-menu ul li a {
		margin: 0 .8em;
		font-size: 1.1em;
		letter-spacing: 1px;
	}
	.ftr-menu {
		padding: 2em 0em;
	}
	.services-bottom {
		padding: 4em 0;
	}
	.wthree_team_grid {
		float: left;
		width: 25%;
		padding: 0 .5em;
	}
	.hovereffect h6 {
		font-size: 16px;
		padding: 7px;
	}
	.hovereffect a i {
		padding: 4px;
		font-size: 16px;
	}
	.form-group {
		margin-bottom: 1em;
	}
	section.contact-w3ls p.contact-agile1 {
		padding-bottom: 1.5em;
	}
	section.contact-w3ls button.btn.btn-primary {
		margin: 1.5em 0 0;
	}
	.w3l-map iframe {
		height: 450px;
	}
	.w3_banner_bottom_service1 {
		float: left;
		width: 33%;
	}
	.w3layouts_banner_bottom_servicel {
		float: left;
		width: 27%;
	}
	.w3layouts_banner_bottom_servicer {
		float: right;
		width: 92%;
	}
}
@media(max-width: 900px){
	.w3ls-social-icons-2 i {
		font-size: .85em;
		width: 30px;
		height: 30px;
		line-height: 2.8;
	}
	.navbar-right {
		margin: 0 0 0 2.5em;
	}
	.header-main {
		padding: 1.8em .5em;
	}
}
@media(max-width: 800px){
	h1 a.logo{
		font-size: 1em;
		
	}
	h1 a.logo img{
		width:185px;
		
	}
	.navbar-header {
    margin-top: -73px;
}
	.navbar-default .navbar-nav > li > a {
		font-size: .9em;
		padding: 6px 7px!important;
	}
	.w3ls-social-icons-2 i {
		font-size: .9em;
		width: 30px;
		height: 30px;
		line-height: 2.5;
	}
	.logo-agile-1 {
		padding: 0 .5em;
	}
	p.text-w3l-services {
		width: 94%;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {
		padding: 4.5em 0em;
	}
	.banner-bottom h6 {
		font-size: 1.8em;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {
		padding: 4em 0em;
	}
	.w3layouts_header p:before, .w3layouts_header p:after {
		top: 56%;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border-radius: 5px;
	}
	.navbar-nav {
    float: none!important;
}
}
@media(max-width: 768px){
	.navbar-default .navbar-nav > li > a {
		letter-spacing: 0.7px;
	}
	.w3ls-social-icons-2 {
		padding: 0 .1em;
	}
	.rw-words.rw-words-1 span {
		font-size: .8em;
	}
	.about-wel h5 {
		font-size: 2.3em;
	}
	.navbar-right {
		margin: 0 0 0 1em;
	}
	.main-agile.banner-2 {
		min-height: 200px;
	}
	.main-agile {
		overflow:hidden;
	}
		.navbar-nav {
    float: none!important;
}
}
@media(max-width: 767px){
	button.navbar-toggle {
		margin: 0;
		border-radius: 0;
		margin-right:0em;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#ff2f68;
	}
	.navbar-nav > li {
		margin: 1em 0 !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent !important;
		background: white;
		width: 100%;
	}
		.navbar-nav {
    float: none!important;
}
	.navbar-right {
		margin: 0em;
		width: 100%;
	}
	.navbar-header {
		float: right;
	}
	.navbar-default .navbar-nav > li > a {
		letter-spacing: 1px;
	}
	.w3ls-social-icons-2 {
		padding: 2em 0;
		text-align: center;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 1em;
		padding: 9px 7px!important;
		text-align: center;
	}
	.header-main {
		padding: 1.5em;
	}
}
@media(max-width: 736px){
	.agileits-banner-info {
		padding: 10em 0 0;
	}
	.resp-tab-item {
		font-size: .9em;
	}
	.facts {
		padding: 0em;
	}
.pad5{
padding:0 5px;
}
	.book_date input[type="text"] {
		font-size: .9em;
	}
	.reservation h5 {
		font-size: .9em;
	}
	.date_btn input[type="submit"] {
		padding: .7em 3em;
		margin-top: 2.5em;;
	}
	li.desti1 {
		float: left;
		width: 47%;
	}
	.main-agile {
		min-height: 680px;
	}
	.first-posi-w3l:before {
		left: 11%;
	}
	.stats-grid.slideanim {
		float: left;
		width: 50%;
	}
	.w3layouts_banner_bottom_servicer h4 {
		font-size: 1em;
	}
	.stats-grid.slideanim:nth-child(3), .stats-grid.slideanim:nth-child(4) {
		margin-top:1em;
	}
	.stats h4 {
		font-size: 19px;
		padding: 1em 0em;
	}
	.albums-right p, .albums1-left p {
		margin: 1em 0;
	}
	.albums-right, .albums1-left {
		padding: 2.5em 3em;
	}
	.w3-address1 p {
		letter-spacing: 1px;
	}
	.counter-agile {
		padding: 3em 2.5em;
	}
	.hovereffect a i {
		font-size: 15px;
	}
	h4.w3l-contact {
		margin: 1em 0 0;
	}
	.w3l-map iframe {
		height: 400px;
	}
	.rw-words-2 span {
		font-size: 1.4em;
	}
	.w3layouts_header p i {
		font-size: .9em;
	}
}
@media(max-width: 667px){
	.w3ls-social-icons-2 i {
		width: 40px;
		height: 40px;
		line-height: 3.3;
	}
	.col-md-3.w3ls-social-icons-2 {
		width: 100%;
		padding: 0 1em;
		text-align: left;
	}
	nav.col-md-6.navbar.navbar-default {
		margin: 0;
	}
	.rw-words.rw-words-1 span {
		font-size: .7em;
	}
	.rw-words-2 span {
		font-size: 1.3em;
	}
	.sap_tabs {
		margin: 3em 0 0;
	}
	.first-posi-w3l:before {
		left: 6%;
	}
	.w3ls_banner_bottom_grids p:nth-child(2), .w3ls_banner_bottom_grids p:nth-child(3) {
		margin-top: 2.8em;
	}
	.about-wel h5 {
		font-size: 2.2em;
	}
	.stats {
		padding: 60px 0;
	}
	.w3layouts_header p span:after {
		right: 35%;
	}
	.w3layouts_header p span:before, .w3layouts_header p span:after {
		width: 9%;
	}
	.w3layouts_header p span:before {
		left: 35%;
	}
	.w3layouts_header p:before {
		left: 38%;
	}
	.w3layouts_header p:before, .w3layouts_header p:after {
		width: 7%;
	}
	.w3layouts_header p:after {
		right: 38%;
	}
	.ftr-menu ul li a {
		font-size: 1em;
	}
	.counter-agile {
		padding: 2.5em 2em;
	}
	.counter-subw3l {
		width: 28%;
		top: -18%;
	}
	.counter-subw3l.w3l-right-footer {
		left: 67%;
	}
	.wthree-join h2 {
		font-size: 1.6em;
		margin-bottom: 0.8em;
	}
	.agileinfo-newsletter input[type="email"] {
		padding: .8em;
	}
	.agileinfo-newsletter input[type="submit"] {
		padding: 12px 18px;
	}
	.w3layouts-newsletter {
		padding: 1em 1em 1.5em;
	}
	.hovereffect a i {
		font-size: 13px;
		padding: 3px;
	}
	.w3_banner_bottom_service1 {
		float: none;
		width: 100%;
	}
	.w3_banner_bottom_service1:nth-child(2) {
		margin: 2em 0;
	}
	.w3layouts_banner_bottom_servicel {
		float: left;
		width: 31%;
	}
	.w3layouts_banner_bottom_servicer {
		float: right;
		width: 69%;
	}
}
@media(max-width: 640px){
	.about-wel h5 {
		font-size: 2em;
		letter-spacing: 0px;
	}
	.steps-wel h5 {
		font-size: 1.4em;
	}
	.facts {
		padding: 0em;
	}
	.position-w3l {
		left: 10.5%;
	}
	h3.agile-title {
		font-size: 2.3em;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {
		padding: 3.5em 0em;
	}
	.albums-right, .albums1-left {
		padding: 2.5em 2.5em;
	}
	.ftr-menu ul li a {
		margin: 0 .7em;
	}
	.banner-bottom h6 {
		font-size: 1.6em;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 10px 7px;
	}
	ul.simplefilter {
		margin-bottom: 2em;
	}
}
@media(max-width: 600px){
	.header-main {
		padding: 0px .5em;
	}
	.w3ls-social-icons-2 i {
		width: 35px;
		height: 35px;
		line-height: 2.8;
	}
	.agileits-banner-info {
		padding: 9em 0 0;
	}
	.resp-tab-item {
		font-size: .85em;
	}
	div#horizontalTab {
		width: 90% !important;
	}
	.sap_tabs {
		margin: 2em 0 0;
	}
	.date_btn input[type="submit"] {
		font-size: .9em;
	}
	.main-agile {
		min-height: 650px;
	}
	.first-posi-w3l:before {
		left: 0%;
	}
	.albums-right, .albums1-left {
		padding: 2.5em 2em;
	}
	.counter-subw3l {
		width: 32%;
	}
	.counter-agile {
		padding: 2.5em 1em;
	}
	.ftr-menu ul li a {
		margin: 0 .6em;
	}
	.counter-subw3l.w3l-right-footer {
		left: 64%;
		top: 82%;
	}
	p.text-w3l-services {
		width: 100%;
	}
	.banner-bottom h6 {
		font-size: 1.5em;
	}
	.wthree_team_grid {
		width: 50%;
		padding: 0 1em;
	}
	.hovereffect a i {
		font-size: 18px;
		padding: 10px;
	}
	.wthree_team_grid:nth-child(3), .wthree_team_grid:nth-child(4){
		margin-top:2em;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		margin: 0 8px;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 75px;
		font-size: 1.3em;
	}
	.w3layouts_banner_bottom_servicel {
		float: left;
		width: 26%;
	}
	.w3layouts_banner_bottom_servicer {
		float: right;
		width: 79%;
	}
}
@media(max-width: 568px){
	.rw-words-2 span {
		font-size: 1.08em;
	}
	li.desti1 {
		float: left;
		width: 47%;
	}
	li.span1_of_1{
		float: left;
		width:46.5%;
	}
	.first-posi-w3l:before {
		left: -3%;
	}
	.albums-right, .albums1-left {
		padding: 2.5em 1.5em;
	}
	.ftr-menu ul li a {
		letter-spacing: 0px;
	}
	.services-bottom {
		padding: 3em 0;
	}
	.hovereffect a i {
		padding: 8px;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		margin: 0 5px;
	}
	.main-agile.banner-2 {
		min-height: 170px;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {
		padding: 3em 0em;
	}
}
@media(max-width: 480px){
	.header-main {
		padding: 1em .5em;
	}
	.position-w3l {
		padding: 14em 11.5em;
	}
	li.span1_of_1 {
		width: 46%;
	}
	.about-wel h5 {
		font-size: 1.8em;
	}
	.about-wel p {
		margin: 1em 0 1em;
	}
	.first-posi-w3l:before {
		left: -8%;
	}
	.albums-right, .albums1-left {
		padding: 2em 1em;
	}
	.albums-right p, .albums1-left p {
		margin: .9em 0;
		font-size: 13px;
	}
	.counter-subw3l p {
		font-size: 1.4em;
	}
	.counter-subw3l {
		width: 39%;
		top: -15%;
	}
	.counter-subw3l.w3l-right-footer {
		left: 55%;
		top: 85%;
	}
	.ftr-menu {
		padding: 1em 0em;
	}
	.ftr-menu ul li a {
		letter-spacing: 1px;
		line-height: 2.5;
	}
	.footer-class {
		padding: .5em 0;
	}
	.agileinfo-newsletter input[type="email"] {
		width: 70%;
	}
	.agileinfo-newsletter input[type="submit"] {
		width: 29%;
	}
	h3.agile-title {
		font-size: 2em;
	}
	.banner-bottom h6 {
		font-size: 1.35em;
	}
	.alert, p {
		font-size: 13px;
	}
	.stats-grid {
		font-size: 40px;
	}
	h4.stats-info {
		margin-top: 9px;
	}
	.hovereffect a i {
		padding: 5px;
	}
	.w3l-map iframe {
		height: 330px;
	}
	.rw-words.rw-words-1 span {
		font-size: .6em;
		letter-spacing: 0px;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 52px;
	}
	section.contact-w3ls h4 {
		font-size: 1.5em;
		padding: 0 0 1em;
	}
	h4.w3l-contact {
		margin: 2em 0 0;
	}
	.rw-words {
		height: 42px;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		margin: 0 4px;
		padding: 10px 3px;
		font-size: .9em;
	}
	.main-agile {
		min-height: 637px;
	}
}
@media(max-width: 414px){
	h1 a.logo {
		font-size: 0.9em;
	}
	div#horizontalTab {
		width: 100% !important;
	}
	.book_date input[type="text"] {
		font-size: .8em;
	}
	.reservation h5 {
		font-size: .8em;
	}
	.position-w3l {
		padding: 11.5em 9em;
		left: 13%;
	}
	.about-wel h5 {
		font-size: 1.6em;
	}
	.about-wel p {
		font-size: 1em;
	}
	.w3l_banner_bottom_grid1 i {
		font-size: 1.2em;
	}
	.w3l_banner_bottom_grid1 {
		width: 50px;
		height: 50px;
	}
	.w3l_banner_bottom_grid1:before {
		top: 22px;
		left: -105%;
	}
	.first-posi-w3l:before {
		left: -7%;
		top: 11.9%;
	}
	.first-posi-w3l:before {
		height: 158px;
	}
	.w3ls_banner_bottom_grids h6 {
		font-size: 1.8em;
		line-height: 56px;
	}
	.w3ls_banner_bottom_grids p:nth-child(2), .w3ls_banner_bottom_grids p:nth-child(3) {
		margin-top: 1em;
	}
	.stats {
		padding: 40px 0;
	}
	.stats h4 {
		font-size: 17px;
	}
	.w3layouts_header p:before, .w3layouts_header p:after {
		width: 10%;
	}
	.w3layouts_header p:before {
		left: 33%;
	}
	.w3layouts_header p:after {
		right: 33%;
	}
	.w3layouts_header p span:before, .w3layouts_header p span:after {
		width: 13%;
	}
	.w3layouts_header p span:before {
		left: 27%;
	}
	.w3layouts_header p span:after {
		right: 27%;
	}
	.w3lsalbums-grid h4 {
		font-size: 1.3em;
	}
	.albums-right p, .albums1-left p {
		margin: .65em 0;
	}
	.agileinfo-newsletter input[type="submit"] {
		width: 29%;
		padding: 12px 0px;
		font-size: 14px;
	}
	.wthree-join h2 {
		font-size: 1.5em;
		letter-spacing: 1px;
	}
	.counter-subw3l {
		width: 45%;
	}
	.w3layouts-agileits-social li a i {
		margin: 0 1px;
	}
	.counter-subw3l.w3l-right-footer {
		left: 50%;
		top: 84%;
	}
	.rw-words-2 span {
		font-size: 1em;
	}
	li.desti1:nth-child(2) {
		margin-left: 1.7em;
	}
	.agileits-banner-info {
		padding: 8em 0 0;
	}
	.w3ls_banner_bottom_grids.first-posi-w3l {
		padding-left: 2em;
	}
	.w3l_banner_bottom_grid1:before {
		left: -78%;
		width: 34px;
	}
	.albums-right, .albums1-left {
		padding: 1.5em 1em;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: .9em;
		padding: 8px 7px!important;
	}
	.hovereffect a i {
		padding: 3px;
		font-size: 16px;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 104px;
	}
	.albums-left, .albums1-right {
		width: 100%;
	}
	.albums-right, .albums1-left {
		width: 100%;
	}
	.w3layouts_header p i {
		font-size: .8em;
	}
	.main-agile {
		min-height: 604px;
	}
	.banner-bottom h3 {
		font-size: 1.4em;
	}
}
@media(max-width: 384px){
	.banner-bottom h6 {
		line-height: 1.6;
	}
	.hovereffect a i {
		padding: 3px;
		font-size: 14px;
	}
	.rw-words-2 span {
		font-size: .9em;
	}
	li.desti1:nth-child(2) {
		margin-left: 1.5em;
	}
	.position-w3l {
		padding: 10.5em 8.3em;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 10px 7px;
	}
	.simplefilter li:before {
		top: 16px;
		right: -12px;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 88px;
	}
	.counter-agile {
		padding: 2em 1em;
	}
}
@media(max-width: 375px){
	.about-wel h5 {
		font-size: 1.5em;
	}
	.agileinfo-newsletter input[type="email"] {
		width: 67%;
	}
	.agileinfo-newsletter input[type="submit"] {
		width: 32%;
		font-size: 13px;
	}
	.ftr-menu ul li a {
		margin: 0 .4em;
	}
	.main-agile.banner-2 {
		min-height: 150px;
	}
}
@media(max-width: 320px){
	.rw-words.rw-words-1 span {
		font-size: .5em;
	}
	.rw-words-2 span {
		font-size: .7em;
	}
	.rw-words {
		height: 35px;
	}
	.navbar-toggle {
		padding: 7px 7px;
	}
	.agileits-banner-info {
		padding: 6em 0 0;
	}
	li.span1_of_1 {
		width: 100%;
	}
	li.span1_of_1.left {
		margin-left: 0;
	}
	.reservation h5 {
		margin: 1.5em 0 .5em;
	}
	.resp-tab-item {
		font-size: .8em;
		padding: .8em 2em;
	}
	.sap_tabs {
		margin: .5em 0 0;
	}
	.about.w3layouts-agileinfo, .albums, .banner-bottom, .team, .portfolio, .typo, section.contact-w3ls, .w3_wthree_agileits_icons {
		padding: 2em 0em;
	}
	.position-w3l {
		padding: 8.3em 6.5em;
	}
	.banner-bottom h3 {
		font-size: 1.3em;
	}
	.about-wel h5 {
		font-size: 1.2em;
	}
	.about-wel p {
		font-size: .9em;
	}
	.steps-wel h5 {
		font-size: 1.2em;
	}
	.come {
		margin-top: 2em;
	}
	.alert, p {
		font-size: 11px;
		letter-spacing: 0px;
	}
	.w3ls_banner_bottom_grids h6 {
		font-size: 1.5em;
		line-height: 48px;
	}
	.w3l_banner_bottom_grid1 {
		width: 40px;
		height: 40px;
	}
	.w3l_banner_bottom_grid1 i {
		font-size: 1em;
	}
	.w3ls_banner_bottom_grids.first-posi-w3l {
		padding-left: 1.8em;
	}
	li.desti1:nth-child(2) {
		margin-left: 0;
	}
	.date_btn input[type="submit"] {
		padding: .7em 2em;
	}
	.w3l_banner_bottom_grid1:before {
		left: -80%;
		width: 28px;
		top: 19px;
	}
	.first-posi-w3l:before {
		height: 138px;
		left: -7%;
		top: 11.9%;
	}
	.stats-grid.slideanim {
		float: none;
		width: 100%;
	}
	.stats-grid.slideanim:nth-child(3), .stats-grid.slideanim:nth-child(2), .stats-grid.slideanim:nth-child(4) {
		margin-top: .5em;
	}
	.wthree-almub {
		min-height: 180px;
	}
	.w3-address1 p {
		font-size: .8em;
	}
	.wthree-join h2 {
		font-size: 1.3em;
		letter-spacing: 0px;
	}
	.agileinfo-newsletter input[type="submit"] {
		width: 100%;
	}
	.agileinfo-newsletter input[type="email"] {
		width: 100%;
	}
	.counter-subw3l {
		width: 55%;
		top: -18%;
	}
	.counter-subw3l p {
		font-size: 1.2em;
	}
	.counter-subw3l.w3l-right-footer {
		left: 39%;
		top: 80%;
	}
	.ftr-menu ul li a {
		margin: 0 .3em;
		font-size: .83em;
	}
	.ftr-menu {
		padding: .8em 0em;
	}
	.footer-class {
		font-size: .9em;
	}
	.w3layouts_banner_bottom_servicer {
		padding: 0;
	}
	.wthree_team_grid {
		width: 100%;
	}
	.hovereffect a i {
		padding: 11px;
		font-size: 16px;
	}
	.wthree_team_grid:nth-child(3), .wthree_team_grid:nth-child(2), .wthree_team_grid:nth-child(4) {
		margin-top: 1.5em;
	}
	figcaption.w3layouts-caption h3 {
		margin-top: 75px;
	}
	.footer-icons-agileinfo {
		margin: 1em 0 0;
	}
	.w3layouts_header p {
		margin: 0em 0 .8em !important;
	}
}
/*--//responsive--*/
.section-title {
	position: relative
}
.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}
.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block
}
.section-title h4:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
.section-title h4:after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #FF7200;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mb-100{
    margin-bottom:100px;
}
.services {
	background-color: #FBFBFB;
}
.single-service {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 30px 20px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16)
}
.single-service:before {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #FF7200;
	left: 0;
	top: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}
.single-service:after {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #FF7200;
	right: 0;
	bottom: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}
 .fa-rocket{font-size:30px;color:#c90035;}
 .fa-fighter-jet{font-size:30px;color:blue;}
 .fa-plane{font-size:30px;color:green;}
.single-service:hover:after,
.single-service:hover:before {
	width: 50%;
	height: 2px;
	-webkit-transition: .3s;
	transition: .3s
}
.single-service:hover {
	box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.10)
}
.single-service i.fa {
    font-size: 44px;
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    line-height: 80px;
    margin-bottom: 30px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}
.single-service:hover i.fa {
	background-color: #FF7200;
	color: #fff;
	border-color: #FF7200;
	border-radius: 0;
}
.single-service h4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.single-service p {
	font-size: 15px;
	line-height: 1.8;
}


/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 4 *******************/
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}

/*********************** Demo - 5 *******************/
.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}
/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}

/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#0dab76;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#03A9F4;font-size:20px;color:#fff;width:80%;}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

/*********************** Demo - 9 *******************/
.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1}
.box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}
/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #0d5f45;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #18ab69 #18ab69 #008148;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}
/*********************** Demo - 11 *******************/
.box11{background:#000;color:#fff;position:relative}
.box11:after,.box11:before{position:absolute;content:""}
.box11:before{width:100%;height:100%;background:#83437d;opacity:.5;top:100%;left:0;z-index:1;transition:all .35s ease-in .3s}
.box11:hover:before{top:0;transition:all .35s ease-out 0s}
.box11:after{bottom:100%;left:50%;border-width:200px 200px 0;border-style:solid;border-color:#83437d transparent transparent;opacity:.9;transform:translateX(-50%);transition:all .35s ease-out 0s}
.box11:hover .post,.box11:hover .title{transform:translate(0,-50%)}
.box11:hover:after{bottom:25%;transition:all .35s ease-in .2s}
.box11 img{width:100%;height:auto}
.box11:hover img{opacity:.5}
.box11 .icon,.box11 .post,.box11 .title{width:100%;position:absolute;left:0;opacity:0;transition:all .35s ease .5s}
.box11 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.box11 .title{padding:0 30px;margin:0;font-weight:300;top:45%}
.box11 .post,.box14 .post{text-transform:capitalize}
.box11 .post{font-size:15px;top:57%}
.box11 .icon{padding:0;margin:0;list-style:none;bottom:5px}
.box11 .icon li a{width:40px;height:40px;line-height:40px;padding:0 5px;font-size:20px;color:#fff;opacity:.7;transition:all .35s ease .5s}
.box11 .icon li a:hover{opacity:1;transition:all .35s ease}
.box11:hover .icon,.box11:hover .post,.box11:hover .title{opacity:1}
@media only screen and (max-width:990px){.box11{margin-bottom:20px}
}
@media only screen and (max-width:767px){.box11:after{border-width:500px 500px 0}
}

/*********************** Demo - 12 *******************/
.box12{position:relative}
.box12 .box-content,.box12:after{position:absolute;transition:all .3s ease 0s}
.box12:after{content:"";width:65%;background:rgba(28,28,28,.8);padding-bottom:65%;opacity:0;top:50%;left:50%;transform:rotate(0) translate(-50%,-50%);transform-origin:0 0 0}
.box12:hover:after{transform:rotate(-45deg) translate(-50%,-50%);opacity:1}
.box12 img{width:100%;height:auto}
.box12 .box-content{width:100%;top:35%;left:0;opacity:0;z-index:1}
.box12:hover .box-content{opacity:1}
.box12 .title{padding:10px 0;color:#fff;margin:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.box12 .icon{padding:0;margin:12px 0 0;list-style:none}
.box12 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;border:1px solid #fff;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box12 .icon li a:hover{border-radius:0}
@media only screen and (max-width:990px){.box12{margin-bottom:20px}
}
/*********************** Demo - 13 *******************/
.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#463f9f;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block;font-size:22px;font-weight:700;color:#39b54a;margin:0 0 10px}
.box13 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box13 .social{padding:0;margin:0;list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box13 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box13{margin-bottom:30px}
}

/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}
.box14 .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}

/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box15:hover .box-content{background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box15 .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box15 .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box15:hover .title:after{width:80%;transition:all 1s ease .8s}
.box15 .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}

/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}

/*********************** Demo - 17 *******************/
.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}

/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}

/*********************** Demo - 20 *******************/
.box20{position:relative}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#ff402a;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}
.box20 .icon li a:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px}
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}