/*
Project: Işıklar Ambakaj Corporate Web Site
Version:  1.2
Author :	Interdi
Website:	interdi.com
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,700&subset=latin-ext');

body {
	background-color: #fff !important;
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

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

.stronger {
	font-weight: bold;
}

#sub-head{
	padding: 10px 0;
	background: #052349;
}

#sub-head .company-info {
	font-size: 12px;
	color: #9db4d1;
}

#sub-head .company-info a {
	font-weight: bold;ÄŸ
	text-decoration: none;
	color: #9db4d1;

}

#sub-head .info-area {
	text-align: right;
	font-size: 12px;
}

#sub-head .info-area  a {
	color: #fff;
	margin-left: 15px;
	text-decoration: none;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
#sub-head .info-area  a:hover {
	color: #4590ee;
}

#main-head {
	background: #052349;
	border-bottom: solid 1px #1a4c87;
	padding: 25px 0;
}

#bottom-head {
	width: 100%;
	z-index: 9;
	padding: 10px 0;
	background: #032856;
	border-bottom: solid 1px #1a4c87;
}

#bottom-head .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

#bottom-head nav .dropdown {
  position: relative;
}

#bottom-head nav li ul {
  display: none;
}
#bottom-head nav li:hover ul {
  display: inline;
  align-items: flex-start;
}
#bottom-head nav li li {
  float: none;
}
#bottom-head nav .dropdown ul {
  position: absolute;
  left: 0;
  top: 30px;
  background: #032856;
  margin-top: -10px;
  padding: 11px 0;
  z-index:  3;
  width: auto;
  border-bottom: 3px solid #052249;
}
#bottom-head nav .dropdown li {
  white-space: nowrap;
  margin-left:  0;
  width: 100%;
  o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 12px;
}

#bottom-head nav .dropdown li:hover {
	background: #052249;
}
#bottom-head nav .dropdown li:hover > a {
	color: #fff !important;
}

#bottom-head nav .dropdown li a {
  /* padding: 10px 35px; */
  font-size: 11px;
  min-width: auto;
  width:  100%;
  margin-left:  0 !important;
  o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.menu nav .mega-dropdown {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  overflow: hidden;
  padding: 20px 35px;
  border-bottom: 3px solid #34495e;
}
.menu nav li li a {
  float: none;
  color: #333;
  display: block;
  padding: 8px 10px;
  border-radius: 3px;
  font-size: 13px;
}
.menu nav li li a:hover {
  /* background: #bdc3c7; */
  /* background: #eaeaea; */
  /* border-bottom: solid 1px #e6e6e6; */
  border-radius:  0;
  width:  100%;
  color:  white;
}

#bottom-head nav ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	list-style: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#bottom-head nav ul li {
	margin-right: 25px;
}

#bottom-head nav ul a {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-decoration: none;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#bottom-head nav ul a:hover {
	color: #4590ee;
}

#bottom-head nav ul a i {
	margin-top: -5px;
	margin-left: 3px;
}

#bottom-head .head-number {
	font-size: 13px;
	text-align: right;
}

#bottom-head .head-number a {
	color: #fff;
	text-decoration: none;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#bottom-head .head-number a:hover {
	color: #4590ee;
}

.main-color {
	animation: login 2s;
	animation-fill-mode: forwards;
	padding: 54px 0;
	position: absolute;
	top: 40px;
}

.langs {
	width: 65px;
    background: #fff;
    display: flex;
    justify-content: space-between;
}

