@font-face {
font-family: "Gotham-Book";
src: url("fonts/Gotham-Book.eot");
src: 
url("fonts/Gotham-Book.woff") format("woff"),
url("fonts/Gotham-Book.otf") format("opentype");
}


body{
font-family: "Gotham-Book";
}
 
h1, h2, h3, h4, h5, h6{
font-family: "Gotham-Book";
}
 
 
.btn-primary
{
color:#fff;
background-color: #1E56A0;
border-color: #1E56A0;
border-radius:0px;	
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus
{
background-color: #194175;
border-color: #194175;
}

.container-fluid {
padding-right: 70px;
padding-left: 70px;
}


/* ================= top icon  bar ============== */

.top-bar ul li a i{
color: #fece08;
border: 1px solid #fece08;
border-radius: 100%;
font-size: 14px;
width: 28px;
height: 28px;
line-height: 27px;
text-align: center;
transition: all 0.3s ease;  
}

.top-bar ul li a i:hover{
background: #124c92;
border: 1px solid #124c92;
}

.top-bar{
padding-top: 30px;
position: absolute;
z-index: 9;
margin: 0 auto;
right: 0;
left: 0;
}

.top-bar img{
width: 25px;
}


/*================== toogle menu ================*/

.button_container {
  position: absolute;
  top: 0;
  right: 2.4%;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .8;
}
.button_container.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
          transform: translateY(-10px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #a38501;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.second_color span{background: #fff;}
.button_container span:nth-of-type(2) {
  top: 10px;
}
.button_container span:nth-of-type(3) {
  top: 20px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, width .35s;
  transition: opacity .35s, visibility .35s, width .35s;
  z-index: 50;
 
 
}
.overlay:before {
  content: '';
  background: #000;
  left: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  -webkit-transition: left .35s ease;
  transition: left .35s ease;
}
.overlay:after {
  content: '';
  background: #000;
  right: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}
.overlay.open {
  
  visibility: visible;
  height: 100%;
}
.overlay.open:before {
  left: 0;
}
.overlay.open:after {
  right: 0;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .75s;
          animation-delay: .75s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .85s;
          animation-delay: .85s;
}
.overlay nav {
  position: relative;
  height: 100%;
  top: 80%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  z-index: 100;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  padding: 8px 0;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #bbbbbb;
  text-decoration: none;
  overflow: hidden;
  font-size: 20px;
}
.overlay-menu .fullwidth_logo{  padding-bottom: 30px;}
.overlay-menu .fullwidth_logo a img{  width:300px;}

.overlay .overlay-menu ul li a:hover{color: #e8a723;}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


/*================== slider ================*/

.carousel-caption {
right: 0;
left: 0;
padding: 0;
top: 40%;
z-index: 1;
}

.carousel-caption img{
width: 350px;
display: inline-block;
}

.carousel-indicators {
z-index: 2;
}	


.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 5px;
}

.carousel-indicators .active {
width: 10px;
height: 10px;
margin: 5px;
}


/*================== nav bar ================*/


.affix {
top: 0;
width: 100%;
}

.affix + .container-fluid {
padding-top: 72px;
}

.affix {
box-shadow: 0 1px 15px rgba(0,0,0,0.2);
background: #fff;
}

.navbar {
min-height: 0;
margin-bottom: 0;
}

.navbar-nav {
background-color: transparent; 
width: 100%;
text-align: center;
}

.navbar-default {
background-color: #fff;
border-color: transparent;
border-bottom: 0;
transition: all 0.5s ease; 
z-index: 1; 
}

.navbar-default .navbar-nav li {
padding: 0px 15px;
float: none;
display: inline-block;
}

.navbar-default .navbar-nav li a {
color: #124c92;
text-align: center;
padding: 26px 5px;
letter-spacing: 0.2px;
}

.navbar-default .navbar-nav li a:hover {
color: #fece08;
}

.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li.active a:hover,
.navbar-default .navbar-nav li.active a:focus, 
.navbar-default .navbar-nav li.active a:hover
.navbar-fixed-top {
color: #fece08;
background-color: transparent ;
}


/*==================== over view======================= */

.over-link{
background: #e8a723;
padding: 100px 28px 30px;
}  

.over-link h3{
color: #fff;
text-align: right;
margin-bottom: 30px;
font-size: 28px;
text-transform: uppercase;
}

.over-link .nav-tabs {
border: 0;
float: right;
text-align: right;
width: 100%;
}

.over-link .nav-tabs li {
float: none;
margin-bottom: 0px;
}

.over-link .nav-tabs li a {
color: #092644;
text-transform: uppercase;
font-size: 15px;
margin: 0;
border: 0;
padding: 5px 0px;
} 

.over-link .nav-tabs > li.active > a, .over-link .nav-tabs > li.active > a:hover, .over-link .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: transparent;
border: 0;
}

.over-link .nav li a:hover, .over-link .nav li a:focus {
background-color: transparent;
border: 0;
}

/*
.over-link .nav-tabs li.active a:before{
content: '';
background: #2e443b;
width: 18px;
height: 2px;
position: absolute;
top: 18px;
left: 50px;
}
*/

.over-text{
padding: 60px 60px 20px 10px;
}

.over-text .tab-pane p{
color: #092644;
line-height: 23px;
margin-bottom: 10px;
font-size: 15px;
text-align: justify;
}

.tab-img1{
float: right;
width: 12px;
margin-top: 15px;
}

.tab-img2{
margin-top: 125px;
width: 112px;
clear: both;
}


/*==================== business ======================= */

.business-area{
background: #f3f3f3;
padding: 40px 0 155px;
position: relative;
}

.business-link{
text-align:right;
padding-right: 13px;
}

.business-link h3{
color: #e8a723;
text-align: right;
margin-bottom: 15px;
font-size: 28px;
text-transform: uppercase;
}

.business-link ul li a{
color: #092644;
font-size: 15px;
text-decoration: none;
}

.business-link ul li{
padding: 6px 0px;
border-bottom: 2px dotted #144b8f;
}


.business-link ul li:last-child{
border-bottom:0px;
}

.business-link img{
float: right;
width: 12px;
}

.bussiness-text{
padding: 0px 60px 20px 10px;
position: absolute;
top: -95px;
}

.bussiness-text .col-md-7, .bussiness-text .col-md-5{
padding:2px 0 0;
}

.bussiness-text span{
border: 3px solid #e8a723;
padding: 40px;
display: inline-block;
float: right;
margin: 25px;
}

/*==================== human rights ======================= */

.human-area{
padding-top:40px;
}

.human-link h3 {
color: #e8a723;
text-align: right;
margin-bottom: 30px;
font-size: 28px;
text-transform: uppercase;
margin-top: 8px;
}

.human-link .nav-tabs {
border: 0;
float: right;
text-align: right;
width: 100%;
}

.human-link .nav-tabs li {
float: none;
margin-bottom: 0px;
}

.human-link .nav-tabs li a {
color: #092644;
text-transform: uppercase;
font-size: 15px;
margin: 0;
border: 0;
padding: 5px 0px;
} 

.human-link .nav-tabs > li.active > a, .human-link .nav-tabs > li.active > a:hover, .human-link .nav-tabs > li.active > a:focus {
background-color: transparent;
border: 0;
}

.human-link .nav li a:hover, .human-link .nav li a:focus {
background-color: transparent;
border: 0;
}

.human-link .tab-pane p{
color: #092644;
line-height: 23px;
margin-bottom: 20px;
font-size: 15px;
text-align: justify;
}

.human-image {
width: 100px;
float: right;
margin-top: 70px;
}

.back-arrow{
width: 20px;
}

.human-link .nav-tabs li.active img{
visibility: hidden;
}

.human-link{
padding: 45px 28px 0px 38px;
}

.human-text{
padding: 50px 38px 70px 38px;
background: #124b91;
margin-right: 45px;
margin-left: -14px;
position: relative;
top: -75px;
}

.human-text p{
color: #fff;
line-height: 23px;
margin-bottom: 20px;
text-align: justify;
margin-top: 80px;
}

.human-text p:before{
content: '';
background: #e8a723;
width: 2px;
height: 60px;
position: absolute;
top: 45px;
}

.human-text img{
width: 12px;
}

.padd-left{
padding-left:0px;
height:1px;
}

.human-form  select option{
color: #333;
}

.human-form .form-control{
box-shadow: none;
background: transparent;
border: 0px;
color: #fff;
font-size: 12px;
border-bottom: 1px solid #fff;
border-radius: 0px;
margin-bottom: 12px;
}

.human-form  .form-control:focus {
border-bottom: 1px solid #e8a723;
}

.human-form ::placeholder {
color: #fff !important;	
}

.human-form ::-webkit-input-placeholder{ 
color: #fff !important;
}

.human-form ::-moz-placeholder {
color: #fff !important;
opacity: 1;
}

.human-form :-ms-input-placeholder{ 
color: #fff !important;
}

.human-form :-moz-placeholder{
color: #fff !important;
}


.human-form button{
background: #e8a723;
border: 0px;
color: #fff;
padding: 5px 15px;
letter-spacing: 0.5px;
}

.human-form  input[type="file"] {
color: #fff;
margin: 20px 0px 15px;
}

.human-form h4{
color: #e8a723;
text-align: center;
}

.human-form span{
color: #fff;
}


/*==================== media ======================= */

.media-area{
background:#092644;
padding:50px 0px 80px;
}

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

.media-box h3{
color:#e8a723;
margin-top: 0;
margin-bottom: 45px;
}

.fancybox-lock .fancybox-overlay {
background: rgba(0, 0, 0, 0.7);
}

 
.product-carousel.owl-theme .owl-controls .owl-buttons div {
color: #e8a723;
font-size: 45px;
}
.product-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
position: absolute;
left: -4%;
top: 33%;
}
.product-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
position: absolute;
right: -4%;
top: 33%;
}
 

