@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

@font-face {
	font-family: 'Swiss-721-BT';
	src: url('../fonts/Swiss-721-BT-Font.eot');
	src: local('☺'), url('../fonts/Swiss-721-BT-Font.woff') format('woff'), url('../fonts/Swiss-721-BT-Font.ttf') format('truetype'), url('../fonts/Swiss-721-BT-Font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Swiss-721-BT-black-cond';
	src: url('../fonts/swiss 721 black condensed bt.eot');
	src: local('☺'), url('../fonts/swiss 721 black condensed bt.woff') format('woff'), url('../fonts/swiss 721 black condensed bt.ttf') format('truetype'), url('../fonts/swiss 721 black condensed bt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Swiss-721-BT-bold-cond';
	src: url('../fonts/Swiss 721 Bold Condensed BT.eot');
	src: local('☺'), url('../fonts/Swiss 721 Bold Condensed BT.woff') format('woff'), url('../fonts/Swiss 721 Bold Condensed BT.ttf') format('truetype'), url('../fonts/Swiss 721 Bold Condensed BT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* font-family:'Swiss-721-BT',Sans-Serif; */

/* Reset css --- */
* {padding:0px; margin:0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
*:focus {outline: 0;}
html, body{ overflow-x:hidden;}
body{ margin:0; padding:0; font-size:1em; color:#080808; font-family: 'Roboto', sans-serif; background: #c7dbe9;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#36A1D6; text-decoration:none;}
a:hover {text-decoration:none; color:#0c528f;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #999999;}
:-moz-placeholder{opacity:1; color: #999999;}
::-moz-placeholder{opacity:1; color: #999999;}
:-ms-input-placeholder{opacity:1; color: #999999;}
/* --- Reset css */

.container{ max-width: 1280px;}

.site-header-main{ height: 100px; display: flex; align-items: center; justify-content: space-between; color: #FFF; padding: 0 60px;
background: #034179;
background: -moz-linear-gradient(top,  #034179 0%, #0c98d9 100%);
background: -webkit-linear-gradient(top,  #034179 0%,#0c98d9 100%);
background: linear-gradient(to bottom,  #034179 0%,#0c98d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034179', endColorstr='#0c98d9',GradientType=0 );
}

.header-left h1{ font-size: 2em; text-transform: uppercase; text-align: center; font-weight: 700;}
.header-left h2{ font-size: 1em; text-transform: uppercase; text-align: center; font-weight: 700;}

.lang ul li{ display: inline-block; cursor: pointer; border-left: 1px solid #FFF; line-height: 14px; padding: 0 15px;}
.lang ul li:first-child{ border: none;}
.lang ul li:last-child{ padding-right: 0;}

.siteNav{ background: #003b87; padding: 5px 0;}
.siteNav ul{ text-align: center;}
.siteNav ul li{ display: inline-block;}
.siteNav ul li a{ display: inline-block; color: #FFF; padding: 5px 15px; border-radius: 50px;}
.siteNav ul li a:hover, .siteNav ul li a.active{ background: #bb7d10;}

.welcome{ display: flex; justify-content: space-between; background: #c2ebff;}
.welcome-left{ width: 60%; height: 450px; background: url('../images/bg.jpg') no-repeat; background-size: cover; display: flex; align-items: center; text-align: center; font-family:'Swiss-721-BT-black-cond',Sans-Serif; color: #2e4570; padding: 0 60px;}
.welcome-left h2{ text-transform: uppercase; font-size: 4em; line-height: 60px;}
.welcome-left p{ text-transform: uppercase; font-size: 1.4em; font-family:'Swiss-721-BT-bold-cond',Sans-Serif; padding: 40px 0 0 0;}
.welcome-left p.alt{ font-size: 1.2em;}
.welcome-left > div{ width: 60%; margin: 0 auto;}

.welcome-right{ width: 40%; padding: 30px; padding-right: 10px;}
.welcome-right-scroll{ height: 386px;}


.mCSB_draggerRail{ background: none !important;}
.mCSB_dragger_bar{ background: #bb7d10 !important; width: 6px !important;}
.mCSB_scrollTools .mCSB_draggerContainer::after{ content: ''; width: 2px; height: 100%; background: #365c83; position: absolute; left: 7px; top: 0;}
.mCSB_scrollTools{ right: 0px !important;}

.content.mCustomScrollbar, .mCustomScrollBox, .mCSB_container, .mCSB_scrollTools, .mCSB_draggerContainer, .mCSB_dragger, .mCSB_dragger_bar, .mCSB_draggerRail{ transition: none !important;}

.welcome-right-scroll h2{ color: #2e4570; font-size: 1.2em; font-weight: 700; text-align: center;}
.welcome-right-scroll li{ font-weight: 500; margin-top: 10px; padding: 0 0 0 15px; text-align: justify; line-height: 20px;}
.welcome-right-scroll p{ font-weight: 500; padding-top: 15px; text-align: justify;}

ol.number{ margin-left: 20px;}
ol.number li{ list-style-type: decimal;}

ol.alph{ margin-left: 20px;}
ol.alph li{ list-style-type: lower-alpha;}

.infoTxt{ background: #365c83; padding: 15px; color: #FFF; margin-top: 15px;}
.infoTxt p{ padding: 0; font-size: 0.9em;}

.address-wrap{ padding: 40px 0;}
.linkTxt{ display: inline-block; font-family:'Swiss-721-BT-bold-cond',Sans-Serif; text-transform: uppercase; background: #faa815; color: #004aa0; font-size: 1.6em;padding: 10px 30px; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);}
.linkTxt:hover{ opacity: 0.8;}

.address-single{ display: flex; align-items: center; justify-content: space-between; background: #ffffff; height: 245px; margin: 40px 0 0 0;}
.address-left{ height: 245px; width: 210px; background: #004aa0; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #FFF;}
.address-left h3{ font-weight: 700; text-transform: uppercase; font-size: 1.4em;}
.address-left i{ font-size: 80px;}

.address-right{ width: calc(100% - 210px); padding: 0 30px;}
.address-right p{ font-weight: 500; padding: 10px 0; font-size: 1.1em;}

.link ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.link ul li{ position: relative; width: 100%; min-height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.link ul li a{ display: flex; align-items: center; justify-content: center; height: 90px; background: #004aa0; color: #FFF;}
.link ul li a i{ font-size: 60px; margin-right: 12px;}
.link ul li a h3{ font-weight: 700;}

.link ul li:nth-child(2) a{ background: #faa815;}
.link ul li:nth-child(3) a{ background: #df9613;}

.footer-main{ background: #042e5b; padding: 8px 0;}
.footer-main p{ color: #FFF; text-align: center; font-size: 0.9em;}


.mobClick { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #FFF; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; z-index: 9999999999; left: calc(100% - 33px);}
.mobClick.open span{ background: #FFF;}
#inner-content {
    min-height: calc(100vh - 230px);
    margin: 20px;
}

@media (max-width: 1199px) {
  .welcome-left h2{ font-size: 3em; line-height: 44px;}
  .welcome-left p{ font-size: 1.1em;}
  .welcome-left p.alt{ font-size: 0.9em;}

  .welcome-right-scroll p, .welcome-right-scroll li{ font-size: 0.9em;}
  .address-right p{ font-size: 1em;}
  .address-left h3{ font-size: 1.2em;}
}

@media (max-width: 1023px) {
  .site-header-main{ padding: 0 15px;}
  .welcome{ flex-wrap: wrap;}
  .welcome-left{ width: 100%;}
  .welcome-right{ width: 100%;}
  .welcome-right-scroll{ height: auto !important;}
}

@media (max-width: 767px) {
    #inner-content {
    min-height: auto;
}
    .welcome-left > div{ width: 100%; margin: 0 auto;}
   .welcome-left{ padding: 0 15px; height: 450px; background-position: center center;}
   .welcome-left h2{ font-size: 2em; line-height: 30px;}
   .welcome-left p.altN{ padding-top: 0;}
   .welcome-right{ padding: 15px;}

   .address-single{ height: auto; flex-wrap: wrap;}
   .address-left{ width: 100%; height: auto; padding: 20px 0;}
   .address-right{ width: 100%; padding: 20px 15px;}
   .linkTxt{ font-size: 1.2em;}
   .link ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

   .header-left{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
   .header-left img{ width: 200px;}

   .site-header-main{ flex-wrap: wrap; height: auto; padding: 15px 0;}
   .header-left{ width: 100%;}
   .header-right{ width: 100%;}
   .lang ul{ text-align: center; padding-top: 10px;}
   .lang ul li:last-child{ padding-right: 15px;}

   .siteNav{ position: fixed; left: -110%; top: 0; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; padding: 15px; transition: all 0.5s ease;}
   .siteNav.act{ left: 0;}
   .siteNav ul{ text-align: left; margin: 50px 0 0 0;}
   .siteNav ul li{ display: block; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
   .siteNav ul li a{ display: block; width: 100%; border-radius: 0; padding: 15px;}

   .mobClick{ display: block;}
}
print {
  body {
    -webkit-print-color-adjust: exact; /* Preserve background and colors */
  }
 
  .print-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 12pt;
  }
 
  .print-section .col-md-6, 
  .print-section .col-sm-12 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
  }
 
  .print-section label {
    display: block;
    margin-bottom: 10px;
  }
 
  .print-section input,
  .print-section textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    font-size: 12pt;
  }
 
  .print-section .mr-5,
  .print-section .ml-5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
 
  .print-section .ffull {
    width: 100%;
    padding: 10px;
  }
 
  .print-section span {
    display: inline-block;
    color: red;
    font-size: 20pt;
    font-weight: bold;
  }
	.form-group.row .col-md-6 {
    width: 49%;
}
 
 
}
.a4-preview {
      width: 794px;
      height: 1123px;
      background: white;
      margin: 40px auto;
      padding: 40px;
      box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }
 
    @media print {
      @page {
        size: 794px 1123px;
        margin: 0;
      }
		.form-group.row .col-md-6.col-sm-12 {
  width: 64%;
}
		.form-group.row .col-md-6.col-sm-12.ffull {
    width: 36%;
}
 
      body {
        margin: 0;
      }
 
      .a4-preview {
        box-shadow: none;
        margin: 0;
        width: 794px;
        height: 1123px;
        padding: 40px;
      }
    }