.lang {
	border-left: solid 1px #1a4c87;
	padding: 16px 14px 16px 20px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

.lang a {
	background: #fff;
	margin-left: 10px;
}

.lang a:last-child {
	background: #fff;
}

.lang button {
	border-radius: 0;
	background: #fff;
	color: #000;
	border: #0f1352;
	padding: 3px;
	padding-left: 7px;
}

.lang .social {
	width: 29px;
	height: 29px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	color: #0f1452;
	font-size: 14px;
	text-decoration: none;
}

.lang .language {
	width: 60px;
	height: 25px;
	display: flex;
	justify-content: space-between;
	padding: 0 4px;
	align-items: center;
	align-content: center;
	color: #0f1452;
	text-decoration: none;
}

.lang .language .active {
	font-weight: bold;
}

.slide-item {
	background: url(../images/slider.jpg) fixed;
	background-size: cover;
	height: 621px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.Modern-Slider .sub-title {
	font-weight: bold;
	color: #01387b;
	margin-bottom: 15px;
	font-size: 17px;
}

.Modern-Slider .main-title {
	font-weight: bold;
	font-size: 54px;
	color: #01387b;
	line-height: 61px;
	margin-bottom: 20px;
}

.Modern-Slider .sub-desc {
	font-weight: 300;
	font-size: 17px;
	color: #013879;
	margin-bottom: 50px;
	background: rgba(1, 56, 121, 0.73);
	color: #fff;
	width: 80%;
	padding: 5px;
}

.slider-numbers {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	bottom: 170px;
	font-size: 23px;
	font-weight: bold;
}

.slider-numbers .numbers {
	width: 40px;
	height: 50px;
	border-bottom: solid 2px #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #fff;
}

.slider-numbers .numbers:first-child {
	justify-content: flex-start;
	color: #0a3c7a;
	border-color: #0a3c7a;
}

.slider-numbers .numbers:last-child {
	justify-content: flex-end;
}


#second-area {
	margin-top: -64px;
}

#second-area a {
	text-decoration: none;
}

#second-area .col-md-4:nth-child(1), .col-lg-4:nth-child(1) {
	padding: 10px;
	margin: auto;
}

#second-area .col-md-4, .col-lg-4 {
	padding: 0;
	margin: 0;
}

#second-area .head-title {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: #133e73;
	padding: 20px 0;
	text-align: center;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
}

#second-area .news-head-title {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: url(../images/news-top-bg.png);
	padding: 20px 0;
	text-align: center;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
}

#third-area {
	background:url(../images/th-bg.png);
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	padding-bottom: 50px;
}

#third-area .numbers-of-isiklar {
	padding: 50px 0 30px 0;
}

#third-area .numbers-of-isiklar h1 {
	font-weight: bold;
	color: #373d87;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

#third-area .numbers-of-isiklar h2 {
	font-weight: 300;
	font-size: 17px;
	color: #373d87;
}

#third-area .number-slider .number {
	font-weight: bold;
	font-size:40px;
	color: #373d87;
	padding: 0;
	margin: 0;
	line-height: 25px;
	padding-top: 5px;
}

#third-area .number-slider .number-desc {
	font-weight: bold;
	color: #373d87;
	font-size: 25px;
	padding: 0;
	margin-bottom: 10px;
}

#third-area .number-slider .number-text {
	font-weight: bold;
	font-size: 17px;
	color: #a3a3a3;
}

#third-area .number-slider .shape {
	height: 1px;
	width: 50%;
	background: #373d87;
	margin: 10px 0;
}

#third-area .number-slider .numbers-arrow {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 18px 0;
}

#third-area .number-slider .numbers-arrow .numbers-left, .numbers-right {
	margin-right: 15px;
	font-size: 20px;
	cursor: pointer;
}

#third-area .urunler {
	background: url(../images/urunler-bg.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


#third-area .tesis {
	background: url(../images/tesisler-bg.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#sectors {
	margin: 100px 0;
}

#sectors .sectors {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0 0 0 10px;
}

.sectors-product-head-title {
	text-align: right;
	padding: 30px;
}

.sectors-product-head-title h2 {
	font-weight: bold;
	color: #032856;
	font-size: 17px;
}



#sectors .sectors .sector-image {
	opacity: 0;
	transition: 200ms;
	position: absolute;
	width: 100%;
}

#sectors .sectors .sector-image.active {
	opacity: 1;
}

#sectors .sectors .arrows {
	height: 50px;
	background: #e9e9e9;
	width: 100px;
}

#sectors .sectors .desc {
	color: #fff;
	font-weight: bold;
	font-size: 35px;
	padding-left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	position: absolute;
	bottom: 20px;
}

#sectors .sectors-list {
	background: #032856;
	text-align: right;
	padding: 27px;
}

#sectors .sectors-list h1 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #fff;
	font-size: 40px;
}