/*==================== contact ======================= */


.contact-area{
background:#f3f3f3;
padding:40px 0px 50px;
}

.contact-map{
position: relative;
bottom: 80px;
height: 1px;
}
	
.contact-text h3{
color: #e8a723;
margin-bottom: 20px;
font-size: 28px;
margin-top: 0;
}

.contact-text ul li{
padding-right: 8px;
padding-left: 15px;
vertical-align: top;
text-transform: uppercase;
}

.contact-text ul li img {
width: 19px;
margin-top: 3px;
}

.contact-text ul li span{  
color: #e8a723;
font-size: 14px;
}

.contact-text ul li a{ 
color: #5e5e5e;
text-decoration: none;
}

.contact-text ul li h6{  
color: #092644;
font-size: 14px;
margin: 2px 0px 0px;
}

.contact-text ul li p{  
color: #5e5e5e;
line-height: 23px;
font-size: 14px;
}

.contact-text .list-inline {
margin-left: -13px;
margin-bottom: 20px;
}

.contact-text {
padding-left: 6px;
}


.contact-social ul li a i{
color: #124b91;
border: 1px solid #124b91;
border-radius: 100%;
font-size: 14px;
width: 28px;
height: 28px;
line-height: 27px;
text-align: center;
transition: all 0.3s ease;
}

