@font-face {
      font-family: 'ProximaNovaRegular';
      src: url('../fonts/ProximaNovaRegular.eot');
      src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
           url('../fonts/ProximaNovaRegular.html') format('woff2'),
           url('../fonts/ProximaNovaRegular.woff') format('woff'),
           url('../fonts/ProximaNovaRegular-2.html') format('truetype'),
           url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
  }


  @font-face {
      font-family: 'ProximaNovaBold';
      src: url('../fonts/ProximaNovaBold.eot');
      src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'),
           url('../fonts/ProximaNovaBold.html') format('woff2'),
           url('../fonts/ProximaNovaBold.woff') format('woff'),
           url('../fonts/ProximaNovaBold-2.html') format('truetype'),
           url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
  }


  @font-face {
      font-family: 'norwester';
      src: url('../fonts/norwester.eot');
      src: url('../fonts/norwester.eot') format('embedded-opentype'),
           url('../fonts/norwester.html') format('woff2'),
           url('../fonts/norwester.woff') format('woff'),
           url('../fonts/norwester-2.html') format('truetype'),
           url('../fonts/norwester.svg#norwester') format('svg');
  }

  @font-face {
      font-family: 'MontserratBold';
      src: url('../fonts/MontserratBold.eot');
      src: url('../fonts/MontserratBold.eot') format('embedded-opentype'),
           url('../fonts/MontserratBold.html') format('woff2'),
           url('../fonts/MontserratBold.woff') format('woff'),
           url('../fonts/MontserratBold-2.html') format('truetype'),
           url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
  }
  @font-face {
      font-family: 'OswaldBold';
      src: url('../fonts/OswaldBold.eot');
      src: url('../fonts/OswaldBold.eot') format('embedded-opentype'),
           url('../fonts/OswaldBold.html') format('woff2'),
           url('../fonts/OswaldBold.woff') format('woff'),
           url('../fonts/OswaldBold-2.html') format('truetype'),
           url('../fonts/OswaldBold.svg#OswaldBold') format('svg');
  }



  /* set all the styles to 0 */
  /*!
   *  1.1. Reset*/
  html, body, div, span, applet, object, iframe, h1, .page-title .title, h2, h3, .blog-grid .post .title, h4, h5, h6, p, blockquote, pre, a, .draw-buttons .svg, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .order-table th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0; font-size:100%; font:inherit; vertical-align:baseline; margin:0; padding:0}
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, canvas, main {display:block;}
  strong{font-weight:bold;}
  html, body{height:100%;}
  ol, ul {list-style:none}
  blockquote, q {quotes:none}
  table {border-collapse:collapse;border-spacing:0}
  a{cursor: pointer; outline:none; text-decoration:none;}
  *:focus {outline:none}
  *::-moz-focus-inner {border:0;}
  .clear {clear:both}
  * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  a:active,a:hover {outline:0;}
  /** Corrects `inline-block` display not defined in IE 8/9.*/
  audio,canvas,video {display: inline-block;}
  /** Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
  audio:not([controls]) {display:none;height:0;}
  *,*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;padding:0;}
  @-ms-viewport {width: device-width;}
  @-o-viewport {width: device-width;}
  @viewport {width: device-width;}
  a, button {-ms-touch-action: manipulation; touch-action: manipulation;}
  table {border-collapse: collapse;border-spacing: 0;}
  img{border:0px; outline:none;}
  /*---------------------------------------------base Css end------------------------------------------------------------*/


  /*---------------------------------------------Default Css start------------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6 {font-family: "norwester"; color:#000;text-transform:uppercase;}
  body,button,input,select,table,textarea, p {font-family: "ProximaNovaRegular"; color: #636363; font-size:14px; line-height:20px;}
  h1{font-size:26px;line-height:32px;margin-bottom:32px;}
  h2{font-size:22px;line-height:28px;margin-bottom:28px;}
  h3{font-size:16px;line-height:22px;margin-bottom:22px;}
  h4{font-size:15px;line-height:18px;margin-bottom:18px;}
  h5{font-size:14px;line-height:18px;margin-bottom:18px;}
  .clear {clear:both;}
  .top{width:100%; float:left;}
  .container{margin:0px auto; height:auto; text-align:left; width:100%; max-width:1170px;}
  .master{margin:0px; padding:0px; height:auto; width:100%; float:left;}  

  body{background:#fff;}
  /*---------------------------------------------Default Css end------------------------------------------------------------*/


  /*****************Css for all pages start*************************/
  .scrollup {bottom:50px; cursor:pointer; height:60px; position:fixed; right:48px;width:80px; z-index:999; background:url(../images/top-scroll.html) center top no-repeat; display:none;}
  /*****************Css for all pages end*************************/




  /*********************header start*************************/
  .header-row{ width:100%; float:left; box-sizing:border-box; padding:0 2%;   z-index:110; background:#f0f0f0; margin-bottom: 40px;    border-bottom: 1px solid #c7c7c7; }
  header{width:100%; float:left; box-sizing:border-box; padding: 10px 0;}

  .logo {    width: /*11%*/ 190px;    float: left;    margin-bottom: 0px;    padding: 5px 0 0px;}
  .logo img {background-color:#000; padding:8px 20px; height:auto;}
  /*header{padding:20px 0px 0;}*/
  header .logo img {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  padding: 0;
    transition: width 0.5s ease 0s;  vertical-align: middle;  width: 240px;}


  .logo > a {  padding-right: 10px;  position: relative;}
  .logo > a::after {
    
    content: "";
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -6px;
  }


  .sticky .logo .srilanka-logo {
    width: 115px;
  }
  .logo .srilanka-logo {
    margin-top: 0;
    width: 125px;
    margin-left: 3px;
  }

  header > nav {  float: left;  margin-left: 55px;  margin-top: 17px;  width: auto;}
  header > nav ul{list-style:none; line-height:normal; text-align:right; margin-left: 37px;}
  header > nav ul li {  border-bottom: none;  display: inline-block;  font-size: 15px;  line-height: normal;  margin-left: 0;  padding: 10px 15px;  position: relative;  transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;}
  header > nav > ul > li:hover {color:#fff; background:#4090b3;}
  header > nav > ul > li:hover a{color:#fff;}
  header > nav ul li a{text-transform:uppercase; margin-bottom:3px; color:#000;}
  header > nav ul li a:hover{text-decoration:none;}
  .call {  color: #000000;  float: right;  font-family: "ProximaNovaRegular";  font-size: 18px; text-align: right;  margin: 0px 0px 0px 0px;  padding: 0px 15px 0;  position: relative;  width: auto; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
  .call a, a[href^=tel]{color:inherit; font-weight:bold;}
  .call span {  display: block;  font-size: 14px;  line-height:14px;  padding: 0;  text-align: right; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
  .search{width:auto; float:right; padding:0; margin:16px 0 0 20px; position:relative;}
  .search-input{width:300px; position:absolute; right:0; display:none;}
  .search-input input[type=text]{border:1px solid #d3d3d3; padding:5px 5px 5px 5px; color:#343434; float:left; width:/*100%*/ 82%;}
  .search-input input[type=button]{cursor:pointer; background:#4090b3; color:#fff; border:1px solid #d3d3d3; padding:3px; float:right; margin:/*-25px 0 0 0*/ 0;}
  .call .social {
      margin-bottom: 5px;
  }
  .srilanka-logo{vertical-align:top; display:inline-block; border-left:1px solid #eee;}
  .top.sticky{background:#f0f0f0; padding:0 2%; transform:translatey(0%); width:100%; z-index:999; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
  .top.fixed{ position:fixed; left:0; top:0;}
  .fixed .logo img {  vertical-align: middle;  width: 150px;}
  .fixed header > nav {
    float: left;
    margin-left: 30px;
    margin-top: 5px;
  }
  .fixed .call {
    font-size: 20px;
    padding-top: 0;
    margin-top: 15px;}

  .fixed header{padding:8px 0;}
  /*.sticky .call{font-size:15px; margin:8px 0 0;}*/
  .fixed .search{margin:10px 0 0 20px;}
  .fixed header > nav ul li{    font-size: 13px;
    padding: 5px 15px;}

  .mobileMenu{display:none;}
  .fixed nav ul li ul.sub-menu {
    top: 23px;}


  .fixed .logo {  padding-bottom:0;}
  .fixed .call {
    font-size: 17px;
    margin-top: 2px;
}
  .fixed .call span {  font-size: 12px;  line-height: 15px;}


  nav ul li.hs-children {  color: #000;  margin-bottom: 3px;  position: relative;  text-transform: uppercase; cursor:pointer; }
  nav ul li ul.sub-menu {  background: #3f90b3;  display: none;  left: 0;  position: absolute;  top: 30px;  width: 140px; z-index: 99;}
  nav ul li ul.sub-menu li {  display: block;  font-size: 14px;  line-height: 14px;  margin: 0;  padding: 8px 7px;  text-align: justify;  width: 100%;  border-top: 1px solid #333;}
  nav ul li ul.sub-menu li:hover { background: #0f4254;}
  nav ul li.hs-children:hover ul.sub-menu { display: block;}
  nav ul li ul.sub-menu li a { color:#fff; text-decoration: none; text-transform:none; }


  .contact-details .enuiry-form {    display: table-cell;    text-align: right;    vertical-align: middle;    width: auto;    padding: 0; float: none;}
  .contact-details .enuiry-form .apply { margin: 5px 0;}

  /*********************header end*************************/


  /*********************Banner-css-starts-here*************************/

  .banner.banner-srilanka {  background: rgba(0, 0, 0, 0) url("../images/banner.jpg") repeat scroll 0 0;  float: left;  height: 310px;  padding-top: 0;  width: 100%;  background-size: cover;}
  .banner.banner-srilanka .container {    height: 100%;}
  .banner .master {  display: table; float: none;  height: 100%;  max-height: 100%;  min-height: 100%;  position: relative;}
  .banner img{width:100%;}
  .bannerContent {  display: table-cell;  text-align: left;  width: 40%;  z-index: 1;  padding-left: 20px;  vertical-align: middle;}
  .bannerContent h1 {     display: none; color: #ffffff;  font-family: "OswaldBold";  font-size: 42px;  line-height: 1;  margin-bottom: 5px;  text-shadow: 1px 1px 1px #000000;  text-transform: none;}
  .bannerContent h2 {  display : none; background-color: rgba(0, 0, 0, 0.4);  color: #fff;  font-family: "ProximaNovaBold";  font-size: 26px;  line-height: 26px;  margin: 10px 0 20px;  padding: 10px 20px;  width: 100%; text-transform: none;}
  .apply > a {  background: #ff7f22;  color: #fff;  display: block;  font-family: "norwester";  font-size: 20px;  height: 50px;  line-height: 50px;    text-transform: none; text-align:center; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  }
  .apply > a:hover {  background: #4d4d4d;}
  .welcome-main .apply > a {  background: #3f90b3;  color: #fff;  display:block;  font-family: "norwester";  font-size: 20px;  height: 50px;  line-height: 50px;    text-transform: none; text-align:center;  box-shadow: 0 0 1px transparent;    position: relative;  transform: perspective(1px) translateZ(0px);  transition-duration: 0.3s;  transition-property: transform;  vertical-align: middle;}

  .welcome-main .apply > a::before {  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, transparent 80%) repeat scroll 0 0;  content: "";  height: 10px;  left: 5%;  opacity: 0;  pointer-events: none;  position: absolute;  top: 100%;  transition-duration: 0.3s;  transition-property: transform, opacity;  width: 90%;  z-index: -1;}
  .welcome-main .apply > a:hover, .welcome-main .apply > a:focus, .welcome-main .apply > a:active {  transform: translateY(-5px); background: #0f4254; text-decoration: none;}
  .welcome-main .apply > a:hover::before, .welcome-main .apply > a:focus::before, .welcome-main .apply > a:active::before {  opacity: 1;  transform: translateY(5px);}



  /*********************Banner-css-ends-here*************************/


  /*********************author-sec-starts*************************/

  #author-main.top {  background: #fff;  padding: 70px 0;}
  .author-content {  float: none;  margin: 0 auto;  padding: 0 130px;  position: relative;  text-align: center;  width: 80%;}
  .author-content::before {  content: "";  left: 0;  position: absolute;  top: 0;  background:url(../images/left-coln.png) no-repeat left top; width:85px; height:66px;}
  .author-content::after {  content: "";  right: 0;  position: absolute;  top: 0;  background:url(../images/right-coln.png) no-repeat left top; width:85px; height:66px;}
  .autor-left {  float: left;  padding: 0 20px;  vertical-align: middle;  width: 20%;}
  .autor-left > img {  vertical-align: middle;  width: 100%;}
  .author-right {  float: left;  vertical-align: middle;  width: 80%;}
  .author-right > p {  color: #4d4d4d;  font-family: "ProximaNovaRegular";  font-size: 14px;  line-height: 20px;  text-align: justify;  vertical-align: middle;}




  .contact-details {  background: #0f4254;  float: left;  width: 100%; padding: 15px 40px; display: table; margin-bottom: 30px;}
  .row-1 { display: table-cell; float: none; vertical-align: middle;}
  .contact-head {  text-align: left; }
  .contact-head h3 {  color: #fff;  display: inline-block;  font-family: "OswaldBold";  font-size: 37px;  text-transform: none; line-height:37px; margin-bottom:0;}
  .contact-no {  text-align: center;}
  .contact-no > p {  color: #fff;  font-family: "ProximaNovaBold";  font-size: 27px;  line-height: 27px;}
  .contact-details .apply {   text-align: right;  }
  .contact-details .apply > a {  background: #3f90b3;  color: #fff;  display: inline-block;  font-family: "norwester";  font-size: 20px;  height: 40px;  line-height: 40px;  text-align: center;  text-transform: none;  transition: all 0.2s ease 0s;  width: 250px;}

  /*********************author-sec-starts*************************/

  .welcome-main {float:left; padding:30px 0; width:100%;
  }
  .welcome-left {float:/*left*/ left; padding:0; width:75%;}
  .our-info h2 {  color: #4d4d4d;  font-family: "norwester";  font-size: 27px;  margin-bottom: 10px;}
  .our-info span {  font-family: "OswaldBold";  text-transform: none;}
  .our-info > p {  color: #4d4d4d;  font-family: "ProximaNovaRegular";  font-size: 15px;  line-height: 20px;}
  .document {  float: left;  width: 100%; }
  .document h2 {  color: #4d4d4d;  font-size: 26px;  line-height: 30px;  margin-bottom: 10px;  font-family: "norwester";}
  .required-document > p {  color: #4d4d4d;  font-family: "ProximaNovaRegular";  font-size: 14px;  line-height: 20px;}
  .document ul li {
      color: #4d4d4d;
      font-family: "ProximaNovaRegular";
      font-size: 14px;
      line-height: 20px;
      list-style: disc outside;
      position: relative;
      margin-left: 15px;
  }

  .document ul {  height: 300px;  margin: 0;}
  .required-document ul li:first-child {  list-style: none;  margin-bottom: 10px;}
  .required-document ul li:first-child::before {
    display: none;
  }
  .fee-info {  float: left;  margin-top: 40px;  width: 100%;}
  .fee-info > h2 {  color: #4d4d4d;  font-family: "norwester";  font-size: 25px;  margin-bottom: 30px;  text-transform: none;}
  .fee-info > p {  color: #4d4d4d;  font-family: "ProximaNovaRegular";  font-size: 14px;}

  .welcome-right{float:/*left*/ right; padding-left:25px; width:25%; }
  .right-malya img {  width: 100%;}
  .welcome-right > img {  width: 100%;}
  .enuiry-form h2{color: #4d4d4d; font-family:"norwester"; font-size:24px; margin-bottom:0;}
  .enuiry-form input {  border: 1px solid #333;  border-radius: 0;  color: #4d4d4d;  font-family: "ProximaNovaRegular";  font-size: 14px;  height: 33px;  line-height: 33px;  margin: 3px 0; padding: 0 20px;  width: 100%;}
  .enuiry-form textarea {  border: 1px solid #000;  margin: 5px 0;  max-height: 77px;  padding: 15px 20px;  width: 100%;}
  .enuiry-form button{background:#3f90b3; border:medium none; color:#fff; font-family:"norwester"; font-size:22px; margin:5px 0; padding: 10px 15px; width:100%; cursor:pointer;}
  .enuiry-form button:hover{background:#4d4d4d;}

  .enquiry-field {  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;  float: right;  max-width: 330px;  padding: 10px 20px;  position: absolute;  right: 5px;  top: 5px;  
  z-index: 15;}
  .enquiryForm{display:none;}

  ::-webkit-input-placeholder{color:#4d4d4d;}
  :-moz-placeholder{/* Firefox 18- */  color:#4d4d4d;}
  ::-moz-placeholder{ /* Firefox 19+ */ color:#4d4d4d;}
  :-ms-input-placeholder{color:#4d4d4d;}

  .useful-link{margin:30px 0 0;}
  .useful-link  ul li{position:relative;}
  .useful-link ul li a {  background: #3f90b3 ;  color: #fff;  display: block;  font-family: norwester;  font-size: 18px;  height: 50px;  line-height: 50px;  margin: 6px 0;  padding: 0 10px;  transition: all 0.4s ease ;}
  .useful-link ul li a:hover {  background: #4d4d4d;  transform: translateX(10px);}
  .useful-link img {  float: right;  position: absolute;  right: 20px;  top: 15px;  width: 23px;}
  #evisa.top {  padding: 10px 0 25px;}
  .visa-steps { display: table;  width: 100%;}
  .visa-steps > ul {  list-style: none; margin: 0;  padding: 0;}
  .visa-steps ul li {  box-sizing: border-box;  display: table-cell;  padding: 0 5px;  vertical-align: middle;  width: 20%;}
  .visa {  float: left;  padding: 0 25px;  position: relative;  top: 0;  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;  width: 100%;}
  .visa:hover {  top: -20px;}
  .visa > img {  position: relative;  width: 100%;  z-index: 99;}
  .visa .count {  bottom: 0;  color: #cccccc;  font-family: "MontserratBold";  font-size: 190px;  left: 0;  line-height: 190px;  margin: 0;  position: absolute;}
  .visa-steps h3 {  color: #808080;  display: block;  float: left;  font-family: "lato";  font-size: 15px;  margin: 30px 0;  text-align: center;  text-transform: none;  width: 100%;}
  #evisa .apply > a {  background: #3f90b3;  color: #fff;  display: block;  font-family: "norwester";  font-size: 20px;  height: 50px;  line-height: 50px;  text-align: center;  text-transform: none;  transition: all 0.2s ease 0s;  width: 100%;}

  .table.table-striped .table-row {  background: #3389a4 ;  color: #fff;}
  .table-row.tabel-col1 > th {  font-weight: bold;}

  .login-form {  float: left;  padding: 30px 0;  width: 100%;}
  .login-form .contactB {  border: 1px solid #ddd;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  padding: 30px;  width: 100%;}
  .login-form .labelR input.textF2 {  width: 100%;}
  .login-form .contactB .labelR {  width: 75%; float:right;}
  .login-form .contactB .labelR.submit-button {  float: left;  text-align: center;  width: 100%;}
  .login-form .mainbutton.btn.btn-primary.btn-md {  margin: 20px 0 0;  width: 18%;}
  .login-form form {
    margin: 0 auto;
    width: 50%;
  }



  .main-document {  float: left;  margin: 20px 0 30px;  width: 100%;}
  .main-document label {  font-weight: bold;  text-align: left;  width: 25%;}
  .main-document .form-group > input {  display: inline-block;}
  .main-document .panel-body h2 {  margin: 10px 0 20px;  padding: 0 15px;  text-align: center;}
  .main-document label {  font-weight: bold;  text-align: left;  width: 25%;}
  .main-document .col-sm-6 {  width: 100% !important; text-align: center;}
  .main-document .modal-footer {  border-top: none;  float: left;  width: 100%;}
  /*********************foter-starts*************************/


  .top.footer {  background: #f0f0f0;  padding: 50px 0 30px; margin-top:30px; }
  .footer-logo {  float: left;  padding: 50px 0 0;  width: 20%;}
  .footer .logo img {  background: transparent;}
  .footer .logo > a {  color: #fff;}
  .footer-links {  float: left;  width: 70%; padding-top: 20px;}
  .column {  float: left;  width: 33%;}
  .column ul li {  font-size: 15px;  line-height: 24px;}
  .column ul li a{ color:#fff;}
  .column ul li a:hover{ text-decoration:underline;}
  .column ul li ul li {font-size: 13px; line-height: 20px; padding: 2px 0;}
  .contact-address {  float: right;  padding: 20px 0 0;  text-align: left;  width: 30%;}
  .contact-address > p {  color: #fff;  font-size: 15px;  line-height: 24px;}

  .footer h3 {  color: #4d4d4d;  font-family: "norwester";  font-size: 27px;  margin-bottom: 35px;  text-align: center;}
  .footer p {  color: #4d4d4d;  font-family: "proximanovaregular";  font-size: 15px;  line-height: 24px;  margin-bottom: 0;}
  .footer-links ul{float:left; width:auto; margin:20px 0 0 0;}
  .footer-links ul li {  display: inline-block;  float: left;  font-family: "proximanovaregular";  font-size: 15px;  line-height: 24px;  margin: 0 10px;  text-transform: uppercase;}
  .footer-links ul li a{color:#4d4d4d;}
  .footer-links ul li a:hover{text-decoration:underline;}

  .visacards{float:right; width:auto; margin:15px 0 0 0;     padding-top: 20px;}

  .scrollup > img:hover {  opacity: 0.8;}


  /*********************foter-ends*************************/


  .our-info.terms-condition {  padding-top: 50px;}
  .search { margin: 16px 10px 0 20px;}



  .faqs p{margin:0 0 20px 0px;}
  .panel-body label{margin:0 0 5px 0px;}
  .mobile767{display:none;}

  /*********************contact-starts*************************/

  .contactB .section{width:auto; margin:2px 0 8px; line-height:22px}
  .contactB .label { width:20%; float:left; padding:4px 0 0 0;}
  .contactB .labelR { width:65%; float:left;}
  .contactB {float:left; width:60%; margin:0; font-size:13px; padding:10px; background:#eee; border:1px solid #e8e8e8; }
  .formBox .contactB .label{color:#666; font-size:100%; text-align:left; font-size:15px;}

  .addressB{float:right; width:32%; margin:0; padding:10px; background:#eee; border:1px solid #e8e8e8;}
  .addressB h3{font:20px "norwester"; color:#000; margin:0 0 15px 0; padding:0;}
  .addressB p{color:#333; font:15px "ProximaNovaRegular"; padding:0}
  .addressB p a{color:#655349; font-weight: 600; border-bottom: 1px solid #000;}
  .addressB p a:hover{text-decoration:none;}


  .thank-you .formBox {  border: 3px solid #000;  float: none;  margin: 0 auto;  padding: 20px 10px 0;  width: 45%;}

  .enuiry-form {/*
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 40%;
    padding-right: 100px;
  */}
  .enuiry-form .apply {  display: block;  margin: 10px 0px;}
  .enuiry-form .apply a:hover {  text-decoration: none;}
  .bannerContent .apply {  text-align: center;}
  .srilanka-logos > img {  margin: 15px 0;  max-width: 240px;}

  .show-more .hide-part {
    display: block;
  }
  .show-more .more-click {
    display: none;
  } 
  .phone-srcreen-view span { font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
     padding-left: 30px; color:#3f90b3;
   }
   .hide-part {  display: none;}
   .agileinfo-contact-form-grid label {
    display: block;
}

.agileinfo-contact-form-grid,
.inner-page
 {
    float: left;
    width: 100%;
}

.agileinfo-contact-form-grid .headiing {
    float: left;
    width: 100%;
}
.malaysia_form, .srilankan.formss {
    width: 100%;
    float: left;
}
.btn-theme {
      min-width: 200px;
    border-radius: 0;
    background: #3f90b3;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-theme:hover {
    background: #0f4254;
    color: #fff;
}
.panel-default {
    margin-bottom: 30px;
}
.headiing h3 {
    margin-bottom: 5px;
}
h3.new-link {
    padding: 5px;
    background: #ff7f22;
    color: #000;
}
.mb30 {
    margin-bottom: 30px;
}

body.home .header-row {
    margin: 0;
}
.document h3 {
    margin-bottom: 10px;
}

strong.note label {
    width: 40px;
    display: inline-block;
    vertical-align:  top;
}

strong.note span {
    vertical-align:  top;
    display:  inline-block;
}


 ul.footer-social {
  margin-top: 34px;
  float: right;
    margin-left: 30px;
    display: none;
}

ul.footer-social li:before {
    color: transparent;
}

ul.footer-social li {}
ul.footer-social li.fb a, .call .social li.fb a {
    background: #3b5998;
}

ul.footer-social li.ld a, .call .social li.ld a {
    background:  #0077B5;
}

ul.footer-social li, .call .social li {
    padding: 0px !important;
}
.call .social li.skype a {
    background: #00aff0;
}

.call .social li.wa a {
    background: #25d366;
}

ul.footer-social li:last-child, .call .social li:last-child {
    padding-right: 0 !important;
}
ul.footer-social li a, .call .social li a {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    line-height: 25px;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
ul.footer-social li a:hover, .call .social li a:hover{
  text-decoration: none;
}
.fixed .call .social {
    position:  fixed;
    top: 50%;
    left:  0;
    width: 35px;
    transform: translatey(-50%);
     -webkit-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
       -moz-transform: translatey(-50%);
}

.fixed .call .social li {
    margin: 0 0 1px 0;
    padding: 0 !important;
}

.fixed .call .social li a {
    border-radius:  0;
    transition: all .3s;
}

.fixed .call .social li a:hover {
    width: 40px;
}



  @media only screen and (max-width: 1690px) {
  .contactB { margin:0; padding:10px;}
  .addressB{margin:0; padding:10px; float:right;}

  }

  @media only screen and (max-width:1440px){

  .enuiry-form input {
    border: 1px solid #333;
    border-radius: 0;
    color: #4d4d4d;
    font-family: "ProximaNovaRegular";
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    margin: 4px 0;
    padding: 0 20px;
    width: 100%;}

  }



  @media only screen and (max-width:1280px){
    
  .enuiry-form h2 { font-size: 23px;  margin-bottom: 10px;}


  .useful-link ul li a { padding: 0 13px;}
  .useful-link img { right: 10px;}
  .bannerContent h1 { font-size: 42px;}
  .enuiry-form input { height: 33px;  line-height: 33px;  margin: 3px 0; }
  .enuiry-form button { margin: 5px 0 0;}
  header > nav { margin-left: 35px;}
  .enquiry-field { padding: 6px 20px; right: 10px;}
  #evisa.top {  padding: 10px 10px 25px;}
  #welcome-desk {  padding: 0 10px;}
  .top.footer { padding: 50px 10px 30px;}

  .header-row { padding: 0;}
  .container { padding: 0 15px;}
  .banner .container {
    padding: 0;
  }
  .srilanka-logos > img {
    margin: 15px 0;
    max-width: 100%;
  }
  .call{ font-size: 20px; }
  .call span{ font-size: 14px; }
  .sticky header > nav ul {margin-left: 0;}
  .visacards {
    float: left;
    width: 100%;
    text-align: center;
}

  }
    @media only screen and (max-width:1100px){
      .sticky header > nav{ margin-left: 20px; }

    }

  @media only screen and (max-width:1024px){
    
    
  .document h2, .enuiry-form h2, .fee-info > h1, .footer h3{font-size:24px;}  
  .useful-link ul li a{font-size:15px; padding:0 15px 0 15px;}
  .useful-link img{font-size:25px; right:5px;}

  .enquiryForm{display:block;}
  .welcome-right .enuiry-form .enquiry-field{display:none;}

  .sticky .logo img {  vertical-align: middle;  width: 110px;}

  .sticky header > nav { margin-left: 10px; width: auto;}
  .bannerContent p { font-size: 26px; line-height: 26px;}
  .logo .srilanka-logo {  width: 100px;}
  .sticky .logo .srilanka-logo {  width: 90px;}
  .srilanka-logos > img { max-width: 250px;  width: 100%;}
  header > nav { margin-left: 15px;}
  .sticky header > nav ul li{ font-size:13px; }
  .apply > a{ font-size: 17px; }
.logo{ width: 192px; }
header .logo img{ width: 142px; }
header > nav ul li{ font-size: 13px; }
}

  @media only screen and (max-width: 960px) {

  header > nav ul li { font-size: 13px; padding: 10px 11px;}
  .call {  font-size: 15px;}  
  .call span {  font-size: 13px;  line-height: 13px;} 
  .sticky header > nav ul li {  font-size: 13px;  padding: 10px 11px;}
  .sticky .call {  font-size: 16px;}
  .sticky .call span {  font-size: 14px;  line-height: 14px;}
  .bannerContent {  top: 8%;}
  .bannerContent h1 {  font-size: 39px;}
  .bannerContent p {  font-size: 24px;  line-height: 24px;  margin: 20px 0 10px;}
  .sticky .logo img {  vertical-align: middle; }
  .required-document { width: 100%;}
  .document ul {  height: auto;  margin: 0 0 20px;}
  .why-vd { margin-top: 0px;  padding-left: 10px;  padding-right: 10px;  width: 100%;}
  .contact-head h3 { font-size: 28px;  line-height: 28px; }
  .contact-no > p { font-size: 23px;  line-height: 23px;}
  .enuiry-form {  padding-top: 0;  right: 30px;}
  .enuiry-form .apply {  display: block;  margin: 10px 0; float: none;}
  .bannerContent p {  font-size: 22px;  line-height: 22px;  margin: 0 0 10px;}
  .login-form .contactB .labelR { width: 69%; }
  .contactB .label { width: 31%; padding: 8px 5px 0 0;}
  .formBox .contactB .label { font-size: 13px;}
   .apply.apply-business{ margin-top:0  }
   .aplly .apply.apply-business {  margin: 10px 0;}

  }

  @media only screen and (max-width: 960px) and (min-width: 768px) {
header > nav {
    margin-left: 0;
    margin-top: 10px;

  }
  .call .social {
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    top: -30px;
}
  .call {
    font-size: 15px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.call span {
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    padding-left: 5px;
}
.sticky header > nav {
    margin-left: 0px;
    float: right;
    margin-top: 10;
}
.sticky .call{
  margin-top:0;
}


}
  @media only screen and (max-width: 909px) {
  .contactB {margin:0; padding:10px; float:left; width:55%;}
  .addressB{margin:0 0 0 10px; padding:10px; float:right; width:32%; }

  header .logo img {  width: 180px;}
  .visa-steps h3 {  font-size: 14px;}


  }



  @media only screen and (max-width: 800px){




  header > nav ul li, .sticky header > nav ul li{font-size:13px; padding:10px }
  .bannerContent h1{font-size:40px;}

  .visa{padding:0;}
  .visa .count{font-size:100px; bottom:inherit; top:0;}
  .visa-steps h3{font-size:15px;}

  .welcome-left{width:70%;}
  .welcome-right{width:30%;}

  .required-document{padding-right:0px; width:100%;}
  .why-vd{width:100%; padding-right:0; margin:0px 0 0 0;}
  .document ul{height:auto; margin:0 0 20px 0;}
  .document h2, .enuiry-form h2, .fee-info > h1, .footer h3{font-size:20px; margin-bottom:10px;}
  .welcome-main .apply > a{width:100%;}

  .author-content{width:100%; padding:0 95px;}
  .autor-left{padding-left:0;}
  .author-content::before, .author-content::after{width:65px; background-size:contain;}

  .top.footer{padding:25px 10px 25px;}
  .footer-links ul li { font-size: 13px; line-height: 21px;  margin: 0 7px; }
  .bannerContent h2 { font-size: 20px; display: none;  line-height: 25px;  padding: 5px 20px; width: auto; /*display: inline-block;*/  margin: 5px 0;}


  }

  @media only screen and (min-width: 768px){

  #evisa.top.mobile-block {display: none;}
  #evisa.top.desktop-block { display: block;}
  .required-document.desktop { display: block;}
  .required-document.mobile { display: none;}
  .mobile-view-footer { display: none;}
 


  }

  @media only screen and (max-width: 767px){
    
  .mobile767{display:block;}
  .mobileMenu{display:block; position:absolute; top: 31px;}
  .logo { padding: 7px 0 10px 35px;}
  .sticky .logo { padding: 0px 0 0px 35px;}
  .sticky .call {    font-size: 15px !important;    margin: 0px 0 0 !important;}
  header > h1{margin-left:35px;}
  header > nav, .sticky header > nav{display:none; width:100%; position:absolute; left:0; top:61px;    box-shadow: 2px 2px 2px #ddd;}
  header > nav { margin-left: 0; top: 74px; margin-top: 0;}
.sticky header > nav {
    top: 51px;
    left: 0;
    margin: 0;
}
  header > nav ul {  background: #f0f0f0;  position: relative;  text-align: left;  z-index: 99; margin: 0; padding: 0 20px;}
  header > nav ul li{display:block;}
  .call{font-size:15px;}
  #evisa.top{padding-top:25px; padding-bottom:5px;}
  .welcome-main{padding-top:20px;}
  .welcome-right, .welcome-left{float:left; width:100%; padding-left:0;}
  .enuiry-form input {    height: 36px;    margin: 4px 0 5px;    width: 100%; line-height: normal;}
  .enuiry-form textarea{margin:0px 0 5px; width:100%;}
  .welcome-left{padding-top:20px;}
  .our-info h2{font-size:24px;}
  .document{border-top:1px solid #f1f1f1;padding-top:15px;}
  .footer-links{width:100%; text-align:center;}
  .footer-links ul li{float:none; margin:0 10px 0 0px; font-size:13px;}
  .visacards{width:100%; text-align:center; padding-top: 0;}
  .scrollup { bottom: 70px; right: 0;}
  .call { margin: 15px 0 0 0;}
  .right-malya img {  width: 100%;}
  .bannerContent h1 {  font-size: 32px;  margin-bottom: 12px; display: none;}
  .apply > a { font-size: 18px;  height: 40px;  line-height: 40px;}
  .contact-details .apply > a { width: 250px;}
  .contact-head h3 {  font-size: 25px;  line-height: 26px;}
  .visa-steps ul li {  box-sizing: border-box;  float: left;  padding: 0 50px;  vertical-align: middle;  width: 50%;}
  .visa-steps {  display: block;  float: left;  width: 100%;}
  .visa-steps ul li:last-child {  width: 100%;}
  #evisa .apply > a { margin: 20px auto; width: 50%;}
  .mobile-call { display: block;}
  .mobile-call p {    font-size: 16px;    color: #fff;    font-weight: bold;    font-family: "ProximaNovaBold";    margin: 7px 0;}
  .srilanka-logos {  display: none;}
  .enuiry-form {  float: left;  left: 0;  padding-bottom: 30px;  position: relative;  text-align: center;  width: 100%;  padding-right: 0;}
  #evisa.top.mobile-block {display: block;}
  #evisa.top.desktop-block { display: none;}
  .required-document.desktop { display: none;}
  .required-document.mobile { display: block;}
  .mobile-view-footer { display: block;}
  .footer p.mobile-view-footer {  font-size: 20px;  line-height: 1;  margin-bottom: 12px; margin-top: 20px;}
  .footer p, .hide-part {  font-size: 12px; line-height: 18px;  margin-bottom: 0;  color: #4d4d4d; font-family: "proximanovaregular";}
  .phone-srcreen-view span { font-size: 14px;  font-weight: bold;  line-height: 1;  text-align: center;  vertical-align: middle;  cursor: pointer;   padding-left: 30px; color:#3f90b3; }
  .mobile-call { display: none;}
  .banner.banner-srilanka { float: none;    height: 310px;    padding-top: 90px;    width: 100%;    background-size: cover;    display: table;}
  .bannerContent p { display: inline-block; width: auto;}
  .bannerContent {    display: block;    width: 100%;    text-align: center;    padding: 0;}
  .right-malya {  display: none;}
  .contact-head h3 { font-size: 20px;  line-height: 22px; }
  .contact-no > p { font-size: 20px;  line-height: 22px;}
  #form1 #_btnsubmit.btn.btn-primary.btn-lg {  margin: 6px !important;}
  .logo > a::after { height: 26px; top: -4px;width: 80%;}
  nav ul li.hs-children { display: none;}
    ul.foo2{ margin-left:0; margin-top: 7px; }
    .agileinfo-contact-form-grid .panel-body {
    padding: 15px 0;
}
.headiing h3{
  font-size:13px;
}
.agileinfo-contact-form-grid input[type="file"] {
    width: 100%;
}
.sticky .mobileMenu {
    top: 20px;
}
 .required-document{
    margin-bottom: 40px;
  }
  ul.footer-social {
    margin: 14px 0;
    float: left;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.call .social li a {
    border-radius: 0;
    margin-bottom: 2px;
}

.call .social {
    position: fixed;
    left: 0;
    top: 50%;
    width: 30px;
    z-index: 1;
}
  }


  @media only screen and (max-width: 740px) {
  .contactB{margin:0 auto 15px 0 auto; padding:10px; float:none; width:auto; }
  .addressB{margin:20px auto 0 auto; padding:10px; float:none; width:auto; text-align:center;}
  .addressB p{text-align:center; }
  .enquiry-field {  max-width: 290px;  padding: 6px 20px;  right: 10px;}
  .bannerContent {  left: 30px;  padding-top: 0;  top: 0;}

  }


  @media only screen and (max-width: 640px) {
  .contact-no > p {  font-size: 18px;  line-height: 18px;}
  .contact-details .apply > a {  font-size: 17px;  height: 40px;  line-height: 40px;  width: 100px;}
  .bannerContent {  float: left;  left: 0;  padding-top: 0;  position: static;  text-align: center;  width: 100%;  z-index: 1;}
  .banner.banner-srilanka { height: auto;  padding-top: 160px; }
  .enuiry-form .apply a {  font-size: 15px;}
  .footer p, .hide-part {  font-size: 9px; line-height: 14px;  margin-bottom: 0;  color: #4d4d4d; font-family: "proximanovaregular";}
  .phone-srcreen-view span { font-size: 11px;}
  .faqs p#error_message { margin: 0;}
  .our-info h2 { font-size: 12px;  margin-bottom: 0;}

  }

  @media only screen and (max-width: 570px) {
  .contactB{margin:0 auto 15px 0 auto; padding:10px; float:none; width:auto;}
  .addressB{margin:20px auto 0 auto; padding:10px; float:none; width:auto}
  .visa-steps ul li {  padding: 0 15px;  width: 50%;}

  }



  @media only screen and (max-width: 540px) {


  .bannerContent p {  display: none;}
  .contact-head h3 { margin: 0;}
  #visa-India .contact-details .row-1 {  display: block;  float: left;  padding: 10px 0 0;  text-align: center;  vertical-align: middle;  width: 100%;}
  .contact-details {    padding: 40px 15px;}
  .row-1 {  padding: 0 7px;}
  .contact-head h3 {    font-size: 15px;    line-height: 18px;}
  .contact-no > p {    font-size: 13px;    line-height: 17px;}
  .contact-details .apply > a {    font-size: 17px;    height: 35px;    line-height: 35px;    width: auto;    padding: 0 25px;}
  .call span {    font-size: 11px;    line-height: 13px;}
  .our-info h2 {    font-size: 16px;    margin-bottom: 0;}
  .faqs p#error_message {    margin: 0;}

  }




  @media only screen and (max-width: 480px) {
    
  header > h1{width:100%; margin-left:0; text-align:center;}
  header .logo img{width:120px;}
  .call{float:left;}  
  .bannerContent h1 {  font-size: 16px;  margin-bottom: 510x;}
  .call { font-size: 16px;}
  .call span {  display: block;  text-align: center;}
  .bannerContent p {  display: none;}
  .bannerContent .apply > a {    width: 180px;    font-size: 15px;    height: 40px;    line-height: 40px;}
  #evisa.top{padding-top:0;}
  .visa-steps ul li{width:50%;}
  .visa-steps h3 {  font-size: 14px;  line-height: 14px;  margin: 10px 0;}
  .useful-link img{width:24px;} 
  .document h2, .enuiry-form h2, .fee-info > h1, .footer h3 {    font-size: 15px;    margin-bottom: 10px;}
  .bannerContent { padding: 0 20px; display: none; }
  .our-info > p{font-size:13px;}
  .document ul li{font-size:13px;}
  .apply > a, .welcome-main .apply > a{height:35px; line-height:35px; font-size:18px;}
  .author-content{padding-left:15px; padding-right:15px;}
  #author-main.top{padding:20px 0;}
  .author-content::before, .author-content::after{width:40px;}
  .autor-left{width:100%; padding:0 30px 20px;}
  .author-right{width:100%;}
  .contactB{margin:0 auto 15px 0 auto; padding:10px; float:none; width:auto;}
  .contactB .label { width: auto;    padding-right: 10px;}
  .addressB{margin:20px auto 0 auto; padding:10px; float:none; width:auto}
  #mailform input, #mailform textarea{    float: left;    width: 100%;}
  select#dropDOB_B {    width: 68px !important;}
  select#dropBOB_D {    width: 80px !important;}
  select#droptraveldate {    width: 68px !important;}
  select#droptravelmonth {    width: 80px !important;}
  select#droppassissuedate {    width: 68px !important;}
  select#droppassmonth {    width: 80px !important;}
  select#droppassexpdate {    width: 68px !important;}
  select#droppassexpmnth {    width: 80px !important;}
  #visa-Srilanka .row-1 {  display: block;  float: left;  padding:5px 0;  text-align: center;  width: 100%;}
  .call {  float: right;  font-size: 17px;  margin: 10px 0;  padding: 0;  text-align: center;  width: auto;}
  .enuiry-form {   padding: 0 20px; }
  .banner.banner-srilanka {    background: rgba(0, 0, 0, 0) url(../images/banner.jpg) repeat scroll 0 0 / cover;    padding: 53px 0;}
  .footer p.mobile-view-footer { font-size: 14px; line-height: 1; margin-bottom: 12px; padding-top: 0;}
  .contact-details { display: block; padding: 20px 15px;}
  .contact-head h3 { font-size: 20px;    line-height: 22px;  margin-bottom: 0;}
  .contact-no > p { font-size: 20px;    line-height: 17px;}
  .contact-details .apply > a { font-size: 18px; height: 40px; line-height: 40px; width: 210px;}
  .contact-details .enuiry-form { display: block; text-align: center;  width: 100%;   padding: 0;    float: left;}
  .contact-details .enuiry-form .apply { margin: 5px 0; float: left;  text-align: center;  width: 100%;}
  .panel-body label {  font-size: 13px;  margin: 0 0 5px;}
  .applyforvisa .panel small {  font-size: 9px !important;}
  .applyforvisa .panel.panel-default .col-sm-12 {  padding: 0 !important;}
  .panel-body.panel-box-field {  padding: 15px 0;}
  ul.aplly li {
    width: 100%;
}
.sticky .call span {
    font-size: 10px;
}
.logo{
  padding: 9px 0 10px 31px;
}
.sticky .logo{
  padding: 7px 0 10px 31px;
}
.document h2 {
    font-size: 20px;
}
/*strong.note span{
      width: calc(100% - 50px);
}*/
}
  @media only screen and (max-width: 375px){
    .logo {
        width: 152px;
    }
    .fixed .logo img {
      width: 100px;
    }
    .fixed .call {
      font-size: 15px;
    }
    .fixed .call span {
      font-size: 10px;
    }
    .mobileMenu{
      top: 25px;
    }

  }
    @media only screen and (max-width: 360px){
      .top.sticky{
        padding:0;
      }
      ul.foo2{
    margin-top: 50px;
  }
      header .logo img{
        width: 100px;
      }

      .call{
        font-size: 15px;
      }
      .call span{
        font-size:10px;
      }

     .foo2{ margin-top: 7px;
    /* margin: 0 0 0 0; */
    float: left;
}
header .logo img {
    width: 100px;
}
.sticky header .logo img {
    width: 80px;
}
.sticky .logo {
    padding: 7px 0 0px 35px;
}
.logo {
    width: 130px;
}

    }




  @media only screen and (max-width: 359px){

  .contactB .labelR {    width: 100%;    margin: 5px 0;}
  }

  @media only screen and (max-width: 300px) {
  .contactB{margin:0 auto 15px 0 auto; padding:10px; float:none; width:auto;}
  .addressB{margin:20px auto 0 auto; padding:10px; float:none; width:auto}
  }


  .proceesing-online-main #process-cost #submitpayu {
      background: rgba(0, 0, 0, 0) url(../images/pay-now-button.png) no-repeat scroll left top;
      border: medium none;
      float: none;
      font-size: 15px;
      font-weight: bold;
      height: 80px;
      padding: 0;
      text-transform: uppercase;
      width: 286px;
  }