#sectors .sectors-list p {
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	margin: 10px 0 40px 0;
}


#sectors .sectors-list .lister {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

#sectors .sectors-list .lister a {
	padding: 5px 10px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.68);
	font-size: 16px;
	border: solid 1px #0f3f7a;
	width: 116px;
	margin: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-decoration: none;
	o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

#sectors .sectors-list .lister a:hover {
	background: #0e3360;

}

#three-boxes {
	margin: 100px 0;
}

#three-boxes .row {
	justify-content: center;
align-items: center;
align-content: center;
flex-direction: row;
padding-left: 10px;
}

#three-boxes .box {
	padding: 30px;
	width: 33.3333333%;
}

#three-boxes .box:nth-child(1) {
	background: #ced6e0;
}

#three-boxes .box:nth-child(2) {
	background: #dfe4ea;
}

#three-boxes .box:nth-child(3) {
	background: #f1f2f6;
}

#three-boxes .box h1 {
	font-size: 20px;
	font-weight: bold;
	color: #032856;
	margin-bottom: 40px;
}

#three-boxes .box p {
	color: #032856;
	font-size: 14.5px;
	font-weight: 300;
	margin-bottom: 40px;
	height: 120px;
	max-height: 120px;
}

#three-boxes .box a {
	font-weight: bold;
	font-size: 12px;
}

#logo-slider {
	background: #e9e9e9;
	padding: 50px 0;
}

#logo-slider  .logo-arrow {
	position: absolute;
	margin-top: 2px;
	font-size: 32px;
	color: rgba(70, 70, 70, 0.49);
	margin-left: -50px;
	cursor: pointer;
}

#logo-slider .arrow-right {margin-left: 1180px;margin-top: 2px;font-size: 32px;color: rgba(70, 70, 70, 0.49);}

#logo-slider .logo-slider {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

#inner-page {
	padding: 50px 0;
	background: #f6f6f6;
}

#inner-page .inner-area {
	background: #fff;
	padding: 30px ;
	margin-bottom: 50px;
}

#inner-page .inner-area a{
	/* background: #ffffff; */
	color: #fff;
	text-decoration: none;
	padding: 7px;
	font-size: 14px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	border-left: 10px solid #282798;
	color: #282789;
}

#inner-page .inner-area a:hover {
	background: #004294;
	color: #fff;
}

#inner-page .inner-area h2 {
	font-size: 25px;
	color: #032856;
	margin-bottom: 30px;
	font-weight: bold;
}

#inner-page .inner-area img {
	margin: 20px 0;
	border-left: solid 15px #032856;
}

#inner-page .inner-area h3 {
	font-size: 20px;
	color: #032856;
	margin-bottom: 30px;
	font-weight: 500;
}


#inner-page .inner-area p {
	font-weight: 300;
	font-size: 14px;
	color: #414243;
}

#inner-page .inner-area ul {
	padding-top: 0;
	font-weight: 300;
	font-size: 14px;
	color: #414243;
	margin-bottom: 30px;
}

#inner-page .inner-area .milestone-left {
	background: #e6e6e6;
	padding: 30px 40px;
}

.milestone .inner-area {
	padding: 0 !important;
}

#inner-page .right-menu {
	background: #fff;
	margin-bottom: 50px;
}

#inner-page .right-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#inner-page .right-menu ul li {
	padding: 25px 30px;
	border-bottom: solid 1px #f6f6f6;
	border-left: solid 2px #fff;
	font-weight: 500;
	color: #474747;
	font-size: 14px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#inner-page .right-menu ul li a {
	font-weight: 500;
	color: #474747;
	font-size: 14px;
	text-decoration: none;
}

#inner-page .right-menu ul li:hover {
	background: #f1f2f3;
	border-left: solid 2px #dedfe0;
}

#inner-page .right-menu .active {
	background: #f1f2f3;
	border-left: solid 2px #dedfe0;
}

#inner-page .right-menu .title {
	font-weight: bold;
	color: #012757;
	font-size: 17px;
}

#inner-page .right-menu .title:hover {
	background: transparent;
	border-color: #fff;
}

