/*
	CSS DOCUMENT
	Author: New Generation Technology
	Website: www.ngtechja.com
	Template: Tours
*/

body{padding:0; margin:0; font-family:verdana, tahoma, arial;}
a{text-decoration:none;}


/*=========== IDs =============*/
#topnav{background:#2393dd; padding:0px;}
#topnav input{border:none; outline:none; font-size:16px; padding:4px 0px;}
#topnav ul{list-style:none; padding:0px; margin:0px; text-align:right;} #topnav li{display:inline-block; padding:7px 12px; border-right:1px solid #fff; transition:0.42s;} #topnav li:hover{background:#000;}
#topnav li a{text-decoration:none; color:#fff; padding:12px 4px;}

#lownav ul{list-style:none; text-align:center; padding:0px; margin:0;} #lownav li{display:inline-block; padding:0px;}
#lownav li a div{text-decoration:none; color:#000; font-weight:bold; padding:34px; transform: skewX(20deg); transition:0.42s;} 
#lownav li a div:hover{background:#2393dd; color:#fff; font-weight:bold;}
#lownav li a div section{transform: skewX(-20deg);}

#footer{background:#2c2e3e; color:#fff; padding:42px 0px;}
#footer a{color:#fff; border-bottom:1px solid transparent; padding:2px 12px; transition:0.42s;} #footer a:hover{border-bottom:1px solid #fff;}
.ft-head{padding: 10px 0px;}

/*==================== SLIDESHOW  ====================*/
#banner{display:block; width:100%; height:85vh; margin:auto;}
#bannerContainer{display:block; width:100%; height:85%;}
#prev{background-image: url('../images/left.png'); background-size:50%; background-repeat: no-repeat; background-position: center center; left:0px; height:85%; width:100px; position:absolute; z-index: 9999; cursor: pointer; opacity:.9; transition:0.64s;}
#next{background-image: url('../images/right.png'); background-size:50%; background-repeat: no-repeat; background-position: center center; right:0px; height:85%; width:100px; position:absolute; z-index: 9999; cursor: pointer; opacity:.9; transition:0.64s;}
#slider{display:block; height:100vh; width:100%; position:absolute; overflow:hidden;}
#slider .slides{background-size:cover; height:85vh; width:100%;}
#bannerContainer section{position:absolute; margin-left:15%; margin-top:12%; padding:0px; color:#000; font-size:92px; text-align:left; font-family:arial; z-index:999;}
#slider section{position:absolute; width:350px; left:3%; top:8%; background:rgba(0,0,0,0.5); padding:24px; color:#fff; font-weight:bold; font-family:arial; z-index:99999;}
#bannerContainer section p{padding:0px; line-height:7px; margin:0px;}

