@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

body, html{	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	user-select: none; }	

html {  scroll-behavior: smooth;}

body {margin:0px;  font-family: 'Roboto', sans-serif; font-size:16px; line-height:30px; color:#333; font-weight:300; background-color:#fff;}

a{transition: all 0.5s ease-in 0s; text-decoration:none;:none; outline:none;}

.clear{clear:both;}

p{margin-top:0px; margin-bottom:15px; }

img {border:0px;}

form{margin:0px;}

input {outline:none; font-family:Poppins;}

* {box-sizing:border-box;}

.grid-1280 {display:table; max-width:1280px; margin:auto; width:100%;}

.mobile-sticy-menu {display:none;}

.half-left  {width:49%; float:left;}

.half-right {width:49%; float:right;}


.home-banner1 { display:table; width:100%; height:650px; background-image:url(../images/home-banner1.jpg); background-position:center top; background-size:120% auto;}
.home-banner2 { display:table; width:100%; height:650px; background-image:url(../images/home-banner2.jpg); background-position:center top; background-size:cover;}
.home-banner3 { display:table; width:100%; height:650px; background-image:url(../images/home-banner3.jpg); background-position:center top; background-size:cover;}


.banner-caption {padding:0px 50px; color:#fff; text-align:center; padding-top:10%;}

.banner-caption-heading-1 { font-size:20px; text-transform:uppercase; text-align:center; display:block; font-weight:500; letter-spacing:6.5px;}

.banner-caption-heading-2 { font-size:65px; line-height:80px; text-transform:uppercase; text-align:center; display:block; font-weight:400; letter-spacing:5px; font-family: 'Oswald', sans-serif; }

.banner-caption-heading-2::before {content:''; display:inline-block; width:60px; height:55px;  background-image:url(../images/curve-white.png); margin-right:20px; background-repeat:no-repeat; background-position:center center;}

.banner-caption-heading-2::after {content:''; display:inline-block; width:60px; height:55px;  background-image:url(../images/curve-white.png); margin-left:20px; background-repeat:no-repeat; background-position:center center;}


.banner-caption-heading-3 { font-size:18px; text-align:center; display:block; font-weight:500; letter-spacing:0px; width:600px; margin:auto; margin-top:20px; margin-bottom:50px}

.banner-caption a { padding:20px 40px; color:#fff; font-size:14px; font-weight:500; font-weight:700; letter-spacing:3px; background-color:#ffa900; border-radius:50px;}

.banner-caption a:hover {color:#000;}

.indicate-area {display:none!important;}

h2 { font-family: 'Roboto Slab', serif; font-size:36px; line-height:50px; text-align:center; font-weight:500; color:#000; margin-bottom:10px;}











/* Header */

header { display:table; width:100%; position:fixed; z-index:10000; transition: all 0.5s ease-in 0s;}

.header-gap {height:120px; width:100%;}

.top-stripe {background-color:#151515; display:table; width:100%; color:#fff;}

.top-stripe .timings {display:inline-block; border:0px solid #444; line-height:40px; padding:0px 20px 0px 10px; width:41%; border-radius:50px; font-size:14px; margin:0; float:left;}

.top-stripe .timings strong {font-weight:700;}

.top-stripe .timings img {float:left; width:40px; margin-right:7px;}


.top-stripe .call {display:inline-block;  border:0px solid #444; line-height:20px; padding:12px 20px 10px 10px; border-radius:50px; width:auto; text-transform:uppercase; font-weight:400; letter-spacing:.1px; font-size:16px; margin:0; margin-top:2px;  float:left;}

.top-stripe .call strong {font-weight:300; font-size:20px; line-height:20px; display:block; letter-spacing:2px;}

.top-stripe .call img {float:left; width:25px; margin-top:0px; margin-right:10px;}

.top-stripe .call a {color:#fff;}



.top-stripe .email {display:inline-block; border:0px solid #444; line-height:20px; padding:12px 20px 10px 10px; border-radius:50px; width:31; width:30%; font-size:16px; margin:0; float:left;}

.top-stripe .email strong {font-weight:700;}

.top-stripe .email img {float:left; width:25px; margin-right:10px;}

.top-stripe .email a {color:#fff;}



.top-stripe .social-top {display:inline-block; float:right; margin-top:8px;}

.top-stripe .social-top img {width:30px;}

.top-stripe .social-top a {margin-left:5px; display:inline-block;}



.logo-band {background-color:#fff; display:block; width:100%; height:75px;}

.logo {margin:5px 0px 0px 0px; display:inline-block; float:left; transition: all 0.5s ease-in 0s;}

.logo img {transition: all 0.5s ease-in 0s; width:217px; float:left;}

.logo a {display:block;}


.top-navigation {display:inline-block; float:right; margin-top:0px; transition: all 0.5s ease-in 0s;}

.top-navigation ul {margin:0px; padding:0px;}

.top-navigation li {margin:0px; padding:0px; list-style:none; float:left; }

.top-navigation li a {color:#333; font-weight:400; text-transform:uppercase; letter-spacing:0px; font-size:20px; line-height:75px; padding:0px 20px 0px 20px; display:block;   font-family: 'Oswald', sans-serif;}

.top-navigation  .active a { background-image:url(../images/active-bg.png); background-color:#fff; }

.top-navigation  .active::after {display:none!important;}

.top-navigation li:last-child a { border:0px;}

.joinus  {display:inline-block; float:right; margin-top:23px; transition: all 0.5s ease-in 0s;}

.joinus a {background-color:#000; color:#fff; line-height:35px; display:block; border-radius:5px; padding:0px 20px; font-weight:500; text-transform:uppercase; letter-spacing:2px;}


header.darker  {position:fixed; border-bottom:1px solid #eee; transition: all 0.5s ease-in 0s;} 

header.darker  .top-navigation { margin-top:0px; transition: all 0.5s ease-in 0s;}

header.darker .top-navigation li a {line-height:50px;}

header.darker .logo img {width:165px; transition: all 0.5s ease-in 0s;}

header.darker .logo  {margin-top:0px;}

header.darker .logo-band {    height: 50px; transition: all 0.5s ease-in 0s;}

/* Header */





/* Holiday Packages */

.holiday-packages { display:table; width:100%; padding:60px 0px; }

.holiday-packages h2 { font-family: 'Roboto Slab', serif; font-size:36px; line-height:50px; text-align:center; font-weight:500; color:#000;}

.holiday-packages p {text-align:center; font-size:16px;}

.curve {text-align:center; display:block;}

.hd-package-box {width:32%; margin-right:2%; margin-top:2%; float:left; transition: all 0.5s ease-in 0s; border-radius:10px; }

.hd-package-box:hover {box-shadow:0px 0px 8px 1px #ccc;}

.hd-package-box img {width:100%; border-radius:10px 10px 0px 0px; float:left; }

.hd-package-box div { display:table; border:1px solid #ccc; padding:20px; clear:both; width:100%; border-radius:0px 0px 10px 10px; background-color:#fff;}

.hd-package-box div .hd-place-name { display:inline-block; float:left; font-weight:400; font-size:16px; line-height:20px;}

.hd-package-box div .hd-place-name strong {display:block; font-size:24px; line-height:30px; font-weight:400; font-family: 'Roboto Slab', serif;}

.hd-package-box div .hd-price { display:inline-block; float:right; font-size:13px; line-height:15px; text-transform:uppercase; font-weight:500; text-align:right; color:#ffa900;}

.hd-package-box div .hd-price strong {display:block; font-size:30px; font-weight:400; color:#ffa900; line-height:30px;}

.holiday-packages .packages .hd-package-box:nth-child(3), .holiday-packages .packages .hd-package-box:nth-child(6) { margin-right:0px!important;}

.hd-package-box  a {display:block; color:#000;}

.view-all {display:table; width:100%; text-align:center; padding:50px 0px;}

.view-all a {display:block; width:270px; padding:15px 10px; background-color:#ffa900; color:#fff; text-align:center; border-radius:50px; text-transform:uppercase; font-weight:500; letter-spacing:2px; margin:auto;}

.view-all a:hover {background-color:#151515;}

/* Holiday Packages */




/* Services */

.gray-area { display:table; width:100%; padding:60px 0px; background-color:#f7f7f7;}

.gray-area .curve {margin:20px 0px;}

.gray-area h2 { font-family: 'Roboto Slab', serif; font-size:36px; line-height:50px; text-align:center; font-weight:500; color:#000;}

.gray-area h3 { font-family: 'Roboto Slab', serif; font-size:20px; line-height:50px; text-align:center; font-weight:500; color:#000;}

.gray-area p {text-align:center; font-size:16px;}

.service-box {float:left; border-radius:10px; width:100%; text-align:center; padding:50px 20px;  border:1px solid #ccc; margin:1% 0% 1% 0%; background-color:#fff; transition: all 0.5s ease-in 0s;}

.service-box a {display:block; color:#333;}

.service-box img {display:block; margin:20px auto; }

.service-box:hover {box-shadow:0px 0px 7px 1px #ccc;}

/* Services */




/* Blog */

.blog { display:table; width:100%; padding:60px 0px; background-color:#fff;}

.blog h2 { font-family: 'Roboto Slab', serif; font-size:42px; line-height:50px; text-align:center; font-weight:500; color:#000;}

.blog h3 { font-family: 'Roboto Slab', serif; font-size:20px; line-height:50px; text-align:center; font-weight:600; color:#000;}

.blog p {text-align:center; font-size:16px;}

.blog-box1 {width:49%; float:left; margin-top:20px; text-align:left;}

.blog-box2 {width:49%; float:right; margin-top:20px; text-align:left;}

.blog-box1 h3, .blog-box2 h3, .blog-box1 p, .blog-box2 p {text-align:left; color:#000;}

.blog-box1 span, .blog-box2 span  {text-align:left; color:#ffa900; font-weight:400; font-size:14px; font-family: 'Roboto Slab', serif;}

.blog-box1 span strong, .blog-box2 span strong {color:#666; font-weight:normal; }

.blog-image { width:100%; height:408px; display:block; overflow:hidden;}

.blog-image img {width:100%; transition: all 0.5s ease-in 0s; }

.blog-box1:hover  .blog-image  img , .blog-box2:hover  .blog-image  img { width:120%; height:auto; transition: all 0.5s ease-in 0s; margin:-10%; }

/* Blog */




/* Testimonials */

.face {display:inline-block; margin:0px 40px 20px 20px; border-radius:100%; width:150px; float:left; border:5px solid #ffa900;	}

.testimonials p {text-align:left!important; display:inline-block; width:75%;  text-indent:0px!important; height:100px; } 

.customer-name {height:30px!important;}

.customer-name strong {display:block; font-weight:700; font-family: 'Roboto Slab', serif; }

/* Testimonials */


/* Fullsize Packages */

.package-box {width:33.33%; float:left; position:relative; transition: all 0.5s ease-in 0s;} 

.package-box a {display:block;  width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.0); color:#fff; text-align:center; transition: all 0.5s ease-in 0s; background-image:url(../images/plus.png); background-position:120% 120%; background-repeat:no-repeat;}

.package-box a:hover {background-color:rgba(0,0,0,0.5); background-position:right bottom;}

.package-box a:hover h4, .package-box a:hover p {opacity:1.0;}

.package-box a h4 { font-size:26px; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; margin-top:35%; letter-spacing:1px; opacity:0.0; transition: all 0.5s ease-in 0s;}

.package-box a p {width:80%; margin:10px auto; line-height:120%; opacity:0.0; transition: all 0.5s ease-in 0s;}

.package-box .figure, .package-box .figure img {width:100%; float:left; transition: all 0.5s ease-in 0s;}

.package-box .figure {z-index:-1; transition: all 0.5s ease-in 0s;}

/* Fullsize Packages */








/* Call to Action */

.call-to-action { background-color:#252525; padding:50px 0px; width:100%; display:table;}

.call-to-action h5 { font-size:47px; line-height:50px; color:#ffa900; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase;}

.call-to-action  p { color:#fff; font-weight:400; font-size:16px;}

.call-to-action a { display:inline-block; float:right; color:#fff; margin-top:15px; font-family: 'Oswald', sans-serif; font-size:20px; text-transform:uppercase; font-weight:400; letter-spacing:1px; border:2px solid #fff; border-radius:1000px; padding:15px 50px;}

.call-to-action a:hover { background-color:#ffa900; border-color:#ffa900; } 

/* Call to Action */




/* Footer */

footer {padding:0px; background-color:#fff; color:#fff; text-align:center; display:table; width:100%;}

.copyright { color:#666; font-size:12px; line-height:20px; text-transform:uppercase; letter-spacing:2px; margin:20px 0px; display:table; width:100%;}

.copyright span {display:inline-block; margin-top:30px;}

.logo-bottom {display:inline-block; float:left;}

.logo-bottom a {display:block;}

.logo-bottom a img {float:left;}

.social-bottom {display:inline-block; float:right; margin-top:24px;}

.social-bottom a {display:inline-block; margin-left:5px;}

.social-bottom a:hover {opacity:0.7;}

.social-bottom a img {float:left;}

/* Footer */





/* Isnide Pages  */

.inside-banner { width:100%; height:250px; background-color:#09F; background-position:center center;}

.inside-banner h2 {text-align:center; color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:40px; font-weight:400; letter-spacing:2px; line-height:250px;}

.inside-banner h2::before {content:''; display:inline-block; width:60px; height:30px;  background-image:url(../images/curve-white.png); margin-right:20px; background-repeat:no-repeat; background-position:center center;}

.inside-banner h2::after {content:''; display:inline-block; width:60px; height:30px;  background-image:url(../images/curve-white.png); margin-left:20px; background-repeat:no-repeat; background-position:center center;}

.inside-content {display:table; width:100%; padding:60px 0px;}

.center-text {text-align:center;}

.first-para  {font-size:20px!important; margin-top:20px; font-weight:400; color:#000;}

.full-width-tour-content {width:50%; float:left; padding:200px;}

.full-width-tour-content h2, .full-width-tour-content p, .full-width-tour-content .curve {text-align:left; text-transform:capitalize;}

.full-width-tour-content .curve {text-align:left; margin-bottom:20px;}

.full-width-tour-image {width:50%; float:left; background-image:url(../images/ts-1.jpg); background-position:center center; background-size:cover; height:700px; display:inline-block;}

.float-right { float:right;}

.float-left { float:left;}

.full-width-tour-content a {display:block; width:200px; padding:15px 10px; background-color:#ffa900; color:#fff; text-align:center; border-radius:50px; text-transform:uppercase; font-weight:500; letter-spacing:2px; margin:20px 0;}

.full-width-tour-content a:hover {background-color:#151515;}

.text-left {text-align:left;}

.logo-big { width:60%; margin:auto; display:block;}

.destinations {display:table; width:100%; padding:60px 0px;}

.service { border-radius:10px; float:left; width:24%; background-color:#fff; border:1px solid #ddd; padding:20px; transition: all 0.5s ease-in 0s; margin:6px 6px 80px 6px;}

.service:hover {margin-top:-20px; box-shadow:0px 0px 5px 1px #ccc;}

.service h3 {font-size:26px;}

.service a {color:#000;}

.service-icon {diplay:block; margin-top:-70px; margin-bottom:20px;}

.service-icon img {display:block; margin:auto; background-color:#ffa900; border-radius:100px; padding:10px; width:100px; }

.contact-box {width:24%; float:left; margin-right:10px; border-right:1px solid #ccc; height:200px;}

.contact-box:first-child {border-left:1px solid #ccc;}

.contact-box h3 {text-transform:uppercase; font-size:25px;}

.contact-box img {display:block; margin:auto; width:60px; margin-bottom:20px;}

.textbox1 {width:31.3%; margin:1%; padding:15px; border:1px solid #ccc; border-radius:5px; background-color:#f7f7f7; font-family:Roboto; font-size:14px; color:#666; float:left;}

.textbox2 {width:97.8%; margin:1%; padding:15px; border:1px solid #ccc; border-radius:5px; background-color:#f7f7f7; font-family:Roboto; font-size:14px; color:#666;}

.submit-button {display:block; width:270px; padding:15px 10px; background-color:#ffa900; color:#fff; text-align:center; font-size:18px; border-radius:50px; text-transform:uppercase; font-weight:500; letter-spacing:2px; margin:auto; border:0px; transition: all 0.5s ease-in 0s; margin-top:10px; }

.submit-button:hover { background-color:#151515;}

.blog-left {width:75%; float:left; padding-right:20px;}

.blog-left p {text-align:left;}

.blog-right {width:25%; float:left;}

.blog-post-box {width:48%; float:left; display:table; border:1px solid #ddd; border-radius:5px; transition: all 0.5s ease-in 0s; margin:0px 2% 2% 0px;}

.blog-post-box:hover  .figure img {width:120%; height:auto; margin:-10%; transition: all 0.5s ease-in 0s;}

.blog-post-box a {display:block; color:#333;}

.blog-post-box .figure {width:100%; height:280px; display:block; overflow:hidden; padding:0px; margin:0px;  border-radius:5px 5px 0px 0px; transition: all 0.5s ease-in 0s;}

.blog-post-box img {width:100%; float:left; transition: all 0.5s ease-in 0s;}

.blog-post-box div {background-color:#fff; padding:20px; clear:both; border-radius:0px 0px 5px 5px; display:table;}

.blog-post-box h6 {font-size:18px; font-family:'Roboto Slab'; font-weight:400; color:#000; height:100px;}

.posted-by { display:inline-block; float:left; font-family:'Roboto Slab'; font-size:13px; font-style:italic; margin-right:20px;}

.posted-by strong {font-style:normal; font-weight:600;}

.date { display:inline-block; float:left; font-family:'Roboto Slab'; font-size:13px;  margin-right:20px;}

.comments {display:inline-block; float:left; font-size:13px;}

.comments img {float:left; width:15px; margin-top:8px; margin-right:8px;}

.blog-post-box .comments {display:inline-block; float:right; font-size:13px;}

.blog-post-box .comments img {float:left; width:15px; margin-top:8px; margin-right:8px;}

.blog-right-links {display:table; border-radius:5px; border:1px solid #ddd; width:100%; background-color:#fff; padding:20px; margin-bottom:20px;}

.blog-right-links a {color:#666; display:block; font-size:15px;}

.blog-right-links a:hover {padding-left:15px;  background-color:#ffa900; font-weight:500; color:#fff;}

.blog-right-links h5 {font-size:22px; color:#000; font-family:'Roboto Slab'; font-weight:400;}

.blog-right-links a {display:block; background-color:#f8f8f8; border-radius:20px; margin:5px 0px; padding-left:10px; font-size:13px;}

.blog-right-search {width:100%; display:table; margin-bottom:20px;}

.blog-search-textbox {width:85%; float:left; height:40px; padding:10px 20px; border:1px solid #ddd; border-radius:50px 0px 0px 50px; border-right:0px;}

.blog-search-go-button{width:15%; float:left; height:40px; padding:10px; border:1px solid #ffa900; background-color:#ffa900; border-radius:0px 50px 50px 0px; color:#fff; cursor:pointer;}

.blog-left h2 {text-align:left; font-size:30px;}

.full-size-image {width:100%; margin:10px 0px;}

.hi-light { background-color:#fff; padding:20px; font-family:'Roboto Slab'; font-weight:300; border:1px solid #ccc;}

.contact-bar { background-color:#ffa900; padding:15px 0px; width:100%; display:table;}

.contact-textbox {padding:10px; border:0px; background-color:#fff; border-radius:3px; font-weight:400; font-size:14px; width:25%; float:left; margin-right:10px; color:#444; height:40px;}

.contact-button {    display: inline-block;  cursor:pointer;  width: 22%; height:40px;   padding: 8px 10px;    background-color: #C00;    color: #fff;    text-align: center;    font-size: 14px;    border-radius: 3px;   text-transform: uppercase;    font-weight: 500;    letter-spacing: 2px;    margin: auto;        margin-top: auto;    border: 0px;    transition: all 0.5s ease-in 0s; }

.contact-button:hover {background-color:#151515; color:#fff; }


.three-column-box {width:31.3%; float:left; display:table; border:1px solid #ddd; border-radius:6px; transition: all 0.5s ease-in 0s; margin:0px 1% 2% 1%;}

.three-column-box:hover  .figure img {width:110%; height:auto; margin:-5%; transition: all 0.5s ease-in 0s;}

.three-column-box:hover {box-shadow:0px 0px 5px 2px #ddd;}

.three-column-box a {display:block; color:#333;}

.three-column-box .figure {width:100%; height:240px; display:block; overflow:hidden; padding:0px; margin:0px;  border-radius:6px 6px 0px 0px; transition: all 0.5s ease-in 0s;}

.three-column-box img {width:100%; float:left; transition: all 0.5s ease-in 0s;}

.three-column-box div {background-color:#fff; padding:20px; clear:both; border-radius:0px 0px 6px 6px; display:table;}

.three-column-box h6 {font-size:16px; line-height:140%; font-family:'Roboto Slab'; font-weight:400; color:#000; height:80px;}

.three-column-box em { display:inline-block; background-color:#ffa900; padding:3px 10px; color:#fff; font-size:12px; font-weight:500; line-height:20px; font-style:italic; border-radius:30px; margin-bottom:10px; }

.three-column-box span {display:inline-block; margin-right:30px;}

.three-column-box span strong {font-weight:600; }

.tour-name-and-others {display:block; background-color:#fff; padding:20px;  border:1px solid #ddd; width:98%; margin:auto;  margin-bottom:20px; margin-top:20px;}

.map {display:block;  margin-bottom:20px; border:1px solid #ddd !important; width:98%; margin:auto; }

.tour-name-and-others h6 {font-size:22px; line-height:180%; font-family:'Roboto Slab'; font-weight:400; color:#000; }

.tour-name-and-others span {display:inline-block; margin-right:30px;}

.tour-name-and-others span strong {font-weight:600; }

.full-size {width:100%;}


/* Isnide Pages  */













/* Accordion */

.accordion {
  background-color: #333;
  color: #fff;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-family:Poppins;
  margin-top:20px;
}

.accordion:first-child { margin-top:0px;}

.active, .accordion:hover {
  background-color: #ea1111;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: 400;
  float: right;
  margin-left: 5px;
  margin-right:5px;
  font-family:poppins;
  font-size:20px;
  line-height:20px;
  margin-top:2px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding:0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}


.panel div { border:1px solid #ccc; padding:20px; background-color:#f5f5f5;}

/* Accordion */





















/* Pop up */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:10000;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 2s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.rating-title {display:inline-block; float:left; line-height:40px;}

.rating-title {display:inline-block; float:left; line-height:40px;}

.rating-listbox {border:1px solid #ccc; background-color:#f1f1f1; padding:5px 5px 8px 5px; color:#666; outline:none; width:80%; margin-bottom:10px; font-family:arial; font-size:20px; float:right;}

.popup-stars {height:15px; margin:5px;}

.fullsize-textbox { border:1px solid #ccc; background-color:#f1f1f1; padding:10px; color:#666; outline:none; width:100%; margin-bottom:10px; font-family:poppins; font-size:14px;}

.fullsize-button {display:block; background-color:#ea1111; border:0px; color:#fff; text-align:center; padding:10px; width:100%; font-family:poppins; text-transform:uppercase; font-weight:600; letter-spacing:2px;}

/* Pop up */












/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
	background-color:#333;
	width:51px;
	height:51px;
	position:fixed;
	right:0;
	top:40px;
	padding:14px;
	box-sizing:border-box;
	z-index:10000;
	display:none;
	border-bottom:1px solid #666;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */






/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:10000;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#ffa900;
	background:#ffa900;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
	border-radius:5px;
}

.scroll a {padding:7px 10px 0px 10px; display:block; color:#fff;}

.scroll:hover {
	background:#000;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 

}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

/* Scroll Top */



/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #fff;
  
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 15px;
  color:#000;
  font-family: 'Roboto Slab', sans-serif;
  width:20%; 
  float:left;
  border:1px solid #ddd;
  background-color:#eee;
}



/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
  border-bottom:1px solid #fff;
  border-top:3px solid #0372a9;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 30px;
  border: 1px solid #ddd;
  border-top: none;
  margin-bottom:30px;
  background-color:#fff;
}

.tabcontent a { display:block; color:#0372a9;  line-height:35px; padding-left:30px; background-image:url(../images/link-icon.png); background-repeat:no-repeat; background-position:left center; background-size:15px auto; }

.tabcontent a:last-child {border-bottom:0px;}