#inner-page .kalite-belgeleri {
	background: url(../images/kalite-belgeler.jpg);
	background-size: cover;
	background-position: fixed;
	padding: 30px;
	margin: 30px 0;
}

#inner-page .cozum-merkezi {
	background: #012757;
	background-size: cover;
	background-position: fixed;
	padding: 30px;
	margin: 30px 0;
}

#inner-page .right-side h4 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 20px;
	font-weight: bold;
}

#inner-page .right-side p {
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 35px;
}

#inner-page .right-side .main-button {
	border-color: #fff;
	color: #fff;
	font-size: 14px;
}

.bultenler a {
	border: none !important;
	padding: 0 !important;
}

.bulten-date {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #032856;
	color: #fff;
	padding: 5px;
}

#inner-page .inner-area .bulten-image img {
	padding: 10px 10px 0 10px;
	margin: 0;
	background: #032856;
	border: none;
}

.about-products {
	background: #ebeaea;
	padding: 30px;
	margin: 50px 0;
}

.about-products h2 {
	font-weight: bold;
	color: #de4438;
	font-size: 17px;
	margin-bottom: 30px;
}

.about-products p {
	font-weight: 500;
	font-size: 15px;
	color: #535353;
}

.about-products .product-chart {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 30px 0;
}

.about-products .product-chart ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

.about-products .product-chart ul li {
	background: #e4e4e5;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #535353;
	border-bottom: solid 1px #ebeaea;
	border-right: solid 1px #ebeaea;
}

.products-area {
	padding: 0;
	margin: 50px 0;
	background: #fff;
}

 .product {
	margin-bottom: 50px;
}

.product-image img {
	width: 100%;
	max-width: 100%;
}

.product-desc {
	background: #edecec;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	padding: 10px;
}

.product-desc h5 {
	font-weight: bold;
	color: #de4438;
	font-size: 15px;
}

.product-desc h6 {
	font-weight: bold;
	color: #373d87;
	font-size: 15px;
}

.more-but {
	padding: 40px;
}

.more-but .main-button {
	width: 100%;
	padding: 20px;
	font-weight: bold;
}

.product-head-title {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 24px;
	color: #032856;
}

.product-search {
	padding: 0;
	background: #fff;
	border: solid 1px #ebebeb;
	margin-bottom: 50px;
}

.product-search .select-box {
	padding: 30px;
	border-right: solid 1px #ebebeb;
}

.product-search .select-box:nth-child(2) {
	border: none;
}

.product-search .select-box h3 {
	font-weight: 300;
	font-size: 13px;
	color: #032856;
}

.product-search .select-box input {
	width: 100%;
	border: none;
	font-weight: bold;
	font-size: 30px;
	padding: 0;
	margin: 0;
}

.product-search .search-box {
	background: #cadbc7;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.product-search .search-box button {
	background: #7ead77;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 15px;
}

.product-search .select-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e2e4e7;
}
.product-search .select-box input::-moz-placeholder { /* Firefox 19+ */
  color: #e2e4e7;
}
.product-search .select-box input:-ms-input-placeholder { /* IE 10+ */
  color: #e2e4e7;
}
.product-search .select-box input:-moz-placeholder { /* Firefox 18- */
  color: #e2e4e7;
}



#contact {
	padding: 50px 0;
	background: #f6f6f6;
}

#contact .contact-area {
	padding: 30px 0;
}

#contact .contact-area .contact-left {
	background: #012757;
	padding: 70px 50px;
}

#contact .contact-area .contact-left h2 {
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 25px;
}

#contact .contact-area .contact-left p {
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 35px;
}

#contact .contact-area .contact-left .contact-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
	margin: 25px 0;
}

#contact .contact-area .contact-left .contact-item .contact-icon {
	width: 40px;
	max-width: 40px;
}

#contact .contact-area .contact-left .contact-item .contact-detail {
	margin-left: 20px;
}

#contact .contact-area .contact-left .contact-item .contact-detail h3 {
		font-size: 15px;
		color: #fff;
		font-weight: bold;
}

#contact .contact-area .contact-left .contact-item .contact-detail p {
	font-size: 11px;
	color: #fff;
}

