header,

footer,

section,

.section,

.main-banner,

.main-contant,

.main-wrapper{

  float: left; 

  width: 100%;

  position: relative;

}

section,

.section{

  padding: 70px 0 40px; 

}

footer{

  padding: 100px 0 80px

}

.masonry.row{

  float: none;

  width: auto;

  clear: both;

}

/*

    ============================================================

      HEADER DEFAULT CSS START #HEADER

    ============================================================

*/

.search22{
  width: 30%!important;
  display: inline-block;
  height: 34px!important;
}
.pull-left .seabar2{
  color: #000!important;
}
.seabar2 table{
  padding: 0px!important;
}
.gsc-search-button-v2 {
  padding: 16px 13px!important;
}

.gsc-control-cse .gsc-control-cse-en{
  
 height: 34px!important;

}
.cse .gsc-control-cse, .gsc-control-cse {
  
  padding: 0px!important;

    
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    
    
}
.gsc-search-box .gsc-input {
  
}
.gsc-input tr{
  padding: 0px!important;
  width: 235px!important;
} 
.gsc-input-box{
  width: 293px!important;
  border: 1px solid #dfe1e5!important;
}
.gsib_a{
  width: 193%!important;
  max-width: 100%!important;
  padding: 0px!important;
  color: black!important;
}
.td.gsc-search-button {
    width: 17%;
    height: 32px;
  }
  .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px!important;

  }

  table.gsc-search-box td.gsc-input {
   padding-right: 24px!important;
  }

  table tr td {
     padding: 0px!important;
     border: none!important;
  }
  .gsc-search-button {
    margin-left: -20px!important;
  }

  .pull-left.search22{
    color: black!important;
  }
  .form.gsc-search-box {
    margin-bottom: -4px!important;
  }

  .header1 .colr *{
    color: #000!important;
  }
header{

  float: left;

  width: 100%;

  position: relative;

}

  .top-bar{

    float: left;

    width: 100%;

    z-index: 1;

    position: relative;

  }

    .nav-account{

      margin: 0;

      padding: 0;

      float: left;

      width: 100%;

      list-style: none;

    }

      .nav-account > li{

        float: left;

        width: auto;

        padding: 13px 0 12px;

      }

      .nav-account > li a span{

        margin: 0 10px 0 0;

      }

      .nav-account > li::before {

          float: left;

          content: "/";

          font-size: 14px;

          line-height: 16px;

          color: #e56205;

          display: inline-block;

          margin: 0px 16px 0 14px;

      }

      .nav-account > li:first-child::before{

        display: none;

      }

      .nav-account li .title{

        width: auto;

        position: relative;

      }

      .nav-account li .text{

        width: auto;

        float: right;

        margin: 0 0 0 5px;

      }

      .nav-account li .text .styledselect::after{

        display: none;

      }

        .nav-account li .text .styledselect{

            padding: 0;

            height: auto;

            border: none;

            background: none;

            box-shadow: none;

        }

        .nav-account ul.options{

          right: 0;

          top: 100%;

          margin: 0;

          padding: 0;

          left: auto;

          opacity: 0;

          z-index: 1000;

          min-width: 110px;

          border-radius: 0;

          position: absolute;

          border: none;

          background-color: #fff;

          display: block !important;

          text-transform: capitalize;

          -webkit-transform-origin: 0% 0%;

          -moz-transform-origin: 0% 0%;

          -ms-transform-origin: 0% 0%;

          -o-transform-origin: 0% 0%;

          transform-origin: 0% 0%;

          visibility: hidden;

          -webkit-transform: rotateX(-75deg);

          -moz-transform: rotateX(-75deg);

          -ms-transform: rotateX(-75deg);

          -o-transform: rotateX(-75deg);

          transform: rotateX(-75deg);

          -webkit-transform-style: preserve-3d;

          -moz-transform-style: preserve-3d;

          -ms-transform-style: preserve-3d;

          -o-transform-style: preserve-3d;

          transform-style: preserve-3d;

        }

        .nav-account li .title:hover ul.options {

            opacity: 1;

            visibility: visible;

            transform: rotateX(0deg);

            -o-transform: rotateX(0deg);

            -ms-transform: rotateX(0deg);

            -moz-transform: rotateX(0deg);

            -webkit-transform: rotateX(0deg);

        }

        .nav-account ul.options li{

          width: 100%;

        }

        .nav-account ul.options li:hover{

          background-color:transparent; 

        }

        .nav-account li *{

          float: left;

          color: #1f2746;

          font-size: 14px;

          line-height: 16px;

          text-align: left;

        }

  /* ===========================Navigation Css Start=================================*/

  .navigation-outer{

    float: left;

    width: 100%;

    position: relative;

    transition:padding .3s ease;



  }

    .logo{

      margin: 0;

      width: auto;

      float: left;

      line-height: 0;

      padding: 10px 0 0 0;

    }

    

      .navigation {

          width: auto;

          float: right;

          text-align: center;

      }

        .navigation ul {

            margin: 0;

            padding: 0;

            float: left;

            width: auto;

            list-style: none;

        }

          .navigation ul li {

              float: left;

              width: auto;

              margin-right: 10px;

              position: relative;

          }

          .navigation ul li:last-child {

              margin-right: 0 !important;

          }

            .navigation ul li a {

                float: left;

                width: 100%;

                font-size: 14px;

                font-weight: 600;

                position: relative;

                letter-spacing: 0.5px;

                padding: 31px 10px 32px;

                text-transform: uppercase;

            }

              .navigation ul li ul,

              .navigation .sub-menu,

              .navigation .children {

                  left: 0;

                  top: 100%;

                  margin: 0;

                  padding:10px;

                  opacity: 0;

                  z-index: 1000;

                  min-width: 220px;

                  position: absolute;

                  background-color: #fff;

                  text-transform: capitalize;

                  box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.05);

                  -webkit-transform-origin: 0% 0%;

                  -moz-transform-origin: 0% 0%;

                  -ms-transform-origin: 0% 0%;

                  -o-transform-origin: 0% 0%;

                  transform-origin: 0% 0%;

              }

              .navigation ul li ul,

              .navigation ul li .sub-menu,

              .navigation ul li .children {

                  visibility: hidden;

                  -webkit-transform: rotateX(-75deg);

                  -moz-transform: rotateX(-75deg);

                  -ms-transform: rotateX(-75deg);

                  -o-transform: rotateX(-75deg);

                  transform: rotateX(-75deg);

                  -webkit-transform-style: preserve-3d;

                  -moz-transform-style: preserve-3d;

                  -ms-transform-style: preserve-3d;

                  -o-transform-style: preserve-3d;

                  transform-style: preserve-3d;

              }

              .navigation ul li:hover > ul,

              .navigation ul li:hover > .sub-menu,

              .navigation ul li:hover > .children {

                  opacity: 1;

                  visibility: visible;

                  transform: rotateX(0deg);

                  -o-transform: rotateX(0deg);

                  -ms-transform: rotateX(0deg);

                  -moz-transform: rotateX(0deg);

                  -webkit-transform: rotateX(0deg);

              }

                .navigation ul li ul ul,

                .navigation ul li .sub-menu .sub-menu,

                .navigation ul li .children .children {

                    top: 0;

                    left: 100%;

                }

                .navigation ul li.last ul,

                .navigation ul li.last .sub-menu,

                .navigation ul li.last .children {

                    right: 0;

                    left: auto;

                }

                  .navigation ul li.last ul ul,

                  .navigation ul li.last .sub-menu .sub-menu,

                  .navigation ul li.last .children .children {

                      left: auto;

                      right: 100%;

                  }

                    .navigation ul li ul li,

                    .navigation ul li .sub-menu li,

                    .navigation ul li .children li {

                        margin: 0;

                        float: left;

                        width: 100%;

                    }

                .navigation ul li ul a,

                .navigation ul li .sub-menu a,

                .navigation ul li .children a {

                    display: block;

                    text-align: left;

                    padding: 15px 15px;

                    font-weight: normal;

                    line-height: normal;

                    letter-spacing: normal;

                    background-color: #fff;

                    text-transform: capitalize;

                    transition: background-color 0.3s ease,color 0.6s ease;

                    -o-transition: background-color 0.3s ease,color 0.6s ease;

                    -ms-transition: background-color 0.3s ease,color 0.6s ease;

                    -moz-transition: background-color 0.3s ease,color 0.6s ease;

                    -webkit-transition: background-color 0.3s ease,color 0.6s ease;

                }

                .navigation ul li ul li:hover a,

                .navigation ul li .sub-menu li:hover a,

                .navigation ul li .children li:hover a {

                    color: #fff;

                }

      .dl-menuwrapper {

          float: left;

          padding: 10px 0;

          display: none;

      }

        .dl-menuwrapper button{

          background: #002644;

        }

        .dl-menuwrapper ul,

        .dl-menuwrapper .dl-menu {

            background: transparent;

            z-index: 2;

        }

          .dl-menuwrapper .dl-menu{

              right: 0;

              left: auto;

          }

          .dl-menuwrapper li{

            margin: 0 0 2px;

          }

          .dl-menuwrapper li a{

              color: #000;

              background: #fff;

              text-transform: capitalize;

          }

          .dl-menuwrapper li:last-child a{

              border: none;

          }

          .dl-menuwrapper li.dl-back::after,

          .dl-menuwrapper li > a:not(:only-child)::after {

              color: currentcolor;

          }