/* ============= CLASS =========*/
.grey{background:#222222;}

.content1{width:85%; margin:auto; padding:0px;}
.content2{width:80%; margin:auto; padding:0px;}
.content3{width:85%; margin:auto; padding:64px 0px;}
.content{margin-right:auto; margin-left:auto; width:80%; line-height:24px; font-size:18px; letter-spacing:1px;}

.content-1{width:100%; margin:auto;}
.content-2{margin:auto; width:80%;}
.content-3{margin:auto; width:70%;}
.content-4{width:90%; margin:auto;}
.content-5{width:95%; margin:auto;}

.center{text-align:center; padding:12px 0px;}

.link1 a{color:#fff; padding:4px 12px; border-right:1px solid #fff; transition:0.42s;} .link1 a:hover{color:#2393dd;}

.logo{height:84px;}

.btn1{background:#2393dd; border:none; color:#fff; padding:7px 12px; text-decoration:none; transition:0.42s;} .btn1:hover{background:#127a9d;}
.btn2{background:#222222; border:none; color:#fff; padding:12px 32px; text-decoration:none; transition:0.42s;} .btn2:hover{background:#ddd; color:#333333;}
.btn3{background:#fff; border:1px solid #222222; color:#222222; padding:12px; text-decoration:none; transition:0.42s;} .btn3:hover{background:#222222; color:#fff;}
.btn4{background:#f44336; border:none; color:#fff; padding:15px 32px; text-decoration:none; transition:0.42s;}
.btn5{background:#555555; border:none; color:#fff; padding:15px 32px; text-decoration:none; transition:0.42s;} .btn5:hover{background:#222222;}
.btn6{background:#f4511e; border:none; color:#fff; padding:16px 32px; text-decoration:none; opacity:0.7; transition:0.42s;} .btn6:hover{opacity: 1;}
.btn7{background:#ddd; border:none; color:#222222; border-radius:4px; padding:14px 24px; text-decoration:none; transition:0.42s;} .btn7:hover{color:#555555;}
.btn8{background:#f0ad4e; border:1px solid #eea236; color:#fff; padding:16px 32px; text-decoration:none; transition:0.42s;} .btn8:hover{background:#eea236;}
.btn9{background:#4caf50; border:none; color:#fff; padding:18px 42px; text-decoration:none; transition:0.42s;} .btn9:hover{background:#000;}
.btn10{background:#5f5f5f; border:none; color:#fff; padding:12px 32px; text-decoration:none; transition:0.42s;} .btn10:hover{background:#333333; letter-spacing:2px;}

/* ===== Header Text =====*/
.head1{font-weight:bold; font-size:42px; padding:10px 0px; font-family:arial; color:#fff; font-weight:bold; text-transform: uppercase;}
.head2{font-weight:bold; font-size:24px; padding:10px 0px; font-family:arial; color:#B60202; text-transform: uppercase;}

/*==== Padding ====*/
.pdtopbttm24{padding:24px 0px;}
.pdtopbttm42{padding:42px 0px;}

/*============ FLOATERS ===========*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/*============ WIDTH ===========*/
.half{width:50%;}
.quart{width:33%;}
.percent2{width:2%;}
.percent5{width:5%;}
.percent10{width:10%;}
.percent20{width:20%;}
.percent22{width:22%;}
.percent25{width:25%;}
.percent30{width:30%;}
.percent35{width:35%;}
.percent40{width:40%;}
.percent45{width:45%;}
.percent50{width:50%;}
.percent60{width:60%;}
.percent70{width:70%;}
.percent75{width:75%;}
.percent80{width:80%;}
.percent90{width:90%;}
.percent95{width:95%;}

/*============ BORDER ===========*/
.border-top-bottom{border-top:1px solid #c7cbd1; border-bottom:1px solid #c7cbd1;}
.border-top{border-top:1px solid #c7cbd1;}
.border-bottom{border-bottom:1px solid #c7cbd1;}
.border-left{border-left:1px solid #c7cbd1;}
.border-right{border-right:1px solid #c7cbd1;}
.border-full{border:1px solid #c7cbd1;}

/*============ PADDING ===========*/
.padd4{padding:4px 0px;}
.padd7{padding:7px 0px;}
.padd12{padding:12px 0px;}
.padd18{padding:18px 0px;}
.padd24{padding:24px 0px;}
.padd30{padding:30px 0px;}
.padd42{padding:42px 0px;}
.padd64{padding:64px 0px;}
.padd72{padding:72px 0px;}
.padd92{padding:92px 0px;}

.space6{padding:0px 6px;}
.space12{padding:0px 12px;}
.space24{padding:0px 24px;}
.space42{padding:0px 42px;}
.space64{padding:0px 64px;}

.padding4{padding:4px;}
.padding5{padding:5px;}
.padding7{padding:7px;}
.padding8{padding:8px;}
.padding12{padding:12px;}
.padding14{padding:14px;}
.padding18{padding:18px;}
.padding24{padding:24px;}
.padding30{padding:30px;}
.padding42{padding:42px;}

/*============ LINE HEIGHT ===============*/
.line12{line-height:12px;}
.line14{line-height:14px;}
.line16{line-height:16px;}
.line18{line-height:18px;}
.line20{line-height:20px;}
.line24{line-height:24px;}
.line30{line-height:30px;}
.line34{line-height:34px;}
.line40{line-height:40px;}

/*============ COLOR ===============*/
.color-white{color:#fff !important;}
.color-black{color:#000 !important;}
.color-grey{color:grey;}
.color-blue{color:#16bacf;}
.color-red{color:#f7665f;}

/*============ ALIGNMENT ===========*/
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.block{display:block;}
.inline{display:inline-block;}

/*============ WEIGHT ===========*/
.bold{font-weight:bold;}
.normal{font-weight:normal !important;}
.italic{font-weight:italic;}

/*============ FONT SIZE ===========*/
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font21{font-size:21px;}
.font28{font-size:28px;}
.font32{font-size:32px;}
.font42{font-size:42px;}
.font72{font-size:72px;}
.font92{font-size:92px;}
.font112{font-size:112px;}

/*============ HEADERS ===========*/
.head1{font-size:72px;}
.head2{font-size:64px;}
.head3{font-size:42px;}
.head4{font-size:24px;}

/*============ TEXT TRANSFORM ===========*/
.upper{text-transform:uppercase;}
.capital{text-transform:capitalize;}

/*=========== BACKGROUND ===========*/
.teal{background:teal;}
.blue{background:#009ddc;}
.gray{background:#222222;}
.lightgrey{background:#f9f9f9;}
.white{background:#fff;}
.red{background:#f7665f;}
.orange{background:#fcc236;}

/*============ BUTTONS ===========*/
.btn{padding:12px 24px; text-decoration:none; border:none; text-transform:uppercase; transition:0.75s;} .btn:hover{background:#222222; color:#fff;}
.btn-error{background:#fc4438; color:#fff;}
.btn-info{background:#009ddc; color:#fff;}
.btn-orange{background:#ee8031; color:#fff;}
.btn-green{background:#22975e; color:#fff;}
.btn-white{background:#fff; color:#000;}