#contact .contact-area .contact-left .contact-item .contact-detail a {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#contact .contact-area .contact-left .contact-social-media {
	display: flex;
	margin-top: 45px;
}

#contact .contact-area .contact-left .contact-social-media a {
	border: solid 1px #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 10px;
	width: 40px;
	margin-left: 13px;
	color: #fff;
	text-decoration: none;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#contact .contact-area .contact-left .contact-social-media a:hover {
	background: #fff;
	color: #012757;
}

#contact .contact-form {
	background: #fff;
	padding: 60px 30px;
	width: 100%;
}

#contact .contact-form h3 {
	text-align: right;
	font-weight: 300;
	font-size: 20px;
	color: #032856;
	margin: 0;
	padding: 0;
}

#contact .contact-form h2 {
	text-align: right;
	font-weight: bold;
	font-size: 30px;
	color: #032856;
}

#contact .contact-form form {
	margin: 50px 0;
	padding: 0;
}

#contact .contact-form .form-group {
	margin: 15px 0;
}

#contact .contact-form .form-group input {
	width: 100%;
	border: none;
	outline: none;
	background: #f5f7f8;
	padding: 20px 25px;
	font-size: 12.5px;
	color: #032856;
}

#contact .contact-form .form-group textarea {
	width: 100%;
	border: none;
	outline: none;
	background: #f5f7f8;
	padding: 15px 25px;
	font-size: 12.5px;
}

#contact .contact-form .buttons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

#contact .contact-form .buttons button {
	padding: 10px 35px;
	background: transparent;
	font-weight: bold;
	border: none;
	font-size: 14px;
	margin-left: 15px;
}

#contact .contact-form .buttons .clear {
	border: solid 1px #032856;
	color: #032856;
}

#contact .contact-form .buttons .submit {
	border: solid 1px #032856;
	background: #032856;
	color: #fff;
}

#contact .contact-form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #032856;
}
#contact .contact-form .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #032856;
}
#contact .contact-form .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #032856;
}
#contact .contact-form .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #032856;
}

#contact .contact-form .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #032856;
}
#contact .contact-form .form-group textarea::-moz-placeholder { /* Firefox 19+ */
  color: #032856;
}
#contact .contact-form .form-group textarea:-ms-input-placeholder { /* IE 10+ */
  color: #032856;
}
#contact .contact-form .form-group textarea:-moz-placeholder { /* Firefox 18- */
  color: #032856;
}

.hr-area {
	background: url(../images/hr-bg.jpg) fixed !important;
}

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

.hr-head h1 {
	font-size: 58px;
	font-weight: bold;
	color: #032856;
	padding: 0;
	margin: 0;
	margin-top: 40px;
}

.hr-head p {
	font-weight: 300;
	font-size: 19.5px;
}

.hr-text-p {
	font-weight: 300;
	text-align: center;
	font-size: 14px;
}

.hr-head .error-info {
	margin-top: 40px;
	font-size: 12px;
	letter-spacing: .5px;
}

.hr-head .error-info span {
	color: red;
}

.hr-form {
	padding: 30px;
	-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.14);
	background: #fff;
}

.hr-form form .must {
	position: absolute;
	right: 15px;
	bottom: 20px;
	color: red;
}

.hr-form h2 {
	font-weight: bold;
	font-size: 17px;
	color: #032856;
	margin-bottom: 30px;
}


.hr-form  .form-field {
  position: relative;
  margin: 32px 0;
}
.hr-form  .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 .5px 0;
  border-color: #89969f;
  font-size: 16px;
  line-height: 26px;
  color: #4c4c4c;
  font-weight: 400;
}
.hr-form .input-text:focus {
  outline: none;
}
.hr-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
  transform: translateY(-13px);
  font-weight: bold;
  font-size: 10px;
}
.hr-form  .label {
  position: absolute;
  bottom: 11px;
  font-size: 13px;
  line-height: 3px;
  font-weight: 400;
  color: #89969f;
  cursor: text;
  transition: transform 0.2s ease-in-out;
}
.hr-form .submit-btn {
  display: inline-block;
  background-color: #032856;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  padding: 11px 16px;
  border: none;
  cursor: pointer;
}


.filepond--drop-label {
	background: #fff !important;
	border: dotted 1px #032756 !important;
	color:#032756 !important;
}