/*Header 1 Css Start*/

.header1{

  top: 0;

  float: left; 

  width: 100%;

  z-index: 100;

  background-color: #fff;

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15)

}

.header1 .nav-account li *{

  color: #fff;

  font-weight: 300;

}

.header1 .inner-header .top-bar{

  transition:background .3s ease,box-shadow .3s ease, margin .4s ease;

  background-color: #e56205;

}

.header2{

  transition:background .3s ease,box-shadow .3s ease, margin .4s ease;

}

.header2.affix{

  background-color: #fff;

}

.header2.affix .navigation-outer{

  padding:0px 



}

.header1 .nav-account ul.options li{

  background-color: #002138;

}

.header1 .inner-header.affix {

    position: fixed;

    margin: -42px 0 0 0;

    background-color: #fff;

    box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.05);

    width: 100%;

    left: 0px;

    right: 0px;

    top: 0px;

}

.header1 .inner-header{

    transition:margin .4s ease;

}

  .header1 .navigation > ul > li > a::after,

  .header1 .navigation > ul > li > a::before{

    left: 0;

    right: 0;

    bottom: 0;

    width: 0px;

    height: 1px;

    content: "";

    z-index: 1;

    margin: 0 auto;

    position: absolute;

  }

  .header1 .navigation > ul > li > a::after{

    width: 12px;

    height: 12px;

    bottom: -6px;

    transform: rotate(0deg) scale(0);

    -o-transform: rotate(0deg) scale(0);

    -ms-transform: rotate(0deg) scale(0);

    -moz-transform: rotate(0deg) scale(0);

    -webkit-transform: rotate(0deg) scale(0);

  }

  .header1 .navigation > ul > li:hover > a::before{

    width: 100%;

  }

  .header1 .navigation > ul > li:hover > a::after{

    transform: rotate(45deg) scale(1);

    -o-transform: rotate(45deg) scale(1);

    -ms-transform: rotate(45deg) scale(1);

    -moz-transform: rotate(45deg) scale(1);

    -webkit-transform: rotate(45deg) scale(1);

  }

/*Header 1 End*/

/*Header 2 Start*/

.header2{

  float: left;

  width: 100%;

  position: fixed;

  z-index: 10;

  padding: 40px 0px;

  transition:padding .2s ease, box-shadow .2s ease;

}

.header2.affix{

  padding: 20px 0px;

  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10)

}

    .header2 .logo{

      float: left;

      width: auto;

      padding: 0px;

    }

    .header2 .navigation{

      float: right;

      width: auto;

    }

      .header2 .navigation > ul > li{

        margin-right:30px;

      }

        .header2 .navigation > ul > li > a{

          padding: 10px 0;

          text-transform: capitalize;

        }

          .header2 .navigation ul li.has-item > a::before{

            float: right;

            content: "\f107";

            margin-left: 10px; 

            font-family: 'fontawesome';

          }

          .header2 .navigation ul li.has-item li.has-item > a::before{

            content: "\f105";

          }

/*Header 2 End*/

/*Header 3 Start*/

.header3 {

  z-index: 100;

  float: left;

  width: 100%;

  left: 0px;

  top: 0px;

}

.header3 .inner-header{

  width: 100%;

}

.header3 .top-bar{

  background: #1f2746;

}

  .header3 .nav-account li{

    margin: 0 0 0 30px;

  }

  .header3 .nav-account li:first-child{

    margin-left:0; 

  }

  .header3 .nav-account li::before{

    display: none;

  }

    .header3 .nav-account li *{

      color: #fff;

    }

    .header3 .top-bar{

      background-color: #333

    }



    .header3 .inner-header .top-bar{

      transition:margin .4s ease;

    }

 .header3 .inner-header.affix .top-bar{

    margin-top: -42px;

 }

.header3 .inner-header{

  background-color: #fff;

  transition:background .3s ease, margin .4s ease;

}

/*Header 3 End*/

/*

    ============================================================

      Header Css End

    ============================================================

*/

/*

    ============================================================

      MAIN BANNER CSS START #HOTEL MAIN BANNER

    ============================================================

*/

.main-banner{

  float: left;

  width: 100%;

  overflow: hidden;

  background: #000;

}

  .home-slider{

    float: left;

    width: 100%;

    position: relative;

  }

    /*.home-slider li::before{

      top: 20%;

      left: 0;

      right: 0;

      bottom: 0;

      content: "";

      position: absolute;/

      background: -moz-linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(30, 54, 90) 90%);

      background: -webkit-linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(30, 54, 90) 90%); 

      background: linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(30, 54, 90) 90%); 

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#00172d',GradientType=0 ); ogid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

    }*/

      .banner-contant-wrapper{

        left: 0;

        right: 0;

        width: 100%;

        top: 50%;

        padding-bottom: 12px;

        margin: 0px auto 0;

        position: absolute;

        transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

      }

      .has-search .banner-contant-wrapper{

        top: 29.9%;

        padding-bottom:12px;

      }

        .banner-caption .banner-title{

          font-size: 70px;

          margin: 0 0 20px;

        }

        .banner-caption.white .banner-title, 

        .banner-caption.white .banner-caption{

          color: #fff;

        }

        .banner-caption .banner-caption{

          font-size: 18px;

          margin: 0 0 29px;

          text-transform: capitalize;

        }

    .home-slider .slick-arrow{

      opacity: 0; 

      margin: 0 -60px;

    }

    .home-slider:hover .slick-arrow{

      margin: 0px;

      opacity: 1; 

    }

.main-banner .tab-nav-3{

  margin: 0 0 27px;

}

