* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #f1f2f6;
}

/* navbar */
.navbar-brand {
  width: 170px;
  height: 70px;
  padding: 0px;
  margin: 0px;
} /* navbar */
.parallax-div22 {
  position: relative;
  top: -30px;
}
.full-screen-menu {
  padding: 0px;
  margin: 7px;
  cursor: pointer;
}
/* menu */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  top: 0px;
  right: 45px;
  font-size: 20px;
  border: 2px solid orangered;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    border: 2px solid orangered;
  }
}
/* menu */

/* menu Topics */
.Topics a {
  width: 100%;
  color: gray;
  font-size: 60px;
  position: relative;
  display: flex;
  float: left;
}
/* menu Topics */
/* menu Sites */
.Sites a {
  position: relative;
  display: flex;
  float: right;
  width: 100%;
  color: yellow;
  font-size: 20px;
}
/* menu Sites */
.menu-head1 {
  color: gray;
  position: relative;
  top: 25%;
  width: 100%;
}
.span-hr1 {
  width: 60px;
  height: 3px;
  background-color: gray;
  position: absolute;
  top: 24%;
  left: 70px;
}

.menu-head2 {
  color: gray;
  position: relative;
  top: 25%;
  width: 100%;
}
.span-hr2 {
  width: 60px;
  height: 3px;
  background-color: gray;
  position: absolute;
  top: 24%;
  left: 60px;
} /* menu Sites */