.contact-social ul li a i:hover {
background: #fece08;
border: 1px solid #fece08;
}

.contact-social ul li{
padding: 6px 0px;
}

.contact-social{
padding-left: 2px;
}

.contact-link ul li a{
color: #092644;
outline: none;
text-decoration: none;
}

.contact-link ul li{
border-right: 2px solid #e8a723;
padding: 0px 5px;
color: #092644;
font-size: 12px;
}

.contact-link ul li:last-child{
border-right: 0px;
}

.contact-link .list-inline {
margin: 135px 0px 0px 3px;
}


.myMap {
-webkit-filter: sepia(90%);
-moz-filter: sepia(90%);
-ms-filter: sepia(90%);
-o-filter: sepia(90%);
filter: sepia(90%);
}

/*================ inner page ================== */

.inner-detail p{
color: #092644;
line-height: 23px;
font-size: 15px;
text-align: justify;
}

.inner-page{
margin: 50px 0px 80px;
}

.manage-box li{
margin-bottom: 15px;
font-size: 16px;
}

.manage-box span{
display: block;
font-size: 13px;
color: #e8a723;
}

.mission-box h3{
margin: 0px 0px 8px;
font-size: 15px;
color: #124c92;
text-transform: uppercase;
}   

.mission-box  p{
color: #e8a723 !important;
}


.about-tab::-webkit-scrollbar {
width: 0.2em;
}
 
.about-tab::-webkit-scrollbar-track {
-webkit-box-shadow: none;
}

.about-tab::-webkit-scrollbar-thumb {
background-color: #124c92;
outline: none;
}

.about-tab{
height: 250px;
overflow-y: scroll;
margin-bottom: 20px;
padding-right: 15px;
}

.about-tab7{
height: 480px;
overflow-y: scroll;
margin-bottom: 20px;
padding-right: 15px;
}

.about-tab7 span {
color: #e8a723;
}

.about-tab7::-webkit-scrollbar {
width: 0.2em;
}
 
.about-tab7::-webkit-scrollbar-track {
-webkit-box-shadow: none;
}

.about-tab7::-webkit-scrollbar-thumb {
background-color: #124c92;
outline: none;
}


/*=============== legal popup ================= */

.legal-form .modal-header button{
background: none;
border: 0px;
float: right;
outline: none;
}

.legal-form .modal-header {
padding: 20px 25px;
border-bottom: 0px;
}

.legal-form h4 {
text-align: center;
font-weight: 400;
font-size: 24px;
letter-spacing: 0.3px;
margin: 0px 0px 15px;
color: #e8a723;
text-transform: uppercase;
}

.legal-content p {
color: #092644;
line-height: 23px;
margin-bottom: 10px;
text-align: justify;
}

.legal-content h5 {
font-weight: 400;
font-size: 16px;
letter-spacing: 0.3px;
margin: 0px 0px 15px;
color: #e8a723;
}

.legal-content strong {
margin-bottom: 5px;
display: block;
font-size: 15px;
}

.legal-content ul {
margin: 8px 0px 20px;
}

.legal-content ul li{
color: #092644;
line-height: 23px;
margin-bottom: 5px;
text-align: justify;
}

.legal-content{
height: 515px;
padding-right: 10px;
margin: 0px 15px;
overflow-y: scroll;
}

.legal-content::-webkit-scrollbar {
width: 0.2em;
}
 
.legal-content::-webkit-scrollbar-track {
-webkit-box-shadow: none;
}

.legal-content::-webkit-scrollbar-thumb {
background-color: #124c92;
outline: none;
}



/*==================== back to top ======================= */

#toTop{
	position: fixed;
    bottom: 30px;
    right: 20px;
    cursor: pointer;
    background-color: #124c92;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 49px;
}


/*------------- large device  ----------------*/

@media (min-width: 1600px) and (max-width: 1680px) {

.human-text {top: -70px;}
.business-area { padding: 40px 0 240px;}
.human-link img {margin-top: 55px;}
}


@media (min-width: 1681px) and (max-width: 1920px) {

.business-area { padding: 40px 0 370px;}
.human-link img { margin-top: 40px;}
}