/*Search Start*/

.search_wraper{

    float: left;

    width:100%;

    position: relative;

}

.search_wraper .container{

    position: relative;

}

.search_one.absolute{

    left: 0;

    right: 0;

    top: auto;

    bottom: 60px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

}

.banner-search_tab{

    float: left;

    width: 100%;

    padding:25px 25px 15px;

    background: rgba(255,255,255,0.9);

}

.banner-search_tab .input-field{

    margin-bottom: 10px;

}

.banner-search_tab button.df-button i{

  margin-right:10px; 

}

.search_wraper .radio-1 .radio-value{

  height: 24px;

  width: 24px;

  border-color: #fff;

}

.search_wraper  .input-field-check span{

  color: #fff;

  line-height: 24px;

}

.search_wraper input[type="text"], 

.search_wraper .form-control{

  background-color: #fff;

  border: none;

}

.search_wraper .df-button{

  background-color: #fff;

}

.search_wraper input:checked + .radio-value{

  border-color: #fff;

  background-size: 13px;

  background-color: #fff;

}

.search_wraper .tab-nav-3{

  margin-bottom: 20px;

}

.search_wraper .tab-nav-3 > li a{

  color: #fff;

}



.tab-nav-3 > li a em::after, .tab-nav-3 > li a em::before{

  background-color: #fff;

}

/*Main Banner 2*/

.main-banner-2{

  float: left;

  width: 100%;

  background: #fff;

  position: relative;

}

.main-banner-2::after{

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  position: absolute;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&0+0,1+100 */

  background: -moz-linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(255, 255, 255) 90%); /* FF3.6-15 */

  background: -webkit-linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(255, 255, 255) 90%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(24, 67, 101, 0) 0%,rgb(255, 255, 255) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#00172d',GradientType=0 ); /* IE6-9 */ogid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

/*Tabs Banner Start*/

.tabs-banner{

  float: left;

  width: 100%;

  z-index: 1;

  position: relative;

  min-height: 1024px;

  background-size:cover;

  background-position: center;

  background-repeat: no-repeat; 

}

/*Main Banner 3*/

.main-banner-3{

  z-index: 1;

  float: left;

  width: 100%;

  position: relative;

  background-size: cover;

}

.main-banner-3 .radio-1 .radio-value{

  height: 20px;

  width: 20px;

  border-color: #999;

  background-size: 10px;

}

.main-banner-3 .tab-content-2 .radio-1 span{

  color: #999;

  line-height: 24px;

}

.main-banner-3 .slider-3{

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

}

.main-banner-3 .banner-title{

  font-size: 50px;

}

.main-banner-3 .banner-caption{

  font-size: 14px;

  padding-bottom: 8px; 

}

.main-banner-3 .banner-title,

.main-banner-3 .banner-caption{

  color: #fff;

}

.tabs-wrapper{

  float: left;

  width: 100%;

  padding: 50px 0;

  background: #fff;

  margin: 100px 0;

}

.gradiant-overlay{

  position: relative;

}

/*

    ============================================================

      Choose Us Section Css Start  #Choose Us

    ============================================================

*/

.choose-us{

  float: left;

  width: 100%;

  margin: 0 0 30px;

  padding:60px 30px; 

}

  .choose-us::after,

  .choose-us::before{

    top: 0;

    left: 0;

    position: absolute;

  }

.choose-us:hover{

  background: #fff;

  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15)

}

  .choose-us span[class*="iq-"]{

    float: left;

    width: 36px;

    height: 36px;

    font-size: 36px;

    line-height: 36px;

    margin: 0 30px 0 0;

  }

  .choose-us .title{

    margin: 0 0 10px;

    font-weight: bold;

  }

  .choose-us p{

    margin: 0 0 23px;

  }

  .choose-us p:last-child{

    margin: 0 0px;

  }

  /*

  .choose-us:hover .title a,

  .choose-us:hover p{

    color: #fff;

  }

  */

  .choose-us-outer-section{

    margin-top:-170px;

    padding: 0;

  }

    .choose-us-outer-section > .container{

      width: auto;

      max-width: 1366px;

    }

      .choose-us-outer-section .section{

        padding-left:100px;

        padding-right:100px;

        box-shadow: 0 10px 20px 0 rgba(0,0,0,0.04);

      }

      .choose-us-outer-wrap{

        float: left;

        width: 100%;

        background-color:#fff; 

      }

        .choose-us-2{

          padding: 0;

          background-color: transparent !important; 

        }

        .choose-us-2:hover{

          background: none;

          box-shadow: none

        }

/*

    ============================================================

      Destination Section Css Start #Destination Section

    ============================================================

*/

.column{
	
			float: left;
    width: 50%;
    padding: 10px;
}

.img1{
	  
	  				border-radius: 50%;
  			}
			
.round-image-heading h6 {
				text-align : center;
				padding : 5px;
				margin : 6px;
				font-size: 15px;
			}
			
.round-image-heading h2 {
				text-align : center;
				padding : 5px;
				margin : 6px;
				font-size: 20px;
			}
.round-image-heading h5 {
				text-align : center;
				padding : 5px;
				margin : 6px;
				font-size: 12px;
			}

.destination-thumb{

  margin: 0 0 30px;

  min-height: 263px;

}

  .destination-thumb:hover img{

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  .destination-thumb .title{

    margin: 0 0 10px; 

 }

  .destination-thumb .text p{

    margin: 0 0 8px;

  }

  .destination-thumb .text p:last-child{

    margin: 0;

  }

  .destination-thumb .absolute .text p,

  .destination-thumb .title a,

  .destination-thumb .title{

    color: #fff;

  }

  .destination-thumb .absolute{

    top: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    width:auto;

    left: -100%;

    max-width: 265px;

  }

    .destination-thumb.center .absolute {

      right: 0;

      left: auto;

      opacity: 1;

      min-width: 250px;

    }

    .destination-thumb.center:hover .absolute{

      right: 0;

      left: auto;

      opacity: 1;

      min-width: 250px;

    }

  .destination-thumb .absolute::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    opacity: 0.85;

    position: absolute;

    background-color:#00172d;

  }

    .destination-thumb:hover .absolute{

      left: 0;

      opacity: 1;

      max-width: 100%;

    }

      .destination-thumb .absolute .text{

        left: 0;

        right: 0;

        top: 50%;

        padding:30px; 

        position: absolute;

        transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

      }

/* ========= Destination 2 Section Css Start ========= */

.featured-destination-slider .slick-arrow{

  opacity: 0;

}

.featured-destination-slider:hover .slick-arrow{

  opacity: 1;

}

  .featured-destination-slider .slick-prev{

    left:0px;

  }

  .featured-destination-slider .slick-next{

    right:0px;

  }

  .featured-destination-slider:hover .slick-prev{

    left: -50px;

  }

  .featured-destination-slider:hover .slick-next{

    right: -50px;

  }



.destination-thumb2{

  float: left;

  width: 100%;

  margin: 0 0 30px;

}

