/*==================================
* Author        : "ThemeSine"
* Template Name : Travel
* Version       : 1.0
==================================== */

/*==================================

font-family: 'Poppins', sans-serif;

==================================== */

/*=========== TABLE OF CONTENTS ===========

1.  General css (Reset code)
2. 	Header
3. 	About
5.  Travel-box
5.  Service
6.  Gallery
7.  Discount-offer
8.  Packages
9.  Testemonial 
10. Special Offer
11. Blog
12. Subscribe
13. Footer-copyright
===========*/

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
*{
    padding: 0;
    margin: 0;
}

*{

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;

}

body{
    position: relative;
	font-size:14px;
	color: #222222;
    /* background: #fff; */
    background:#f9f9f9;
	font-family: 'Poppins', sans-serif;
    max-width:1920px;
    margin:0 auto;
	overflow-x:hidden;

}



a,a:hover,a:active,a:focus {

	display:inline-block;
	text-decoration:none;
	font-size:13px;
	padding:0;
    margin:0;

}

h1,h2,h3,h4,h5,h6 { 

	margin: 0;
	color:#222222;
	text-transform: capitalize;

}

b{
    font-weight: 800;
}

p {

	margin: 0;
	color:#666666;
	font-size:14px;

}

img{border:none;max-width:100%; height:auto;}

.imgRotate {
    transform: rotate(180deg);
}

ul{

	padding: 0;
    margin: 0;
    list-style: none;

}

ul li {

	list-style: none;

	

}

select,input,textarea,button{box-shadow:none;outline:0!important;}





html,body{

    height: 100%;
    z-index: 2;

}

[placeholder]:focus::-webkit-input-placeholder {

  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;

}



/*=============Style css=========*/

/*-------------------------------------
		2. Header
--------------------------------------*/
.top-area {
    position: absolute;
    width: 100%;
}
.wrapper {
    position: relative;
    z-index: -1;
}
.header-area{
    position:relative;
    width: 100%;
}

/*.sticky-wrapper */
.sticky-wrapper {
    position: relative;
    z-index: 2;
    transition:.7s;
}
.is-sticky .header-area{
    
}
.is-sticky .header-area:after{
    position:absolute;
    content:'';
    background: rgb(245, 163, 36);
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:-1;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition: all 0.5s linear;
}
.sticky-wrapper.is-sticky .main-menu .nav a:before{
    bottom: 17.6px;
}/*.sticky-wrapper */

/*.logo*/
.logo a, .logo a:hover, .logo a:focus{
    color: #fff;
    font-size:24px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    margin: 14px 0px 0;
    padding: 10px 0 0 0;
}
.logo a span{
    color: #222222;
    text-transform: capitalize;
}

/*.logo*/