/*..........................Start of parallax...............................*/
.parallaxone {
  min-width: 100%;
  min-height: 100vh;
  background-image: url("../img/tigg.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-div {
  text-align: center;
  position: relative;
  top: 40vh;
  background-color: rgba(0, 0, 0, 0.6);
  height: 180px;
}

.parallaxtwo {
  min-width: 100%;
  min-height: 900px;
  background-image: url("../img/car.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-2 {
  position: relative;
}
.p-one {
  color: red;
}

.par-head {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  /*  top:350px;*/
}
.para-tagline {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  /*    top:350px;*/
}
.para-underline-3 {
  position: relative;
  /*    top:350px;*/
  width: 100px;
  height: 3px;
  background-color: #fff;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}
/*...........................end of parallax ......................*/

/* section two start */
.div-sec {
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
}
.div-sec-h1 {
  position: relative;
  font-size: 50px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 3px;
  z-index: 99;
  /* border:  solid 5px; */
}
.div-sec-h6 {
  font-size: 20px;
  color: #000;
  letter-spacing: 3px;
}
.div-headding3 {
  width: 100px;
  height: 5px;
  background-color: yellow;
  margin-left: auto;
  margin-right: auto;
  border: none;
} /* end of headding */
.cheight {
  min-width: 100%;
  min-height: 900px;
  background-image: url("../img/aus.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.vdo1 {
  border: 2px solid;
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.context_overlay {
  position: relative;
  top: -50%;
  left: 15%;
  width: 70%;
  font-weight: bold;
  padding: 5px;
}

.htext {
  font-size: 20px;
}
.ptext {
  font-size: 80px;
}
.ptextt {
  font-size: 15px;
}
.bbtn {
  padding: 10px;
  border: none;
  background-color: #9aecdb;
  color: #000;
  width: 170px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.bbtn:hover {
  transition: 1.5s;
  background-color: #eab543;
  letter-spacing: 3px;
  color: #000;
} /* section two end */
/* section 3 start */
.modal-img {
  width: 100px;
  height: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.close {
  color: #fff;
  text-decoration: none;
  border: none;
}
.modal-body {
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 20px;
}
.modal-txt {
  font-size: 20px;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
} /* section 3 end */

/* ..............owl carousel................ */

/* ..............owl carousel................ */
/*..........................Start of parallax...............................*/
.parallaxone2 {
  min-width: 100%;
  min-height: 900px;
  background-image: url("../img/alaska.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-div2 {
  text-align: center;
}

.parallaxtwo2 {
  min-width: 100%;
  min-height: 900px;
  background-image: url("../img/blackH.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-2 {
  position: relative;
}
.p-one2 {
  color: red;
}

.par-head2 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  top: 50px;
  letter-spacing: 5px;
}
.flash {
  animation-duration: 5s;
  animation-delay: 5s;
  animation-iteration-count: infinite;
}
.para-tagline2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  top: 55px;
}
.para-underline2 {
  position: relative;
  top: 50px;
  width: 100px;
  height: 2px;
  background-color: yellow;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}
.para-underline3 {
  position: relative;
  top: 50px;
  width: 100px;
  height: 2px;
  background-color: yellow;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}
/*...........................end of parallax ......................*/

/* context-on-parallax */
.experiment-div1 {
  position: relative;
  top: 100px;
  left: 0px;
}
.experiment-div {
  /*	border: solid 5px;*/
  width: 450px;
}
.exp-1 {
  position: relative;
  /* display: flex; */
  float: right;
}
.items-list img {
  width: 200px;
}

.div-img {
  position: absolute;
  /*	border:  solid 5px;*/
}
/* .div-img{
	position: relative;
	width: 700px;
	float: left;
	left: 500px;


} */
/* .paralax-img img{
	width: 600px;
	position:relative;
	float: left;
	left:600px;
	top: 250px;
} */
.full-container {
  padding-top: 10%;
}
.vl {
  border-left: 6px solid yellow;
  height: 50px;
  padding: 5px;
  position: relative;
  top: 50px;
}
.vl span {
  position: relative;
  font-size: 25px;
  color: #fff;
  left: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.vl1 {
  border-left: 6px solid yellow;
  height: 50px;
  padding: 5px;
  position: relative;
  top: 55px;
  left: 750px;
}
.vl1 span {
  position: relative;
  font-size: 25px;
  color: #fff;
  left: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.stories {
  /*	border: solid 4px #fff; */
  padding: 5px;
  position: relative;
  width: 300px;
}

.stories img {
  width: 100px;
  height: 100px;
  margin-top: 15px;
}
.stories-div {
  position: relative;
  float: right;
  width: 190px;
  padding: 10px;
}
.stories-div h6 {
  color: #fff;
  font-size: 15px;
  border-bottom: 0px solid red;
}
.stories-div h6:hover {
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: red;
  /*
	border-bottom: 3px solid red;
	width: 70px;
*/
}
.stories-div p {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.stories-div p:hover {
  color: #f0f6b3;
}

.stories-div a {
  color: red;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}
.new-div img {
  width: 100%;
  padding: 5px;
}

.new-div-1 img {
  width: 728px;
  padding: 5px;
}
.spaan {
  color: #fff;
}
/* ........................ bear pic text.......................................... */
.para-1 {
  position: absolute;
  top: 30%;
  width: 700px;
  left: 50px;
  color: #fff;
}
.headname {
  color: #000;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: bold;
}
.texttext {
  color: blue;
  font-weight: bold;
}
.textunderline {
  color: #000;
  font-size: 20px;
}
.textunderline:hover {
  color: #fff;
  width: 15%;
}
/* ...............................bear pic text............................................ */
.para-2 {
  position: absolute;
  top: 370px;
  width: 700px;
  left: 50px;
  color: #fff;
}
.btm-sec {
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
}
.cpplus {
  width: 100%;
}
.card-title-1 {
  font-weight: bold;
  color: #57606f;
  top: 5%;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 15px;
}
.card-text {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}
.headding-3 {
  color: black;
  text-align: center;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
}
.span-hr4 {
  width: 100px;
  height: 2px;
  padding: 3px;
  background-color: yellow;
  position: relative;
  top: 30%;
  margin-right: auto;
  margin-left: auto;
}
.mover {
  /* background-image: url("../img/alaska.jpg"); */
  /* background-size: 100% 100%; */
  /* height: 100vh; */
  background-repeat: no-repeat;
  border: 2px solid !important;
}
#mover {
  height: 80vh;
  max-width: 100%;
  margin: auto;
  line-height: 400px;
  background-image: url(https://unsplash.it/1200/900/?random);
  /* background-image: url("../img/alaska.jpg"); */
  background-repeat: no-repeat;

  font-family: "Open Sans";
}

/* .yuuu{
	border: 2px solid;
	height:962px;
} */

.photo-txt-1 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 20px;
}
.photo-txt-2 {
  text-align: center;
  color: #fff;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 25px;
}
.btm-txt {
  position: relative;
  top: -60px;
}
.btm-txt span {
  font-size: 15px;
  color: #fff;
  background-color: #000;
  padding: 5px;
}
.polar-bear {
  background-image: url("../img/polar-bear.jpg");
  background-size: cover;
  min-width: 100%;
  height: 90vh;
  background-repeat: no-repeat;
}
.polar-text {
  position: absolute;
  top: 30%;
  color: #fff;
  width: 60%;
}
.polar-text-head {
  color: #fff;
  font-size: 50px;
  padding: 5px;
}
.polar-text-txt {
  color: #fff;
  font-size: 20px;
  padding: 5px;
}

/*
.polar-width h1,h5{
	width: 400px;
	justify-content: center;
}

.polar-bear h1,h5,button{
	position: relative;
	top: 170px;

}
.polar-bear h1{
	color: #fff;
	font-size: 50px;
	padding: 5px;
}
.polar-bear h5{
	color: #fff;
	padding: 5px;
}
.polar-bear button{
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
} */
/*.................................................................*/

/*.....................................................*/
.t-head {
  color: #000;
  text-align: center;
  margin-top: 30px;

  font-weight: bold;
}
.text-head h1 {
  font-size: 50px;
  letter-spacing: 3px;
}
.text-head p {
  font-size: 19px;
  /*	letter-spacing: 3px;*/
}
.text-head hr {
  width: 100px;
  height: 2px;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  background-color: yellow;

  margin-bottom: 20px;
}

.card-size {
  width: 100%;
  /* height: 100%; */
}

.H-txt {
  color: #fff;
  position: relative;
  top: 200px;
}
.p-txt {
  color: #fff;
  position: relative;
  top: 200px;
  /*	justify-content: center;*/
  text-align: center;
}
.group-btns {
  width: 100px;
  padding: 5px;
  top: 250px;
  border: none;
}
.btn21 {
  position: relative;
  top: 5%;
  margin-right: auto;
  margin-left: auto;
  color: teal;
}
.btn21:hover {
  border: 1px solid tomato;
  transition: ease-in-out 0.5s;
}

/*........................................................................*/
/*..........................Start of parallax...............................*/
.parallaxtwo-2 {
  min-width: 100%;
  min-height: 90vh;
  background-image: url("../img/elephant.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-div-11 {
  text-align: center;
}

.parallaxtwo {
  min-width: 100%;
  min-height: 900px;
  background-image: url("../img/car.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}
.parallax-2 {
  position: relative;
}
.p-one {
  color: red;
}

.par-head3 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: yellow;
}
/*
  position: relative;
  top:450px;
*/

/*
.para-tagline3{
	font-size: 20px;
	font-weight: bold;
	text-align:center;
    color: #000;
    position: relative;
    top:680px;
}
*/
/* .para-underline{
    position: relative;
    top:680px;
	width: 100px;
	height: 3px;
	background-color: #000;
	padding: 3px;
	margin-left:auto;
	margin-right: auto;

} */
/*...........................end of parallax ......................*/

.just-img {
  background-image: url("../img/mount-33.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 100%;
  height: 800px;
}
.just-img h2 {
  position: relative;
  text-align: center;
  top: 50%;
  font-weight: bold;
  letter-spacing: 3px;
  color: #fff;
  font-size: 40px;
}
/* ...................FOOTER-1............................ */
.footer1-img {
  background-image: url("../img/f1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 30px;
  width: 100%;
  height: 400px;
}
.footer1-img h1 {
  text-align: center;
  padding: 20px;
  color: #000;
  font-size: 50px;
  font-weight: bold;
}
.input-box {
  position: relative;
  top: 50px;
  left: 150px;
  padding: 10px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  /* border: 2px solid; */
  width: 80%;
}
.footer1-img button {
  position: relative;
  top: 48px;
  /* left: 10px; */
  padding: 10px;
  background-color: yellow;
  border: 2px solid;
}
.footer1-img button:hover {
  background-color: #00cec9;
}
.footer1-img p {
  position: relative;
  top: 100px;
  text-align: center;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

/*........................last sec*/
.last-sec {
  text-align: center;
}
.last-hr {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 2px;
  padding: 3px;

  background-color: yellow;
}
/* ...................FOOTER-1............................ */
.footer-section {
  background-color: #000;
  width: 100%;
}
.f-margin {
  position: relative;
  top: 30px;
  /* margin-top: 20px; */
}

.foot-h {
  color: #d7373a;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}
.a-txt a {
  color: #fff;
  padding: 5px;
  /* margin: 5px; */
  position: relative;
  display: block;
  font-size: 13px;

  /* text-decoration: none; */
}
.last-img {
  width: 7vw;
  padding: 5px;
}
.last-line span {
  color: #fff;
  padding: 5px;
}
/* ............................................... */

.autoplay p {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}
.autoplay img {
  width: 365px;
}

.btns-caro-1 {
  width: 70px;
  position: absolute;
  top: 280px;
  z-index: 100000;
  background-color: #e91e21;
}

.btns-caro-2 {
  width: 100px;
  position: absolute;
  top: 280px;
  z-index: 100000;
  background-color: #e91e21;
}

.btns-caro-3 {
  width: 100px;
  position: absolute;
  top: 280px;
  z-index: 100000;
  background-color: #e91e21;
}

.btns-caro-4 {
  width: 100px;
  position: absolute;
  top: 280px;
  z-index: 100000;
  background-color: #e91e21;
}

.last-sec h1,
p {
  color: #00a6a6;
}
.last-sec hr {
  width: 100px;
  background-color: yellow;
  height: 3px;
}

.woo {
  font-weight: bold;
  justify-content: center;
}
.woo p {
  font-size: 18px;
  padding: 20px;
}
.woo h2 {
  font-size: 55px;
  padding: 20px;
  color: #e18c2d;
}
.woo button {
  position: absolute;
  top: 50%;
  left: 0px;
  color: aqua;
  font-size: 20px;
  border: none;
  padding: 10px;
}
.woo button:hover {
  color: red;
  border: 2px dashed #fff;
}

.woo-woo {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
}
/* .................................................... */
.scroller {
  font-size: 50px;
}

.center {
  border: 2px dashed red;
}

/*........................................ all img hover .............*/

/*
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
*/
/* @-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
} */

/* BACK TO TOP */
#scroll {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 999;
  background-color: #3498db;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #ffffff;
}
#scroll:hover {
  background-color: #e74c3c;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.Tamount {
  font-size: 40px;
  color: orangered;
  font-weight: bold;
}