.destination-thumb2 figure a{

  display: block;

}

  .destination-thumb2 figure a::after{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    content: "\f002";

    font-family: FontAwesome;

    text-align: center;

    font-size: 20px;

    color: #fff;

    line-height: 25rem; 

    position: absolute;

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);

  }

  .destination-thumb2:hover figure a::after{

    top: 10px;

    left: 10px;

    right: 10px;

    bottom: 10px;

    opacity: 0.8;

  }

    .destination-thumb2:hover img{

      -moz-transform: scale(1.1);

      -webkit-transform: scale(1.1);

      transform: scale(1.1);

    }

  .destination-thumb2 .text{

    padding: 21px 20px 20px;

    text-align: center;

  }

  .destination-thumb2 .title{

    margin-bottom:7px; 

  }



    .destination-meta{

      float: left;

      width: 100%;

      padding: 0;

      margin: 0;

      list-style: none;

    }

      .destination-meta li{

        float: none;

        display: inline-block;

        width: auto;

        color: #1f2746;

        font-size: 14px;

        text-transform: capitalize;

      }

/* ========= Destination 3 Section Css Start ========= */



.destination-thumb-3{

  float: left;

  width: 100%;

  background: #fff;

  margin: 0 0 30px;

  position: relative;

}

.destination-thumb-3:hover{

  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);

}

/*Them Overlay Effect Start*/

  .destination-thumb-3 figure::before{

      top: 0;

      left: 0;

      content: '';

      width: 100%;

      height: 100%;

      position: absolute;

      background: rgba(255,255,255,0.1);

      transition: transform 0.6s !important;

      -webkit-transition: -webkit-transform 0.6s !important;

      -moz-transition: -moz-transform 0.6s !important;

      -ms-transition: -ms-transform 0.6s !important;

      -o-transition: -o-transform 0.6s !important;

      transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

      -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

      -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

      -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

      -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

  }

  .destination-thumb-3:hover figure::before{

      transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

      -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

      -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

      -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

      -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

  }

    .destination-thumb-3 figure img {

        opacity: 0.95;

        max-height:264px;

        transform: scale3d(1.05,1.05,1);

        -webkit-transform: scale3d(1.05,1.05,1);

        transition: opacity 0.35s, transform 0.35s !important;

        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;

    }

.df-button:hover{

color:#fff !important;

}

    .destination-thumb-3:hover figure img{

        opacity: 0.25;

        transform: scale3d(1,1,1);

        -webkit-transform: scale3d(1,1,1);

        -moz-transform: scale3d(1,1,1);

        -ms-transform: scale3d(1,1,1);

        -o-transform: scale3d(1,1,1);

    }

  .destination-thumb-3 .text{

    padding: 21px 25px 20px;

  }

  .destination-thumb-3 .text.absolute{

    top: 50%;

    left: 0;

    right: 0;

    opacity: 0;

    text-align: center;

    position: absolute;

    transform: translateY(-60%);

    -o-transform: translateY(-60%);

    -ms-transform: translateY(-60%);

    -moz-transform: translateY(-60%);

    -webkit-transform: translateY(-60%);

  }

  .destination-thumb-3:hover .text.absolute{

    opacity: 1;

    transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

  }

    .destination-thumb-3 .text.absolute p,

    .destination-thumb-3 .text.absolute .title a{

      color: #fff;

    }

    .destination-thumb-3 .title{

      font-weight: 500;

      margin-bottom:10px; 

    }

    .destination-thumb-3 p{

      float: left;

      width: 100%;

      margin: 0 0 13px;

    }

    .destination-thumb-3 .df-button {

      font-size: 14px;

      padding: 5px 25px 3px;

    }



/*

    ============================================================

      Holiday Packages Section Css Start  #Holiday Packages

    ============================================================

*/

.holiday-thumb{

  margin: 0 0 30px;

}

.holiday-thumb:hover{

  box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15);

}

/* Blur + Gray Scale Effect Css */

  .holiday-thumb img {

    -webkit-filter: grayscale(0) blur(0);

    filter: grayscale(0) blur(0);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

  }

  .holiday-thumb:hover img {

    -webkit-filter: grayscale(0%) blur(10px);

    filter: grayscale(0%) blur(10px);

  }

  .holiday-thumb .absolute{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0; 

  }

    .holiday-thumb .absolute .text{

      top: 50%;

      right: 0;

      z-index: 1;

      left: auto;

      width: auto;

      max-width: 80%;

      position: absolute;

      padding:22px 30px 30px; 

      transform: translateY(-50%);

      -o-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -webkit-transform: translateY(-50%);

    }

      .holiday-thumb .absolute .text::before{

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: -1;

        content: "";

        opacity: 0.8;

        position: absolute;

        background-color:#002644;

      }

        .holiday-thumb .title{

          margin: 0 0 17px;

          font-weight: 500;

        }

        .holiday-thumb .title:first-child{

          margin:0 0 12px;

        }

        .holiday-thumb .blog-meta{

          margin: 0 0 15px;

        }

          .holiday-thumb .blog-meta li{

            margin: 0;

          }

          .holiday-thumb .blog-meta li::before{

            content: ",";

            color: currentcolor;

            display: inline-block;

          }

          .holiday-thumb .blog-meta li:first-child::before{

            display: none;

          }

          .holiday-thumb .blog-meta li,

          .holiday-thumb .blog-meta li a{

            color: #fff;

          }

        .holiday-thumb .text p{

          margin: 0 0px 9px;

        }

        .holiday-thumb .text p:last-child{

          margin: 0;

        }

        .holiday-thumb .absolute .text p{

          color: #fff;

        }

        .holiday-thumb .df-button {

          font-size: 14px;

          padding: 5px 25px 3px;

        }

.popular-hotel .absolute .text{

    left: 0;

    right: 0;

    top: auto;

    bottom: 0;

    padding:53px 30px 60px; 

    transform: translateY(0%);

    -o-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -webkit-transform: translateY(0%);

  }

  .popular_hotel_slider .slick-arrow{

    opacity: 0;

  }

  .popular_hotel_slider:hover .slick-arrow{

    opacity: 1;

  }

    .popular_hotel_slider .slick-prev{

      left:0px;

    }

    .popular_hotel_slider .slick-next{

      right:0px;

    }

    .popular_hotel_slider:hover .slick-prev{

      left: -50px;

    }

    .popular_hotel_slider:hover .slick-next{

      right: -50px;

    }

/*

    ============================================================

      Newsletter Section Css Start    #Newsletter

    ============================================================

*/

.news-letter{

  padding: 53px 0 53px;

  position: relative;

  background-color: #002644

}

.news-letter::before{

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  position: absolute;

}

.news-letter input[type="email"]{

  background-color: #fff;

  border: none;

}

.news-letter .search_icon.th-bg{

  background-color: transparent;

  color: #999;



}

  .news-letter .text{

    padding: 3px 0 0;

    position: relative;

  }

    .news-letter .text .title{

      font-size: 32px;

      margin-bottom:3px; 

      font-weight: normal;

    }

    .news-letter .text p{

      margin: 0;

    }

    .news-letter .text p,

    .news-letter .text .title{

      color: #fff;

    }

    .news-letter.text-center .text{

      margin: 0 0 23px;

    }

    .news-letter.text-center .input-field{

      float: none;

      max-width: 370px;

      margin: 0 0 -5px;

      display: inline-block;

    }

    .news-letter .alert-dismissable,.news-letter  .alert-dismissible {

        padding-right: 35px;

        float: left;

        width: 100%;

        position: absolute;

        top: 100%;

        left: 0;

        right: 0;

        z-index: 1;

    }

/*

    ============================================================

      Blog Section Css Start  #Blog Section

    ============================================================

*/

.blog-thumb{

  float: left; 

  width: 100%;

  margin: 0 0 30px;

}