.filepond--label-action {
	text-decoration-color: #babdc0;
}

.filepond--panel-root {
	border-radius: 2em;
	background-color: #edf0f4;
	height: 1em;
}

.filepond--item-panel {
	background-color: #595e68;
}

.filepond--drip-blob {
	background-color: #7f8a9a;
}

.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #EEEEEE;
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #FAFAFA;
		border-color: #EEEEEE;
	}

	.panel-title {
		font-size: 14px;
	}

	.panel-title > a {
		display: block;
		padding: 25px 15px !important;
		text-decoration: none;
		display: flex;
		justify-content: space-between;
	}

	.panel-title .detail {
		order: 2;
		align-self: flex-end;
		font-size: 11px;
	}

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
	}

/* SOLUTION CENTER */

.solution-selection {
	background: #052349;
	padding: 20px;

}

.solution-selection h1 {
	text-align: center;
	font-weight: 300;
	color: #fff;
	font-size: 19px;
	margin-bottom: 20px;
}

.solution-selection .solution-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.solution-selection .solution-area .solution-item {
	color: #fff;
	background: rgba(17, 77, 152, 0.5);
	width: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 10px;
	padding: 30px 0;
	font-weight: 300;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer;
}

.solution-selection .solution-area .solution-active {
	background: #2661a7;
}

.solution-selection .solution-area .solution-item:hover {
	background: #2661a7;
}

.solution-form {
	border: solid 1px #052349;
	padding: 30px;
}

.solution-form input {
	width: 100%;
	border: none;
	outline: none;
	background: #fff;
	padding: 20px 25px;
	font-size: 12.5px;
	color: #032856;
	margin-bottom: 15px;
}

.solution-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #032856;
}
.solution-form input::-moz-placeholder { /* Firefox 19+ */
  color: #032856;
}
.solution-form input:-ms-input-placeholder { /* IE 10+ */
  color: #032856;
}
.solution-form input:-moz-placeholder { /* Firefox 18- */
  color: #032856;
}


.solution-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #032856;
}
.solution-form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #032856;
}
.solution-form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #032856;
}
.solution-form textarea:-moz-placeholder { /* Firefox 18- */
  color: #032856;
}

.solution-form textarea {
	width: 100%;
	border: none;
	outline: none;
	background: #fff;
	padding: 15px 25px;
	font-size: 12.5px;
}



.solution-form .buttons button {
    padding: 10px 35px;
    background: transparent;
    font-weight: bold;
    border: none;
    font-size: 14px;
    margin-left: 15px;
}

.solution-form .submit {
    border: solid 1px #032856 !important;
    background: #032856 !important;
    color: #fff;
}

.solution-form .buttons .clear {
    border: solid 1px #032856;
    color: #032856;
}




/* FOOTER */

footer {
	background: #032756;
	padding: 40px 0;
}

footer .top {
	border-bottom: solid 1px #486283;
}

footer .footer-desc {
	margin: 20px 0;
	color: #fff;
	font-weight: 300;
	font-size: 12px;
}

footer .footer-desc strong {
	margin: 0 5px;
}

footer .sm-area {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: center;
	flex-direction: column;
}

footer .sm-area .sm-desc {
	color: #fff;
	font-weight:300;
	margin-bottom: 26px;
}

footer .sm-area .sm-desc strong {
	font-weight: bold;
}

