/* 
	Author: Pushpendra Kr. Sharma 
*/

@font-face {
    font-family: 'Swiss 921 BT';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/swz921n-webfont.eot');
    src: url('../fonts/swz921n-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz921n-webfont.woff2') format('woff2'),
         url('../fonts/swz921n-webfont.woff') format('woff'),
         url('../fonts/swz921n-webfont.ttf') format('truetype'),
         url('../fonts/swz921n-webfont.svg#swiss921_btregular') format('svg');

}

/* -- Website Styles -- */
/*.mainTitle { color:#000;}*/
.benefitsBlock h3 { color:#000;}
.benefitsBlock p { color:#000;}
.testimonialsWrap li h5 { color:#000;}
.testimonialsWrap li h6 { color:#000;}
.logoShowcaseContainer h4 { color:#000;}
.hideinput { display:none !important; }

/* -- Header -- */

.header-container { background:#fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22); position:fixed; transition: all 0.3s ease-out 0s; width:100%; z-index:999;}
.header-container::after, .header-container::before { content:" "; display:table;}
.header-container::after { clear:both;}
.header-container .cntrDiv { width: 1100px; margin: 0 auto 0 auto; }
.logo-header { box-sizing:content-box; float:left; width:20%; padding-top:10px; }
.phone-header { box-sizing:content-box; float:right; padding-top:22px; text-align:right; width:20%;}
.main-nav { box-sizing:content-box; float:left; width:60%;}

.logo-header img { margin-left:10px; max-width:100%;}

.phone-header i { color:#000; display:block; font-family:'Brandon Medium','Droid Sans', sans-serif; font-size:16px; font-style:normal; margin-right:10px;}
.phone-header b { color:#ae1447; font-family:'Brandon Medium','Droid Sans', sans-serif; font-size:26px; font-style:normal; margin-right:10px;}
.phone-header b a { color:#ae1447;}
.phone-header b a:hover { color:#000;}



/* -- Content Area -- */
.boxedLayoutContainer { padding-top:50px;}
.welcome-text { text-align:center;}
.welcome-text h3 { color:#ae1447; font:normal 20px 'Brandon Medium','Droid Sans', sans-serif; margin:0 0 10px;}
.welcome-text p { color:#000; font:normal 15px 'Droid Serif', sans-serif;margin:0 100px 20px 100px;}

/* -- Breadcrumb 
.breadcrumb {color:#000; margin:30px 0; }
.breadcrumb .current {color:#ae1447; }
.breadcrumb a { color:#000; text-decoration:none;}
.breadcrumb a:hover { color:#ae1447;}-- */

/* -- Step boxs -- */
.process-step { background:#ae1447; color:#fff; margin-bottom:40px; padding:20px 10px; }
.process-step::after, .process-step::before { content:" "; display:table;}
.process-step::after { clear:both;}
.process-step-item { background:#fff; border-radius:7px; color:#000; float:left; margin:0 1%; text-align:right; width:23%; }
.process-content {padding:10px;}
.process-step-item p { font-size:15px; margin:10px 0; text-align:center;}
.process-step-item a { color:#000; text-decoration:underline; }
.process-step-item a:hover { color:#ae1447; }
.process-step h3 { font:normal 26px 'Brandon Medium','Droid Sans', sans-serif; margin:0 0 17px; text-align:center; text-transform:uppercase;}

/* -- Details Area -- */
.details-section { margin-bottom:40px; margin-top:40px; width:100%;}
.details-section::after, .details-section::before { content:" "; display:table;}
.details-section::after { clear:both;}
.details-left { float:left; width:48%;}
.details-left table { border:1px solid #e1e1e1; text-align:left;}
.details-left table tr th { background:#ae1447; color:#fff; font-size:20px; font-weight:normal; padding:15px;}
.details-left table tr td { font-size:15px; padding:67px 15px; vertical-align:top;}
.details-left table tr td { border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; }
.details-left table tr td:first-child { border-left:0px;}
.details-left table tr:first-child td { border-top:0px;}
.details-left a { color:#ae1447; font-weight:bold; text-decoration:underline;}
.details-left a:hover { text-decoration:none;}
.details-right { background:#f9f9f9; border:1px solid #e1e1e1; float:right; width:48%;}
.details-right h3, .details-left h3 {background:#ae1447; color:#fff; font-size:20px; font-weight:normal; margin:0px; padding:15px 0; text-align:center; }
.form-area { padding:10px;}
.form-area::after, .form-area::before { content:" "; display:table;}
.form-area::after { clear:both;}
.form-area p { color:#fff !important;}
.form-area ul { list-style:none; margin:0px; padding:0px;}
.form-area ul li { float:left; margin:0px; padding:0px; width:48%;}
.form-area ul li:nth-child(even) { float:right;}
.form-area form p.antispam { display:none;}
.form-area form input[type="text"], .form-area form input[type="email"], .form-area form select { background:#fff; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; color:#000; display:block; font-family: "Raleway",sans-serif; font-size:13px; margin-bottom:7px; padding:5px 10px; width:100%;}
.form-area form select option { padding-left:10px; padding-right:10px;}
.form-area form label { font:normal 13px "Raleway",sans-serif;}
.form-area form textarea { background:#fff; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; color:#000; display:block; font-family: "Raleway",sans-serif; font-size:13px; height:89px; padding:5px 10px; width:100%;}
.form-area form input[type="checkbox"] { margin-bottom:10px;}
.form-area form input[type="submit"] { background:#ae1447; border:0px; border-radius:3px; color:#fff; cursor:pointer; font:bold 16px/26px 'Brandon Medium','Droid Sans', sans-serif; text-transform:uppercase; width:100%; }
.form-area form input[type="submit"]:hover { background:#333; color:#fff;}
.form-area form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
}
.form-area form input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.form-area form input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity: 1;
}
.form-area form input:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: 1;
}
.form-area form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
}
.form-area form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.form-area form textarea:-ms-input-placeholder { /* IE	 10+ */
  color: #000;
  opacity: 1;
}
.form-area form textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: 1;
}
.contact-details { padding:5px 10px 10px 10px;}
.contact-details h4 { border-bottom:1px solid #ae1447; color:#ae1447; font-size:18px; line-height:24px; margin:7px 0; padding-bottom:3px; padding-left:35px;}
.contact-details h4.call-us { background:url(../images/icon-phone.png) no-repeat left top;}
.contact-details h4.email-address { background:url(../images/icon-email.png) no-repeat left top;}
.contact-details h4.visit-us { background:url(../images/icon-map.png) no-repeat left top;}
.contact-details p { font-size:15px; line-height:22px; margin:7px 0;}
.contact-details p a { color:#000; }
.contact-details p a:hover { color:#ae1447; }
.contact-details p b { font-size:18px;}


.feature-box { background:#fff; border:0px;}
.email-application-pack-form { background:#f9f9f9; border:1px solid #e1e1e1;}
.email-application-pack-form .form-area form { text-align:center;}
.email-application-pack-form .form-area form input[type="submit"] { display:inline-block; margin:0 auto; margin:0 auto 10px auto; padding-left:10px; padding-right:10px; width:auto; width:100px; }
.feature-box .wid-50 { float:left; width:50%;}

.for-outsider { background:#ae1447 url(../images/icon-globe.png) no-repeat 120px 40px; color:#fff; padding:50px 120px 50px 240px;}
.for-outsider h3 { font-size:18px; margin:0 0 10px 0;}
.for-outsider p { font-size:15px; margin:0;}

.btn-cta { position:fixed; right:0px; top:45%; z-index:999;}

.get-started-section { margin-bottom:40px; }
.get-started-section::after, .get-started-section::before { content:" "; display:table;}
.get-started-section::after { clear:both;}
.get-started-box { border-radius:3px; color:#fff; float:left; margin-left:3%; padding:30px 0; text-align:center; width:31.3%;}
.get-started-box h3 { border-bottom:1px solid #fff; display:inline-block; font:normal 30px "Swiss 921 BT"; margin:0 0 15px 0;}
.blue-box { background:#AE1447; margin-left:0px;}
.green-box { background:#AE1447;}
.red-box { background:#AE1447;}
.get-started-box p { font-size:18px; line-height:24px; margin-bottom:30px;}
.get-started-box a { border:2px solid #fff; color:#fff; font-family:"Raleway",sans-serif; font-size:18px; padding:5px 30px;}
.get-started-box a:hover { border-color:#000; color:#000;}


/* -- Home Page Class -- */
.homeTagContainer { top:20px;}
.hometag-left { float:left; padding:0 1%; width:58%;}
.hometag-right { float:left; width:38%;}
.hometag-left h1 {
    color: #fff;
    font:normal 44px/56px Arial, Helvetica, sans-serif;
	margin:100px 30px 10px;
    padding-bottom: 14px;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.hometag-left a{
	background:rgba(216,178,153,0.5);
	border:2px solid #fff;
	border-radius:3px;
	color: #fff;
	display:table;
	font-family:'Brandon Bold','Droid Sans', sans-serif;
	font-size: 13px;
	font-weight:normal;
	letter-spacing:0.8px;
	margin:0 auto;
	padding: 7px 20px;
	text-shadow:1px 1px 3px rgba(0,0,0,0.1);
	text-transform: uppercase;
}
.hometag-left a:hover{
	background:rgba(216,178,153,0.8);
}

.form-home { background:url(../images/bg-form-home.png) repeat left top; border:2px solid #fff; border-radius:3px; overflow:hidden;}
.form-home h3 { color:#ae1447; font:bold 30px Arial, Helvetica, sans-serif; 
margin: 12px 0 5px 0; text-align:center; text-transform:uppercase;}
.form-home p.antispam { display:none;}
.form-home ul { list-style:none; margin:0px; padding:0px;}
.form-home ul li { margin:0px; padding:3px 20px;}
.form-home ul li:last-child { text-align:center;}
.form-home form input[type="text"], .form-home form input[type="email"], .form-home form select { background:#fff; border:0; border-radius:4px; box-sizing:border-box; color:#000; display:block; font-family: 'Brandon Medium','Droid Sans', sans-serif; font-size:16px; padding:4px 10px; width:100%;}
.form-home form select option { padding-left:10px; padding-right:10px;}
.form-home form label { color:#fff; font:bold 16px 'Brandon Medium','Droid Sans', sans-serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.form-home form textarea { background:#fff; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; color:#000; display:block; font-family: 'Brandon Medium','Droid Sans', sans-serif; font-size:16px; height:89px; padding:4px 10px; width:100%;}
.form-home form input[type="checkbox"] { margin-bottom:10px;
/* All browsers except webkit*/
 transform: scale(1.3);
  /* Webkit browsers*/
  -webkit-transform: scale(1.3);
  }
.form-home form input[type="submit"] { background:#ae1447; border:0px; border-radius:3px; color:#fff; cursor:pointer; font:bold 16px/40px 'Brandon Medium','Droid Sans', sans-serif; margin:0 auto 15px auto; text-transform:uppercase; width:40%; }
.form-home form input[type="submit"]:hover { background:#333; color:#fff;}
.form-home form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
}
.form-home form input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.form-home form input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity: 1;
}
.form-home form input:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: 1;
}
.form-home form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
}
.form-home form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.form-home form textarea:-ms-input-placeholder { /* IE	 10+ */
  color: #000;
  opacity: 1;
}
.form-home form textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: 1;
}


.howItWorksContainer .process-step-item { background:#f9f9f9; border:1px solid #e1e1e1; margin-top:20px; min-height:125px; width: 22.7%;}

/*New Second Experiement Page second-british-passport-application-new3.html */
.details-sectionsecond { margin-bottom:40px; margin-top:40px; width:100%;}
.details-leftsecond { background-color:#ae1447; float:left; width:48%;}
.details-leftsecond a { color:#ae1447; font-weight:bold; text-decoration:underline;}
.details-leftsecond a:hover { text-decoration:none;}
.details-rightsecond { background:#f9f9f9; border:1px solid #e1e1e1; float:right; width:48%;}
.details-rightsecond h3, .details-leftsecond h3 {background:#ae1447; color:#fff; font-size:20px; font-weight:normal; margin:0px; padding:15px 0; text-align:center; }
.details-section p {color: #000; margin-bottom:20px; margin-top:0px; width:100%;/*! background-color: #ae1447; *//*! padding-left: 10px; */}



@media (min-width: 992px) {
	


/* -- Main Navigation -- */

.main-nav #menu-button { display:none;}
.main-nav { text-align:center;}
.main-nav ul { list-style:none; margin:0px; padding:0px; text-align:center; }
.main-nav ul li { display:inline-block; margin:0px; padding:0px; position:relative; }
.main-nav ul li a { color:#000;display:block; font:normal 18px 'Brandon Medium','Droid Sans', sans-serif; padding:37px 8px;}
.main-nav ul li a:hover { background:#ae1447; color:#fff;}
.main-nav ul li:hover > a {background:#ae1447; color:#fff;}

/*-- first level menu --*/
.main-nav ul ul { background:#ae1447; display:none; position:absolute; text-align:left; width:300px; z-index:999; }
.main-nav ul li:hover ul { display:block;}
.main-nav ul ul li { float:left; width:300px;}
.main-nav ul ul li a { color:#fff; display:block; font-size:16px; line-height:normal; padding:5px 15px;}
.main-nav ul ul li a:hover { background:#f1f1f1; color:#000;}

}
	
/* ----- Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */

/* MOBILE - screen sizes less than (768px) */
@media (max-width: 767px) {
	

.header-container { position:relative; z-index:9;}
.btn-cta { z-index:99;}
.btn-cta img { width:60px;}
.boxedLayoutContainer { padding-top:0px;}
.welcome-text p { margin:0; }
.process-step h3 { font-size:20px;}
.process-step-item { margin-bottom:10px; width:98%;}
.details-left { margin-bottom:10px; width:100%;}
.details-right {width:100%;}
.get-started-box { margin:0px; margin-bottom:10px; width:100%;}
.get-started-section { margin-bottom:0px;}
.for-outsider { background-position:20px 10px; background-size:24px 24px; padding:10px 20px; }
.for-outsider h3 { margin-left:30px; margin-top:2px;}
.feature-box img { max-width:100%;}
.hometag-left { width:100%;}
.hometag-left h1 { font-size:20px; line-height:normal; margin:0 20px;}
.sliderContainer { height: 665px !important;}
.hometag-right { margin-top:10px; width:100%;}
.howItWorksContainer .process-step-item { min-height:inherit; width:100%;}

.innerContentContainer { padding-top: 10px;}

#menu-button { background:#ae1447 url(../images/navIcon.png) no-repeat center top; background-size:32px 32px; cursor:pointer; display:block; float:right; height:32px;  margin:15px 20px; overflow:hidden; text-indent:45px; width:32px;}
.logo-header { float:left; position:absolute; width:50%;}
.logo-header img { width:130px;}
.main-nav { margin-bottom:10px; width:100%;}
.phone-header { float:left; padding-top:0px; text-align:center; width:100%;}
.phone-header b { font-size:20px;}

ul.menu-list { display:none;}
.main-nav ul { background:#fff; height:auto; margin:0px; overflow:scroll; padding:10px 0; width:100%;}
.main-nav ul li {margin:0px; padding:0px; }
.main-nav ul li a { color:#000; display:block; font:normal 16px 'Brandon Medium','Droid Sans';padding:6px 20px; }
.main-nav ul li a:hover { background:#ae1447; color:#fff;}
.main-nav ul ul { font-size:14px; height:auto; overflow:inherit; padding:0 10px; width:auto;}


.details-section p {color: #000;font-size: 15px; margin-bottom:0px; margin-top:0px;padding-left: 6px; width:100%;/*! background-color: #ae1447; *//*! padding-left: 10px; */}
.details-left table tr td { font-size:15px; padding:15px 15px; vertical-align:top;}
.form-area {padding: 0px;}
.form-area p { margin-bottom:10px;}
.form-area ul { margin:10px;}
.form-area ul li { width:100%;}

}


/* TABLET - screen sizes between (768px) and (992px) */
@media (min-width: 768px) and (max-width: 991px) {
#menu-button { background:#ae1447 url(../images/navIcon.png) no-repeat center top; cursor:pointer; display:block; height:40px;  margin:15px auto; overflow:hidden; text-indent:45px; width:40px;}
.logo-header { width:20%;}
.main-nav { width:50%;}
.phone-header { padding-top:10px; width:30%;}
.phone-header b { font-size:20px;}

ul.menu-list { display:none; position:absolute;}
.main-nav ul { background:#fff; margin:0px; max-height:400px; overflow:scroll; padding:10px 0; width:400px;}
.main-nav ul li {margin:0px; padding:0px; }
.main-nav ul li a { color:#000; display:block; font:normal 16px 'Brandon Medium','Droid Sans';padding:6px 20px; }
.main-nav ul li a:hover { background:#ae1447; color:#fff;}
.main-nav ul ul { font-size:14px; height:auto; overflow:inherit; padding:0 10px; width:auto;}

.hometag-left h1 { font-size:34px; line-height:48px;}
.sliderContainer {
    height: 644px;
}	
.howItWorksContainer .process-step-item { min-height:162px;}

.btn-cta img { width:60px;}
.details-section p {color: #000; margin-bottom:0px; margin-top:0px; width:100%;/*! background-color: #ae1447; *//*! padding-left: 10px; */}
.details-left table tr td { font-size:15px; padding:53px 15px; vertical-align:top;}
.details-left .innerTitleDescsame { padding:10px;}
.details-left .innerTitleDescsame p { font-size:14px; }


}

/* DESKTOP - screen sizes between (992px) and (1200px) */
@media (min-width: 992px) and (max-width: 1199px) {

.logo-header { box-sizing:content-box; float:left; width:15%;}
.phone-header { box-sizing:content-box; float:right; padding-top:22px; text-align:right; width:15%;}
.main-nav { box-sizing:content-box; float:left; width:70%;}
.phone-header b { font-size:20px;}
.main-nav ul li a {padding: 37px 5px;}
.logo-header img {margin-left: 4px;}
.sliderContainer {
    height: 644px;
}

.details-section p {color: #000; margin-bottom:20px; margin-top:0px; width:100%;/*! background-color: #ae1447; *//*! padding-left: 10px; */}


}


/* Large Screen - screen sizes greater than (1200px) */
@media (min-width: 1200px) {
	.logo-header img { max-width:173px;}
	.main-nav ul li a {padding: 37px 6px;}
	body.sameday .innerTitleDescsame { min-height:385px;}
	body.sameday .details-right { min-height:485px}
}
@media (min-width: 1400px) {
	
	.main-nav ul li a {padding: 37px 15px;}
}


/* Mega Menu */
@media (min-width: 992px) {
  .menu-row {
    display: flex;
  }
  .main-nav .mega-menu ul {
      left: -151px;
      width: 900px !important;
  }

  .mega-menu ul li {
      width: auto !important;
  }

  .main-nav .mega-menu ul li strong {
      display: block;
      font: bolder 18px 'Brandon Medium', 'Droid Sans';
      line-height: normal;
      padding: 5px 15px;
      /* color: #fff; */
  }
}

@media (max-width: 767px) {
  .main-nav .mega-menu ul li strong {
      color: #000;
      display: block;
      font: bolder 18px 'Brandon Medium', 'Droid Sans';
      padding: 6px 20px;
  }
}


/* Create three equal columns that floats next to each other */
.column {
  /* height: 250px; */
  color: #fff !important;
  float: left;
  padding: 10px;
  width: 25%;
}

.column a {
  display: block;
  float: none;
  padding: 16px;
  text-align: left;
  text-decoration: none;
}

.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.menu-row:after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 991px) {
  .column {
      height: auto;
      width: 100%;
  }
}

/* Logo block footer */
.logo-block {
  align-items: center;
  display: flex;
}

.oisc-logo {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-left: 30px;
  text-align: left;
}

.oisc-logo p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 0 10px;
  text-align: left;
  text-transform: none;
}

.wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0 auto;
  overflow: initial;

}

@media screen and (min-width: 1100px) {
  .wrapper {
    width: 1100px;
  
  }
}

.wrapper section.main {
  width: 75%;
}

.chapter-navigation {
  box-shadow: inset 0 -8px 6px -6px #b7b7b7;
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  width: 25%;
  /* display: block !important; */

}

.mobile-nav {
  display: none;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

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

.change .bar2 {opacity: 0;}

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

@media (max-width: 1200px) {
  .chapter-navigation {
      background: #fff;
      box-shadow: 4px 5px 16px #999;
      /* display: none; */
      height: auto;
      position: fixed;
      /* left:50px; */
    z-index: 15;
    width: auto;
    display: flex;
    top: 400px;
  }

  .chapter-navigation ol.nav {
    display: none;
    height: calc(100vh - 400px);
    overflow: scroll;
    padding-bottom: 50px;
  }

  .mobile-nav {
    display: inline-block;
    cursor: pointer;
    /* position: fixed; */
    /* background: #fff; */
    /* box-shadow: 4px 5px 16px #999; */
    height: 50px;
    width: 50px;
    padding: 5px;
    /* left: -25px; */
    /* opacity:0.7 */
  }

  .mobile-nav:focus,
  .mobile-nav:hover {
    /* left: 0 */
    /* opacity:1 */
  }

  .wrapper section.main {
      width: 100%;
  }

}



.chapter-navigation .nav li.active>a,
.chapter-navigation .nav li:hover>a {
  background: #ae1447;
  color: #fff;
}

.nav li>a {
  display: block;
  padding: 5px 15px;
}

.nav li ul {
  padding-left: 15px;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: #ae1447;
}