/*

.blog-thumb:hover{

  transform: translateY(-15px);

  -o-transform: translateY(-15px);

  -ms-transform: translateY(-15px);

  -moz-transform: translateY(-15px);

  -webkit-transform: translateY(-15px);

}*/

 /* .blog-thumb > figure::after{

    top: 10px;

    left: 10px;

    opacity: 0;

    right: 10px;

    content: "";

    bottom: 10px;

    position: absolute;

  }

  .blog-thumb:hover > figure::after{

    opacity: 0.8;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

  }*/

  .blog-thumb:hover > figure img{

    transform: scale(1.03);

    -o-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -webkit-transform: scale(1.03);

  }

  .blog-thumb .text{

    padding: 25px 0 0;

  }  

    .blog-thumb .blog-meta{

      float: left;

      width: 100%;

      margin:0 0 12px;

    }

    .blog-thumb .blog-meta li{

      margin: 0;

      width: auto;

    }

    .blog-thumb .blog-meta li::before{

      content: ",";

      display: inline-block;

    }

    .blog-thumb .blog-meta li:first-child::before{

      display:none;

    }

    .blog-thumb .title{

      margin: 0 0 10px;

      font-weight: 600;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

    }

    .blog-thumb p{

      margin: 0;

    }

/*

    ============================================================

      Testimonial Section Css Start  #Testimonial Section

    ============================================================

*/



.testimonial-section{

  position: relative;

  

}

.testimonial-section:before{

  content: '';

  background-image: url(../extra-images/testimonial-bg.gif);

  opacity: 0.2;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-attachment: fixed;

}



.testimonial-slider{

  margin-bottom: 25px !important;

}

.testimonial-slider .slick-dots{

  bottom: 0px;

}

  .testimonial-slider .text{

    margin: 0 0 32px;

  }

    .testimonial-slider .text .title{

      margin:0px 0 9px;

    }

    .testimonial-slider .text p{

      clear: both;

      display: block;

      max-width: 75%;

      font-size: 18px;

      font-style: italic;

      margin: 0 auto 12px;

    }

    .testimonial-slider .text .designation{

      margin: 0 0 -3px;

    }

/*Testimonial Style 2 Start*/

.testimonial-2{

    float: left;

    width: 100%;

    overflow: visible;

    position: relative;

    margin: 38px 0 30px;

    background-color:#fff; 

    padding: 64px 30px 23px;

  }

  .testimonial-2::before{

    top: 6px;

    right: 30px;

    content: ",,";

    line-height: 0;

    color: #1f2746;

    font-size: 88px;

    position: absolute;

  }

    .testimonial-2 .media-left{

      padding: 0;

      top: -38px;

      width: 76px;

      height: 76px;

      overflow: hidden;

      position: absolute;

      border-radius: 100%;

    }

      .testimonial-2 .media-left img{

        float: left;

        width: 100%;

      }

    .testimonial-2 .media-heading{

      font-size: 18px;

      font-weight: 500;

      margin-bottom:14px; 

    }

      .designation{

        color: #999;

        font-size: 14px;

        font-weight: 400;

        text-transform: uppercase

      }

      .designation::before{

        content: "/";

        margin: 0 4px 0 0;

        display: inline-block;

      }

    .testimonial-2 .media-body p:last-child{

      margin: 0;

    }

.testimonial-slider-2 .slick-arrow{

  opacity: 0;

}

.testimonial-slider-2:hover .slick-arrow{

  opacity: 1;

}

  .testimonial-slider-2 .slick-prev{

    left:0px;

  }

  .testimonial-slider-2 .slick-next{

    right:0px;

  }

  .testimonial-slider-2:hover .slick-prev{

    left: -50px;

  }

  .testimonial-slider-2:hover .slick-next{

    right: -50px;

  }



/*

    ============================================================

      Brand Slider Section Css Start   #Brand Slider Section

    ============================================================

*/

.brand-slider{

  float: left;

  width: 100%;

  margin-bottom: 30px;

}

  .brand-slider .slick-slide{

    padding: 0 10px

  }

    .brand-slider .thumb{

      padding:0px;

      margin: 0px;

      text-align: center;

    }

      .brand-slider .thumb:hover{

        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);

      }

      .brand-slider .thumb img{

        float: none;

        width: 100%;

        display: inline-block;

      }

/*

    ============================================================

      Footer Style 1 Css Start  #Footer Style 1

    ============================================================

*/

.footer1{

  float: left;

  width: 100%;

  position: relative;

  padding: 98px 0 48px;

  background-color: #002138;

}

  .footer1::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    position: absolute;

  }

  .footer1 .widget{

    margin: 0 0 30px;

  }

    .footer1 .widget-title{

      color: #fff;

      font-size: 22px;

      margin: 0 0 27px;

      line-height: 100%;

    }

    .footer1 .widget_pages li{

      padding: 0;

    }

  .footer1 .widget-contact  .widget-title,

  .footer1 .widget_pages  .widget-title{

    margin: 0 0 25px

  }

/*

    ============================================================

      Copy Right Section Css Start  #Copy Right Section

    ============================================================

*/

.copy-right{

  float: left;

  width: 100%;

  padding: 28px 0;

  text-align: left;

  position: relative;

  background-color: #002644;

}

  .copy-right.flex-text{

    justify-content: space-between;

    -webkit-justify-content: space-between;

  }

    .copy-right p{

      margin: 0;

      width: auto;

      float: left;

    }

    .copy-right a{

      margin: 0 5px;

    }

    .copy-right .social{

      padding: 2px 0 0 0;

    }

      .copy-right .social li{

        float: left;

      }

      .copy-right p,

      .copy-right .social li a{

        color: #fff;
        target: _blank;

      }

/*

    ============================================================

      Sub Banner Css Start  #Sub Banner

    ============================================================

*/

.sub-banner{

  float: left;

  width: 100%;

  text-align: center;

  position: relative;

  padding: 45px 0 33px;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url('../extra-images/india-easy-trip-banner.jpg');

}

.empty-banner{

  padding: 70px 0 0;

}

.flight-bg{

  background-image: url('../extra-images/flight-bg.jpg') !important;

}

  .sub-banner::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    opacity: 0.5;

    position:absolute;

    background-color: #00172d;

  }

    .sub-banner h4{

      font-size: 18px;

      position: relative;

      color: #fff;

      margin: 0px 0px 10px 0px;

    }

    .sub-banner .rating_down{

      margin: 0 0 4px;

    }

    .sub-banner p{

      color: #fff;

      font-size: 14px;

      position: relative;

      margin: 0px 0px 0px 0px;

    }

      .sub-banner p::before{

        content: "\f041";

        display: inline-block;

        margin-right: 10px;

        font-family: FontAwesome;

      }

  .sub-banner .breadcrumb{

    margin: 0;

    float: none;

    width: auto;

    border-radius: 0;

    padding:10px 100px; 

    position: relative;

    display: inline-block;

    background-color: #00172d;

  }

    .sub-banner .breadcrumb::before{

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      content: "";

      position: absolute;

      background:url('images/newsletter-bg.png'); 

    }

      .sub-banner .breadcrumb li{

        width: auto;

        position: relative;

      }

        .sub-banner .breadcrumb > li + li::before{

          content: "\0399";

        }

        .sub-banner .breadcrumb li a,

        .sub-banner .breadcrumb li{

          font-size: 14px;

          font-weight:bold;

          text-transform: capitalize;

          font-family: 'Open Sans', sans-serif;

        }

        .sub-banner .breadcrumb li a{

          color: #fff;

        }

/*

    ============================================================

      About Us Page Css Start  #About Us Page

    ============================================================

*/