/*.main-menu*/
.main-menu {position:relative;}
.main-menu ul .nav .navbar-nav {
    text-align:right;
    float:none;
}
.main-menu .nav li {
    position:relative;
    padding: 16px 12px 0px;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition: all 0.2s linear;
}
.main-menu .nav li a{
    padding: 11px 0 29px;
    color: #222222;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight:500;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}
.main-menu  .nav  li.active a,
.main-menu  .nav  li a:hover,
.main-menu  .nav  li a:focus{
    color: 222222;
    background-color:transparent;
}
.main-menu .nav a:before{
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    bottom: -2.4px;
    left: 0;
    background: transparent;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    
}
.main-menu .nav li.active  a:before,
.main-menu .nav a:hover:before{
    background: #222222;
    width: 100%;
}

/*.main-menu*/

/* tooggle */
.main-menu .navbar-toggle {
    margin-top: 5px;
    border: 1px solid;
    font-size: 16px;
    float:left;
}
.main-menu .navbar-toggle {
    color: #222222;
}
.main-menu .navbar-default .navbar-toggle:focus, 
.main-menu .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/*-------------------------------------
        HOME
--------------------------------------*/

.home{
    
}

.home-content{
    margin-top:165px; 
}

.home-description h1{
    padding: 10px 0 0;
    color: #182233;
    font-size: 50px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-align: left;
}

.home-description h2{
    
}

.home-description h3{
    padding: 10px 0px;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: left;
}

.home-border{
    border-top:2px solid #222222;
}

.home-border-left{
    border-left:2px solid #222222;
}

/*-------------------------------------
        PRODUCT
--------------------------------------*/

.product-content{
    margin-top:200px; 
    padding: 10px 10px 60px;
}

.product-description h1{
    padding-top: 10px;
    color: #182233;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-align: left;
}

.product-description h2{
    color: #182233;
    font-size: 50px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-align: center;
}

.product-description h3{
    padding: 10px 0 0;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: right;
}

.product-description h4{
    padding: 10px 0 0;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: left;
}


.product-description th{
    width: 350px;
    padding-left: 40px;
}

.product-image1{
    position: absolute;
    float: left;
    left: 10px;
    z-index: 1;
}
.product-image2{
    position: absolute;
    float: right;
    z-index: 2;
}

.service-content {
    margin-top: 200px; 
    margin-bottom: 100px;
}

.service-description h3{
    padding: 10px 0 0;
    padding-right: 20px;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: right;
}

.service-description h2{
    color: #182233;
    font-size: 50px;
    padding-left: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-align: left;
}

.service-description-left h2{
    color: #182233;
    font-size: 50px;
    padding-left: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-align: left;
}

.service-description-left h3{
    padding: 10px 0px;
    padding-left: 10px;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: left;
}

.service-description-center h3{
    padding-top: 10px;
    color: #182233;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: none;
    text-align: center;
}

/*-------------------------------------
        13.  Footer-copyright
--------------------------------------*/
.footer-copyright{
    background:#f9f9f9;
    padding: 110px 0 60px;
}
.footer-content{
    /* padding:120px 0;  */
}

/*single-footer-item*/
.single-footer-item{
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.single-footer-item h2{
    color:#565a5c;
    font-size:16px;
    font-weight: 600;
    margin-bottom:40px;
}/*single-footer-item*/

/*footer-logo*/
.footer-logo {
    padding-top: 76px;
}
.footer-logo a, .footer-logo a:hover,.footer-logo a:focus {
    color: #565a5c;
    font-size:24px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    margin: 14px 0px 0;
    padding: 10px 0 0 0;
}
.footer-logo a>span {
    color: #00d8ff;
    text-transform: capitalize;
} 
.footer-logo p{
    color: #aaa;
    font-size:16px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
/*footer-logo*/

/*single-footer-txt*/
.single-footer-txt p{
    margin-bottom:8px;
}
.single-footer-txt p a{
    color:#565a5c;
    font-size:16px;
    -webkit-transition: .5s ease-in-out; 
    -moz-transition:.5s ease-in-out; 
    -ms-transition:.5s ease-in-out; 
    -o-transition:.5s ease-in-out;
    transition: .5s ease-in-out;
    
}
.single-footer-txt p a:hover{
    -webkit-transition:scaleX(1.2);
    -moz-transition:scaleX(1.2);
    -ms-transition:scaleX(1.2);
    -o-transition:scaleX(1.2);
    transform:scaleX(1.2);
    color: #00d8ff;
}/*single-footer-txt*/

.footer-copyright hr{
    border-top: 1px solid #ebebeb;
}

/*foot-icons*/
.foot-icons {
    text-align: center;
    margin-top:60px;
}
 .foot-icons .footer-social-links li {
    padding: 0 10px;
    text-align: center;
}
.foot-icons .footer-social-links a {
    color: #fff;
    display: block;
    font-size: 18px;
    width: 60px;
    line-height: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 50%;
}

.foot-icon-bg-1{
    background: #3b5999;
}
.foot-icon-bg-2{
    background: #1da1f3;
}
.foot-icon-bg-3{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8938ae+0,c13181+100 */
    background: #8938ae; /* Old browsers */
    background: -webkit-linear-gradient(right, #8938ae 0%, #c13181 100%);
    background: -o-linear-gradient(right, #8938ae 0%, #c13181 100%);
    background: linear-gradient(to right, #8938ae 0%, #c13181 100%);
}

.foot-icons .footer-social-links a:hover {
    /*color: #00d8d5;*/
    color: #2cdbb5;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.foot-icons p{
    color:#aaa;
    font-size:16px;
    margin-top:28px;
}
.foot-icons p a,.foot-icons p a:hover,.foot-icons p a:focus{
    color:#00d8ff;
    font-size:16px;
    margin-top:28px;
}/*foot-icons*/

/*===============================
         Scroll Top
===============================*/

#scroll-Top  .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    z-index:15;
    color: #fff;
    background:#00d8ff;
	border:1px solid #00d8ff;
	border-radius:5px;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
	z-index: 2;

}

#scroll-Top  .return-to-top:hover {
    background:#2cdbb5;
    color: #fff;
	border-radius:50%;

}


/*========================Thank you=================*/