footer .sm-area  .sm-link{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

footer .sm-area a {
	border: solid 1px #fff;
	padding: 10px 14px;
	color: #fff;
	text-decoration: none;
	width: 40px !important;
	height: 40px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-left: 5px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

footer .sm-area a:hover {
	background: #fff;
	color: #032756;
}

footer .mid {
	padding: 30px 0;
	border-bottom: solid 1px #486283;
}

footer .mid ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fff;
	font-size: 12px;
}

footer .mid ul li {
	margin-bottom: 15px;
}

footer .mid ul li a {
	color: #fff;
	text-decoration: none;
}

footer .mid ul li a::first-line {
	text-transform: capitalize;
}

footer .bot {
	padding: 30px 0 0;
}

footer .bot .left-side {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

footer .bot .left-side img {
	border-right: solid 1px #486283;
	padding-right: 15px;
}

footer .bot .left-side .copyright {
	font-size: 12px;
	color: #fff;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-left: 15px;
}

footer .bot .right-side {
	display: flex;
	justify-content: flex-end;
}
/* MAIN BUTTONS */

.main-button {
  text-decoration: none !important;
  font-weight: 300;
  overflow: hidden;
  display: inline-block;
  position: relative;
  text-align: center;
  color: #01387b;
  border: 1px solid #01387b;
  padding: 10px 25px;
  font-size: 15px;
  background: transparent;
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.main-button:hover {
  color: white;
  background-color: #01387b;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.main-button:hover:before {
  -webkit-animation: shine 0.3s 0s linear;
  -moz-animation: shine 0.3s 0s linear;
  animation: shine 0.3s 0s linear;
}
.main-button:active {
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: box-shadow 0.2s ease-in;
  -moz-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
}
.main-button:before {
  content: '';
  display: block;
  width: 0px;
  height: 86%;
  position: absolute;
  top: 7%;
  left: 0%;
  opacity: 0;
  background: white;
  box-shadow: 0 0 15px 3px white;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

@-webkit-keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@-moz-keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}


/* KEY FRAME'S */
@keyframes login{
	from{width: 0%; background: #052349}
	to{width: 100%; background: #032856}
}


.bot-logo {
	display: none;
}

/* MOBILE MENU */

.mobilize ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobilizeul li {
  float: left;
  position: relative;
}
.mobilize ul li a,
.mobilize ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  background: #032856;
  color: #ffffff;
  text-decoration: none;
}
.mobilizeul li a:hover,
.mobilize ul li a:visited:hover {
  background: #2581DC;
  color: #ffffff;
}
.mobilizeul li a:not(:only-child):after,
.mobilize ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: '';
}
.mobilize ul li ul li {
  min-width: 190px;
}
.mobilize ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.mobilize ul li ul a {
	background: #052249 !important;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 1000px) {
  .nav-mobile {
    display: block;
    right: 20px;
    top: 95px;
  }
	.menu-area {
		display: none;
	}

	#sub-header {
		height: 5px;
    overflow: hidden;
	}

  nav {
    width: 100%;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
    border-bottom: solid 1px #2c2f77;
  }

	nav ul li ul li {
		border: none;
	}
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }
	.nav-list{
		margin-top: 35px;
	}

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 1000px) {
  .nav-list {
    display: none !important;
  }

}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 0px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 0;
  height: 3px;
  line-height: 10px;
  width: 42px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -12px;
}
#nav-toggle span:after {
  bottom: -12px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

.dropdown-menu  a {
	margin-left: 0
}

.btn-group>.btn:first-child {
	margin-left: 0;
	font-size: 13px;
	padding: 5px 15px;
}

.btn-danger.focus, .btn-danger:focus {
	box-shadow: none;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
	background-color: #144584;
	border-color: #052349;
	box-shadow: 0 0 0 0.2rem #052349 !important;
}

.btn-danger:hover {
	background-color: #052349;
	    border-color: #052349;
}

.dropdown-menu {
	border-radius: 0;
	min-width: 104px;
}

.dropdown-item {
	padding: .25rem .7rem;
	font-size: 13px;
}

.cumra {
	margin-bottom: 0 !important;
}

.valved ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.valved ul li {
	margin-bottom: 7px;
	font-size: 15px;
}

.mob-lang a {
	color: #fff !important;
	font-weight: bold;
	text-align: center;
}

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

#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 img {
  border: solid 3px #fff !important;
}
.cnt223 a{text-decoration: none;}
.popup{width: 100%;margin: 0 auto;display: none;position: fixed;z-index: 9999999999;}
.cnt223{min-width: 800px;width: 800px;min-height: 150px;margin: 25px auto;position: relative;z-index: 103;border-radius: 5px;}
.cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

.close {
  font-size: 16px !important;
  font-weight: normal;
  line-height: 1;
  color: #000;
  filter: alpha(opacity=20);
  opacity: 1;
  background: #fff;
  padding: 5px;
  float: left;
}