.about-wrap{

  padding-bottom:0; 

}

  .about-wrap .section-heading{

      margin-bottom: 14px;

  }

    .about-wrap .section-heading .title{

      padding: 0;

    }

      .about-wrap .section-heading .title::after,

      .about-wrap .section-heading .title::before{

        display: none;

      }

  .about-text{

    float: left;

    width: 100%;

    padding: 0 0 52px;

    position: relative;

  }

  .about-text::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    position: absolute;

    background-size: 42%; 

    background-repeat:no-repeat; 

    background-position:right top; 

  }

    .about-text .text p{

      margin: 0 0 17px;

    }

    .about-text .small-title{

      margin: 0 0 24px;

      font-weight: bold;

      font-size: 24px;

    }

    .about-text .feature-list li{

      width: 50%;

      font-size: 18px;

      font-weight: normal;

    }

/*

    ============================================================

      Blog Grid Page Css Start  #Blog Grid Page

    ============================================================

*/

  .blog-grid figure{

    width: 270px;

    min-width: 270px;

    max-width: 270px;

  }
  
  .blog-grid1 figure{

    width: 180px;

    min-width: 180px;

    max-width: 180px;

  }

  .blog-grid figure:first-child{

    margin: 0 25px 0 0;

  }
  
   .blog-grid1 figure:first-child{

    margin: 0 15px 0 0;

  }

  .blog-grid figure:last-child{

    margin: 0 0 0 25px;

  }
  
  .blog-grid1 figure:last-child{

    margin: 0 0 0 15px;

  }

  .blog-grid .overflow-text:first-child{

    text-align: right;

  }
   .blog-grid1 .overflow-text:first-child{

    text-align: right;

  }


  .blog-grid .title{

    margin: 0 0 12px;

  }
   .blog-grid1 .title{

    margin: 0 0 8px;
	font-size: 15px;
	

  }

  .blog-grid .date{

    margin: 0 0 11px;

    color: #7c8e93;

  }
  
   .blog-grid1 .date{

    margin: 0 0 8px;

    color: #7c8e93;

  }


  .blog-grid p{

    margin: 0 0 6px;

  }
  
   .blog-grid1 p{

    margin: 0 0 4px;

  }

  .blog-grid-2 .blog-thumb .text{

    margin: 0px;

    padding:30px;



  }

  .blog-grid-2 .blog-thumb:hover .text{

    background-color: #fff;

    box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15)



  }

/*

    ============================================================

      Blog List Page Css Start  #Blog List Page

    ============================================================

*/

.blog-list{

  padding-right: 30px;

  border: solid 1px #ececec;

}

.blog-list:hover{

  background-color: #fff;

  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);

}

  .blog-list figure{

    width: 370px;

    min-width: 370px;

    max-width: 370px;

  }

  .blog-list figure:first-child{

    margin: 0 30px 0 0;

  }

  .blog-list figure:last-child{

    margin: 0 0 0 30px;

  }

  .blog-list .title{

    margin: 0 0 10px;

  }

  .blog-list .date{

    margin: 0 0 9px;

  }

  .blog-list p{

    margin: 0 0 7px;

    word-break: break-all;

  }

  .blog-list .overflow-text:first-child{

    text-align: right;

  }

/*

    ============================================================

      Blog Detail Page Css Start   #Blog Detail Page

    ============================================================

*/

.blog-detail{

  float: left;

  width: 100%;

  margin: 0 0 58px;

  position: relative;

}

  .blog-detail figure{

    margin: 0 0 25px;

  }

  .blog-detail figure::after{

    display: none;

  }

  .blog-detail figure img{

    transform: scale(1) !important;

  }

  .blog-detail .title{

    margin: 0 0 12px;

  }

  .blog-detail .date{

    margin: 0 0 10px;

  }

  .blog-detail p{

    float: left;

    width: 100%;

    margin: 0 0 17px;

    word-break: break-all;

  }    

  blockquote{

    float: left;

    width: 100%;

    background-color: #f7f7f7;

  }

  .blog-detail p + blockquote{

    margin: 6px 0 24px;

  }

  .blog-detail p + .detail-gallery{

    margin: 6px 0 0;

  }

  .blog-detail .detail-gallery + p{

    margin-top: -8px;

  }

  .detail-gallery{

    float: left;

    width: 100%;

  }

    .detail-gallery ul{

      float: none;

      width: auto;

      margin: 0 -15px;

      list-style: none;

    }

    .detail-gallery figure{

      margin: 0 0 30px;

    }

    .blog-detail p:last-child{

      margin: 0;

    }

    .detail-tag-wrap{

      float: left;

      width: 100%;

      margin:0 0;

      padding: 15px 15px;

      border:1px solid #e9e9e9;

    }

    .blog-detail p + .detail-tag-wrap{

      margin-top:36px; 

    }

    .chr-social-wrap .social li{

      float: left;

      line-height: 18px;

    }

      .chr-social-wrap .social li a{

        border-radius: 0;

      }

    .page-navigation{

      float: right;

      width: auto;

      padding: 0px 0;

    }

  .comment-wrap{

    float: left;

    width: 100%;

    margin: 0 0 30px;

  }

    .comment-wrap .media-list{

      margin: 0;

      padding: 0;

    }

      .comment-wrap .media{

        float: left;

        width: 100%;

        overflow: visible;

        position: relative;

        margin: 38px 0 30px;

        border: solid 1px #edf1f2; 

        padding: 50px 30px 30px;

      }

      .comment-wrap .media::before{

        top: 6px;

        right: 30px;

        content: ",,";

        line-height: 0;

        color: #1f2746;

        font-size: 100px;

        position: absolute;

        opacity: 0.2;

      }

        .comment-wrap .media-left{

          padding: 0;

          top: -38px;

          width: 76px;

          height: 76px;

          overflow: hidden;

          position: absolute;

          border-radius: 100%;

        }

          .comment-wrap .media-left img{

            float: left;

            width: 100%;

          }

        .comment-wrap .media-heading{

          font-size: 18px;

          margin-bottom:10px; 

          font-weight: bold;

        }

        .comment-wrap .media-body p:last-child{

          margin: 0;

        }

  .comment-form{

    float: left;

    width: 100%;

  }

  .comment-form .df-button{

    text-transform: capitalize;

  }

/*

    ============================================================

      Login And Register Page Css Start  #Login And Register

    ============================================================

*/

.login-register-form{

  float: left;

  width: 100%;

}

  .login-register-form .heading-4{

    margin:0 0 33px;

  }

  .login-register-form .input-container{

    float: left;

    width: auto;

    padding: 9px 0;

  }

    .login-register-form .input-container label{

      float: left;

      width: auto;

      margin: 0;

    }

    .login-register-form .input-container  .checkbox,.login-register-form .input-container  .radio{

      margin: 0;

    }

      .login-register-form .input-container   .radio-value{

        margin-right:10px; 

      }

      .login-register-form .input-container label span{

        line-height: 26px;

      }

  .login-register-form .input-field{

    margin: 0 0 30px;

  }

    .login-register-form .input-field > label{

      font-size: 16px;

      line-height: 14px;

      margin: 0 0 20px 0;

      text-transform: capitalize;

    }

/*

    ============================================================

      Contact Us Page Css Start  #Contact Us

    ============================================================

*/

.map-wrap{

  float: left;

  width: 100%;

  position: relative;

}

  #google-map{

    float: left;

    width: 100%;

    min-height: 550px;

  }

#contact-form{

  float: left;

  width: 100%;

}

  #contact-form .input-field{

    margin: 0 0 30px;

  }

  #contact-form .input-field label{

    float: left;

    width: 100%;

    color: #1f2746;

    font-size: 14px;

    margin: 0 0 10px;

    line-height: 13px;

    font-weight: normal;

  }

  #contact-form .input-field textarea{

    max-height: 200px;

  }

  .widget-contact .feature-list li::before{

    display: none;

  }

  .widget-contact  .social li a,

  .widget-contact .feature-list li{

    color: #1f2746;

  }

/*

    ============================================================

      Booking Form Page Css Start  #Booking Form

    ============================================================

*/

.booking-form{

  float: left;

  width: 100%;

  position: relative;

}

  .booking-form .input-field-check{

    margin: 0 0 28px;

  }

  .booking-form .input-field{

    margin: 0 0 30px;

  }

  .booking-form .input-field label{

    float: left;

    width: 100%;

    color: #1f2746;

    font-size: 14px;

    margin: 0 0 21px;

    line-height: 13px;

    font-weight: bold;

  }

  .booking-form .radio-1 .radio-value{

    border-color: #1f2746;

  }

/*

    ============================================================

      Error Page Css Start  #Error Page

    ============================================================

*/

.error-page{

  width: 100vw;

  height: 100vh;

  display: flex;

  text-align: center;

  position: relative;

  align-items: center;

  display: -webkit-flex;

  background-repeat: no-repeat;

  background-image: url('../extra-images/404-bg.jpg');

}

  .error-page::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    opacity: 0.35;

    position: absolute;

    background-color: #00172d; 

  }

  .error-page .text{

    float: none;

    display: block;

    max-width: 50%;

    margin: 0 auto;

    padding: 0 0 39px;

  }

    .error-page h1{

      font-size: 260px;

      margin:0 0;

      line-height: 100%;

      font-weight: bold;

      text-shadow: 0px 0px 20px rgba(0,0,0,0.10)

    }

    .error-page h6{

      margin:-4px 0 9px;

      font-size: 46px;

      color: #fff;

    }

    .error-page p{

      margin: 0 0 23px;

    }

    .error-page h1,

    .error-page p{

      color: #fff;

    }

/*

    ============================================================

      Error Page Css Start

    ============================================================

*/

/*

    ============================================================

     Cars Detail Page Css Start   #Cars Detail Page

    ============================================================

*/

.product-detail-slider{

  overflow: hidden;

  margin-bottom: 60px;

}

.detail-tabs .nav-tabs{

  padding: 0;

  width: auto;

  float: none;

  border: none;

  margin: 0px -10px 34px;

}

  .detail-tabs .nav-tabs>li{

    margin: 0;

    width: 25%;

    float: left;

    padding: 0 10px;

  }

    .detail-tabs .nav-tabs>li>a{

      float: left;

      width: 100%;

      margin: 0px;

      color: #fff;

      border: none;

      font-size: 16px;

      border-radius: 0;

      line-height: normal;

      padding: 16px 15px 16px;

      background-color: #1f2746;

      text-transform: capitalize;

      text-align: center;

    }

    .detail-tabs .nav-tabs>li>a:hover,

    .detail-tabs .nav-tabs>li>a:focus{

      border: none;

      color: #fff;



    }

    .detail-tabs .nav-tabs>li.active>a::before{

      content: "";

      height: 10px;

      width: 10px;

      transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -webkit-transform: rotate(45deg);

      position: absolute;

      bottom: -5px;

      left: 0px;

      right: 0px;

      margin: auto;

    }

.detail-tabs .tab-content h2{

  font-size: 24px;

  font-weight: bold;

  margin: 0px 0px 18px 0px;



}

.detail-tabs .tab-content > p{

  margin: 0 0 23px;

}

.detail-tabs .tab-content > p + p{

  margin-top: -6px;

}

.detail-tabs .tab-content > p:last-child{

  margin-bottom: 0px;

}

.upgrade-list{

  padding: 0px;

  list-style: none;

  margin: 0px;

}

  .upgrade-list > li{

    border: solid 1px #dddddd;

    padding: 30px;

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 30px;

  }

  .upgrade-list > li:hover{

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15)

  }

    .upgrade-list figure{

      float: left;

      width: 170px;

    }

    .upgrade-list .upgrade-text{

      padding-left: 30px;

      overflow: hidden;

    }

      .upgrade-list .upgrade-text .upgrade-header{

        margin: 0 0 20px;

      }

      .upgrade-list .upgrade-text .upgrade-header h4{

        font-size: 18px;

        font-weight: bold;

        display: inline-block;

        margin: 0px 0px 0px 0px;

      }

      .upgrade-list .upgrade-text .upgrade-header .rating_down{

        margin: 0 0 0 10px;

      }

      .brand-list{

        float: left;

        width: 100%;

        width: auto;

        margin: 0;

        padding: 0;

        list-style: none;

      }

        .brand-list li{

          float: left;

          width: auto;

          color: #1f2746;

          font-size: 20px;

          line-height: 18px;

          margin: 0 0 0 15px;

        }

        .brand-list li:first-child{

          margin-left:0; 

        }

      .upgrade-text .brand-list{

        float: right;

      }

      .upgrade-list .upgrade-text h6{

        font-size: 14px;

        font-weight: bold;

        margin: 0px 0px 10px 0px;

      }

      .upgrade-content p{

        float: left;

        margin: 0 0 18px;

      }

      .upgrade-footer p.price{

        float: left;

        font-size: 16px;

        line-height: normal;

        margin: 6px 30px 6px 0px;

      }

      .upgrade-footer p.price span{

        font-size: 20px;

        font-weight: bold;

      }

      .upgrade-footer{

        float: right;

      }

      .upgrade-footer a.detail {

        color: #fff;

        font-size: 16px;

        line-height: normal;

        display: inline-block;

        padding: 11px 60px 11px;

      }

      .detail-tabs #Upgrade > p,

      .detail-tabs #Reviews > p{

        margin: 0 0 23px;

      }

      .detail-tabs .tab-content  #Write h2{

        margin-bottom:24px; 

      }

      .detail-tabs .comment-wrap{

        margin: 0;

      }



/*

      ============================================================

        Price Table Css Start #Price Table

      ============================================================

*/

.pricing_wrap{

    background-color: #ebeef2;

}

.iq-pricing{

    float: left;

    width: 100%;

    margin: 0 0 30px;

    text-align: center;

    background-color: #fff;

}

.iq-pricing:hover{

    transform: translateY(-1%);

    -o-transform: translateY(-1%);

    -ms-transform: translateY(-1%);

    -moz-transform: translateY(-1%);

    -webkit-transform: translateY(-1%);

    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3)

}

.iq-pricing > span{

    float: left;

    width: 100%;

    font-size: 50px;

    line-height: normal;

    padding: 35px 0 32px;

}

.iq-pricing .thumb{

    background-color: #000;

}

.iq-pricing .thumb img{

    opacity: 0.4;

}

.iq-pricing .caption{

    left: 0;

    top: 50%;

    right: 0;

    margin: 0 auto;

    position:absolute;

    padding: 2px 0 0 0;

    transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.iq-pricing .caption .rating_down{

    float: none;

    margin: 0 0 3px;

    display: inline-block;

}

.iq-pricing .caption p{

    color: #fff;

    font-size: 14px;

    margin: 0 0 3px;

    line-height: normal;

    font-weight: normal;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}

.iq-pricing .caption strong{

    float: left;

    width: 100%;

    color: #fff;

    font-size: 20px;

    margin: 0 0 3px;

    font-weight: bold;

    line-height:normal;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}

.iq-pricing .caption h6{

    color: #fff;

    font-size: 30px;

    margin: 0 0 3px;

    line-height: normal;

    text-transform: uppercase;

}

.iq-pricing .caption b{

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    line-height: normal;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}

.iq-pricing .text{

    padding: 36px 30px 40px;

}

.iq-pricing .text h6{

    margin: 0 0 20px;

    font-weight: bold;

    text-transform: uppercase;

}

.mg_pricing .text p{

    float: left;

    width: 100%;

    margin: 0 0 27px 0;

}

.mg_pricing .text .df-button{

    color: #fff;

}

.iq-pricing .text .df-button:hover{

    color: #000;

    box-shadow:70px 22px 0 10px #fff inset;

}

/*

      ============================================================

        Price Table Css End #Price Table

      ============================================================

*/



























































































/************************************************************

*   #Magnific Popup CSS 

************************************************************/

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: .8;

  filter: alpha(opacity=80); }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #cccccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #cccccc; }

    .mfp-preloader a:hover {

      color: white; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none; }

button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: .65;

  padding: 0 0 18px 10px;

  color: white;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover, .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333333; }



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: white;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #cccccc;

  font-size: 14px;

  line-height: 18px; }



.mfp-arrow {

  position: absolute;

  opacity: 1;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover, .mfp-arrow:focus {

    opacity: 1; }

  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after, .mfp-arrow .mfp-a {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before, .mfp-arrow .mfp-b {

    border-top-width: 21px;

    border-bottom-width: 21px; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

    border-right: 17px solid white;

    margin-left: 31px; }

  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

    margin-left: 25px;

    border-right: 27px solid #3f3f3f; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

    border-left: 17px solid white;

    margin-left: 39px; }

  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

    border-left: 27px solid #3f3f3f; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, .6);

    background: black; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, .6);

    background: #444444; }

  .mfp-figure small {

    color: #bdbdbd;

    display: block;

    font-size: 14px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure {

    /* The shadow behind the image */ }

    .mfp-img-mobile .mfp-figure:after {

      top: 0;

      bottom: 0; }

    .mfp-img-mobile .mfp-figure small {

      display: inline;

      margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, .6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, .6);

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(.75);

    transform: scale(.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }



.mfp-ie7 .mfp-img {

  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {

  padding: 0; }

.mfp-ie7 .mfp-content {

  padding-top: 44px; }

.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0; }

   /******************************************************************

#ANIMATION

*******************************************************************/



/* text-based popup styling */

.white-popup {

  position: relative;

  background: #FFF;

  padding: 25px;

  width: auto;

  max-width: 400px;

  margin: 0 auto;

}



/* 

====== Zoom effect ======

*/

.mfp-zoom-in .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -ms-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

  -webkit-transform: scale(.8);

  -moz-transform: scale(.8);

  -ms-transform: scale(.8);

  -o-transform: scale(.8); 

  transform: scale(.8);

}

.mfp-zoom-in.mfp-bg {

  opacity: 0;

  -webkit-transition: all .3s ease-out;

  -moz-transition: all .3s ease-out;

  -ms-transition: all .3s ease-out;

  -o-transition: all .3s ease-out;

  transition: all .3s ease-out;

}

.mfp-zoom-in.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.mfp-zoom-in.mfp-ready.mfp-bg {

  opacity: .8;

}

.mfp-zoom-in.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(.8);

  -moz-transform: scale(.8);

  -ms-transform: scale(.8);

  -o-transform: scale(.8); 

  transform: scale(.8);

  opacity: 0;

}

.mfp-zoom-in.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Newspaper effect ======

*/

.mfp-newspaper .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  transition: all .5s;

  -webkit-transform: scale(0) rotate(500deg);

  -moz-transform: scale(0) rotate(500deg);

  -ms-transform: scale(0) rotate(500deg);

  -o-transform: scale(0) rotate(500deg);

  transform: scale(0) rotate(500deg);

}

.mfp-newspaper.mfp-bg {

  opacity: 0;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  transition: all .5s;

}

.mfp-newspaper.mfp-ready .mfp-with-anim {

  opacity: 1;

  

  -webkit-transform: scale(1) rotate(0deg);

  -moz-transform: scale(1) rotate(0deg);

  -ms-transform: scale(1) rotate(0deg);

  -o-transform: scale(1) rotate(0deg);

  transform: scale(1) rotate(0deg);

}

.mfp-newspaper.mfp-ready.mfp-bg {

  opacity: .8;

}

.mfp-newspaper.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(0) rotate(500deg);

  -moz-transform: scale(0) rotate(500deg);

  -ms-transform: scale(0) rotate(500deg);

  -o-transform: scale(0) rotate(500deg);

  transform: scale(0) rotate(500deg);

  opacity: 0;

}

.mfp-newspaper.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Move-horizontal effect ======

*/

.mfp-move-horizontal .mfp-with-anim {

  opacity: 0;

  transition: all .3s;

  transform: translateX(-50px);

}

.mfp-move-horizontal.mfp-bg {

  opacity: 0;

  transition: all .3s;

}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateX(0);

}

.mfp-move-horizontal.mfp-ready.mfp-bg {

  opacity: .8;

}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {

  transform: translateX(50px);

  opacity: 0;

}

.mfp-move-horizontal.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Move-from-top effect ======

*/

.mfp-move-from-top .mfp-content {

  vertical-align: top;

}

.mfp-move-from-top .mfp-with-anim {

  opacity: 0;

  transition: all .2s;

  transform: translateY(-100px);

}

.mfp-move-from-top.mfp-bg {

  opacity: 0;

  transition: all .2s;

}

.mfp-move-from-top.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateY(0);

}

.mfp-move-from-top.mfp-ready.mfp-bg {

  opacity: .8;

}

.mfp-move-from-top.mfp-removing .mfp-with-anim {

  transform: translateY(-50px);

  opacity: 0;

}

.mfp-move-from-top.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== 3d unfold ======

*/

.mfp-3d-unfold .mfp-content {

  perspective: 2000px;

  -webkit-perspective: 2000px;

}

.mfp-3d-unfold .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: rotateY(-60deg);

  -moz-transform: rotateY(-60deg);

  -ms-transform: rotateY(-60deg);

  -o-transform: rotateY(-60deg);

  transform: rotateY(-60deg);

}

.mfp-3d-unfold.mfp-bg {

  opacity: 0;

  transition: all .5s;

}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: rotateY(0deg);

  -moz-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  -o-transform: rotateY(0deg);

  transform: rotateY(0deg);

  z-index:9999;

}

.mfp-3d-unfold.mfp-ready.mfp-bg {

  opacity: .8;

}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {

  -webkit-transform: rotateY(60deg);

  -moz-transform: rotateY(60deg);

  -ms-transform: rotateY(60deg);

  -o-transform: rotateY(60deg);

  transform: rotateY(60deg);

  opacity: 0;

}

.mfp-3d-unfold.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== "Hinge" close effect ======

*/

@keyframes hinge {

  0% {

    transform: rotate(0);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }



  20%, 60% {

    transform: rotate(80deg);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }



  40% {

    transform: rotate(60deg);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }



  80% {

    transform: rotate(60deg) translateY(0);

    opacity: 1;

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }



  100% {

    transform: translateY(700px);

    opacity: 0;

  }
  

}
.map{
	
 width: 800;
 height: 500;

 }


/*  MAGNIFIC END    ****************************************/