@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*
font-family: 'AvantGarde CE';
font-family: 'Playfair Display', serif;
font-family: 'Poppins', sans-serif;
*/
@font-face {
    font-family: 'AvantGarde CE';
    src: url('../fonts/AvantGardeCE-Book.eot');
    src: url('../fonts/AvantGardeCE-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvantGardeCE-Book.woff2') format('woff2'), url('../fonts/AvantGardeCE-Book.woff') format('woff'), url('../fonts/AvantGardeCE-Book.ttf') format('truetype'), url('../fonts/AvantGardeCE-Book.svg#AvantGardeCE-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvantGarde CE';
    src: url('../fonts/AvantGardeCE-Demi.eot');
    src: url('../fonts/AvantGardeCE-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvantGardeCE-Demi.woff2') format('woff2'), url('../fonts/AvantGardeCE-Demi.woff') format('woff'), url('../fonts/AvantGardeCE-Demi.ttf') format('truetype'), url('../fonts/AvantGardeCE-Demi.svg#AvantGardeCE-Demi') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{ padding:0; margin:0; font-size:14px; color:#636465; font-family: 'Poppins', sans-serif; overflow-x:hidden;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:90%; max-width:1170px; margin:0 auto; padding:0;}

p{ font-size:14px; color:#636465; line-height:25px;}

.bg_grey{ background-color:#e5eff6 !important;}
.bg_light_grey{ background-color:#f3f5f9 !important;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:34px 0 0 0; margin:0; position:absolute; top:0; left:0; z-index:999; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header .navbar-brand{ margin:0; padding:0;}
header .navbar{ padding:0;}
header .navbar-light .navbar-nav li{ margin:0 35px 0 0; padding:0;}
header .navbar-light .navbar-nav .nav-link{ padding:8px 0; font-size:16px; color:#1c1e1f; font-weight:500;}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .show > .nav-link, header .navbar-light .navbar-nav .active > .nav-link, header .navbar-light .navbar-nav .nav-link.show, header .navbar-light .navbar-nav .nav-link.active{ color:#104c91; border-color:#104c91;}

header .dropdown-menu{ margin-top:0; border-radius:0; box-shadow:0 0 12px rgba(0,0,0,0.1); border:none; animation: growOut 300ms ease-in-out forwards; transform-origin: top left;}
header .dropdown-item{ margin-bottom:1px; padding:7px 20px; font-size:15px;}
header .dropdown-item:hover, header .dropdown-item.active{ background:#f4af1b; color:#fff;}

.nav_btn{ margin:0; padding:10px 30px; font-size:16px; border:2px solid #104c91; color:#104c91; order:3; display:inline-block; font-weight:500; text-align:center;}
.nav_btn:hover, .nav_btn.active{ background:#104c91; color:#fff;}

/**** K ***/
@keyframes growOut {
     0% {
        transform: scale(0)
    }
    80% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

header.sticky { padding:15px 0; position: fixed; background: #fff; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);}

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

/******* Hero Sec ********/
.hero_sec{ width:100%; float:left; padding:160px 0 70px 0; margin:0; background:url(../images/hero_bg.jpg) no-repeat center center; background-size:cover;}
.hero_sec .detail{ width:100%; float:left; margin:0; padding:0;}
.hero_sec h1{ margin:0 0 20px 0; padding:0; font-size:52px; color:#1a1c1d; font-family: 'AvantGarde CE'; font-weight:bold;}
.hero_sec h1 span{ color:#104c91;}
.hero_sec p{ margin:0 0 40px 0; padding:0; font-size:16px; color:#1c1e1f; opacity:0.7; line-height:28px;}
.hero_sec figure{ margin:0 -140px 0 -102px; padding:0;}

.hero_btns{ margin:0; padding:14px 40px 17px 40px; font-size:16px; color:#fff; background:#104c91; border-radius:4px; box-shadow:6px 6px 16px rgba(0,0,0,0.18); display:inline-block;}
.hero_btns:hover{ background:#003777; color:#fff;}

/******* Welcome Sec ********/
.welcome_sec{ width:100%; float:left; padding:80px 0 0 0; margin:-50px 0 0 0; position:relative; z-index:5;}
.welcome_sec:before{ content:""; width:80%; height:70%; background:#104c91; z-index:-1; position:absolute; left:0; top:0;}
.welcome_sec .info{ width:100%; max-width:700px; padding:0; margin:0 0 50px 0; font-size:16px; color:#ffffff; line-height:30px; font-weight:300;}
.wel{ width:100%; float:left; margin:0 0 30px 0; padding:50px 50px 50px 50px; box-shadow:10px 10px 27px rgba(0,0,0,0.12); background:#fff;}
.wel figure{ margin:0; padding:0;}
.wel h3{ margin:40px 0 20px 0; padding:0; font-size:22px; color:#1a1c1d; font-weight:700; font-family: 'AvantGarde CE'; min-height:52px;}
.wel p{ margin:0 0 30px 0; padding:0;}

/****** Icon Css Animation ******/
.wel:hover #refill_icn .fileline1 { stroke-width: 2; stroke-dasharray: 3212; stroke-dashoffset: 3212; fill: transparent; stroke: #104c91; animation: offset 10s linear forwards, fill-blue 1s 1s forwards;}
@keyframes offset {
  to { stroke-dashoffset: 0; }
}
@keyframes fill-blue {
  to { fill: #104c91; stroke: transparent; }
}

.wel:hover #cmpnd_icn rect{ animation: blink 4s linear infinite, dropbal 2s linear infinite;}
.wel:hover #cmpnd_icn .ball1{ animation: blink 4s linear infinite, dropball 2s linear infinite; animation-delay: 1s;}
.wel:hover #cmpnd_icn .ball2{ animation: blink 4s linear infinite, dropbal2 2s linear infinite; animation-delay: 1.7s;}
.wel:hover #cmpnd_icn .ball3{ animation: blink 4s linear infinite, dropbal3 2s linear infinite; animation-delay: 2.6s;}
.wel:hover #cmpnd_icn .ball5{ animation-delay: 1s;}
.wel:hover #cmpnd_icn .ball6{ animation-delay: 1.7s;}
@keyframes blink{
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
}
@keyframes dropbal{
  0%{transform: translate(0,-10px);}
  100%{ transform:inherit;}
}
@keyframes dropball{
  0%{transform: translate(5px,-10px);}
  100%{ transform:inherit;}
}
@keyframes dropbal2{
  0%{transform: translate(10px,-10px);}
  100%{ transform:inherit;}
}
@keyframes dropbal3{
  0%{transform: translate(10px,-10px);}
  100%{ transform:inherit;}
}

.wel:hover #oshp_icn path{ stroke-width: 2; stroke-dasharray: 3212; stroke-dashoffset: 3212; fill: transparent; stroke: #104c91; animation: offset 10s linear forwards, fill-blue 1s 1s forwards;}

.global_title{ margin:0 0 35px 0; padding:0 0 15px 0; font-size:46px; color:#1a1c1d; font-family: 'AvantGarde CE'; position:relative;}
.global_title small{ display:block; font-size:16px; color:#f4af1b; font-weight:700; letter-spacing:4px; text-transform:uppercase;}
.global_title:before{ content:""; width:51px; height:3px; background:#f4ae1b; position:absolute; left:0; bottom:0;}
.global_title.white{ color:#fff;}
.global_title.center{ text-align:center;}
.global_title.center:before{ right:0; margin:auto;}

.btns{ margin:0; padding:13px 30px 16px 30px; font-size:14px; color:#fff; background:#1a1c1d; border-radius:5px; box-shadow:4px 4px 13px rgba(0,0,0,0.18); display:inline-block;}
.btns .fa-angle-right{ font-size:20px; margin-left:5px; position:relative; bottom:-3px;}
.btns.white{ background:#fff; color:#1a1c1d;}
.btns.blue{ background:#0f4d90; color:#fff;}
.btns:hover{ background:#f4ae1b; color:#fff;}

/******** Research Sec ********/
.research_sec{ width:100%; float:left; margin:0; padding:100px 0 70px 0; position:relative;}
.research_sec:before{ content:""; width:197px; height:264px; background:url(../images/web_curve1.png) no-repeat right center; position:absolute; bottom:-65px; right:0;}
.research_sec figure{ width:100%; float:left; margin:0; padding:0; height:100%; position:relative; min-height:343px;}
.research_sec figure img{ position:absolute; top:0; right:0; bottom:0; margin:auto; z-index:-1;}
.research_sec .detail{ margin:0; padding:0 30px 0 30px;}
.research_sec p{ margin:0 0 40px 0; padding:0;}

.rese_block{ width:100%; max-width:373px; display:block; margin:0 0 -28px 0; padding:32px 32px 52px 32px; background:#edf1f6; box-shadow:10px 10px 29px rgba(0,0,0,0.14);}
.research_sec h4{ margin:0 0 15px 0; padding:0; font-size:21px; color:#104c91;}
.research_sec figure p{ margin:0; padding:0;}

.capa_block{ width:100%; max-width:373px; display:block; margin:0 0 -20px -55px; padding:32px; background:#f4ae1b; box-shadow:10px 10px 29px rgba(0,0,0,0.14);}
.capa_block h4{ color:#fff;}

.achiv_block{ width:100%; max-width:373px; display:block; margin:0 0 0 45px; padding:32px 32px 26px 32px; background:#104c91; box-shadow:10px 10px 29px rgba(0,0,0,0.14);}
.achiv_block h4{ color:#fff;}
.achiv_block p{ color:#fff;}

.list_info{ margin:0; padding:0;}
.list_info li{ margin:0 0 4px 0; padding:0 0 0 22px; font-size:14px; color:#1a1c1d; position:relative;}
.list_info li:before{ content:""; width:10px; height:10px; border:2px solid #f4ae1b; border-radius:50%; background:#104c91; box-shadow:0 0 0px 1px rgba(26,28,29,0.5); position:absolute; left:0; top:6px;}

.research_sec h3{ margin:0 0 20px 0; padding:0; font-size:30px; color:#104c91; font-weight:700;}

/******* Termination Sec ********/
.termination_sec{ width:100%; float:left; padding:70px 0 70px 0; margin:0; background:#e5eff6;}
.terminat{ width:100%; float:left; padding:0 40px 40px 40px; margin:85px 0 0 0; text-align:center; background:#fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.terminat figure{ width:100%; max-width:145px; height:145px; padding:0; margin:-85px auto 30px auto; border-radius:50% 50% 0 50%; background:#104c91; box-shadow:4px 4px 0px rgba(26,28,29,0.15); text-align:center; line-height:145px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.termination_sec .owl-carousel .owl-item{ padding:0 20px 20px 20px;}
.termination_sec .owl-carousel .owl-item img{ width:auto; display:inline-block;}
.terminat h3{ margin:0 0 20px 0; padding:0; font-size:21px; color:#1a1c1d; font-weight:700; font-family: 'AvantGarde CE';}
.terminat p{ margin:0 0 30px 0; padding:0;}

.terminat:hover figure{ background:#1a1c1d;}
.terminat:hover .btns{ background:#f4ae1b; color:#fff;}
.terminat:hover{ box-shadow:6px 6px 16px rgba(0,0,0,0.1);}

.termination_sec .owl-carousel .owl-nav button{ width:52px; height:52px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; margin:0; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:2px solid rgba(16,76,145,0.2) !important; filter:contrast(0) brightness(0);}
.termination_sec .owl-carousel .owl-nav button.owl-prev{ left:-80px;}
.termination_sec .owl-carousel .owl-nav button.owl-prev:after{ content: ""; width:57px; height:14px; background:url(../images/slider_arrow1.png) no-repeat center center; background-size:100%; position:absolute; left:0; top:0; bottom:0; margin:auto; margin-left:15px; transition:all .6s ease-in-out;}
.termination_sec .owl-carousel .owl-nav button.owl-next{ right:-80px;}
.termination_sec .owl-carousel .owl-nav button.owl-next:after{ content: "";  width:57px; height:14px; background:url(../images/slider_arrow2.png) no-repeat center center; background-size:100%; position:absolute; top:0; bottom:0; right:0; margin:auto; margin-right:15px; transition:all .6s ease-in-out;}
.termination_sec .owl-carousel .owl-nav button:hover{ border-color:rgba(16,76,145,0.3) !important; filter:inherit;}
.termination_sec .owl-carousel .owl-nav button.owl-next:hover:after{ margin-right:-25px;}
.termination_sec .owl-carousel .owl-nav button.owl-prev:hover:after{ margin-left:-25px;}

/******** Events Sec ********/
.events_sec{ width:100%; float:left; padding:80px 0; margin:0;}
@media(min-width:1300px){
.specing50.row{ margin-left:-25px; margin-right:-25px;}
.specing50.row > div{ padding-left:25px; padding-right:25px;}
}
.events{ width:100%; float:left; padding:0; margin:0; background:#fff; box-shadow:3px 3px 40px rgba(0,0,0,0.13);}
.events figure{ width:100%; float:left; padding:0; margin:0;}
.events figure img{ width:100%;}
.events .detail{ width:100%; float:left; padding:35px; margin:0;}
.events h3{ margin:0 0 16px 0; padding:0; font-size:26px; color:#1a1c1d; font-weight:bold; font-family: 'AvantGarde CE';}
.events h3 a{ color:#1a1c1d;}
.events h3 a:hover{ color:#f4ae1b;}
.events p{ margin:0; padding:0;}
.events p a{ color:#104c91; text-decoration:underline;}
.events p a:hover{ color:#f4ae1b; text-decoration:none;}

.events_thumb{ width:100%; float:left; padding:15px; margin:0 0 38px 0; box-shadow:3px 3px 40px rgba(0,0,0,0.13);}
.events_thumb figure{ width:100%; max-width:142px; float:left; padding:0; margin:0;}
.events_thumb figure img{ width:100%;}
.events_thumb .detail{ overflow:hidden; padding:0 20px 0 20px; margin:0;}
.events_thumb h4{ margin:0 0 11px 0; padding:0; font-size:18px; color:#1a1c1d; font-weight:bold; font-family: 'AvantGarde CE';}
.events_thumb h4 a{ color:#1a1c1d;}
.events_thumb h4 a:hover{ color:#f4ae1b;}
.events_thumb p{ margin:0; padding:0;}
.events_thumb p a{ color:#104c91; text-decoration:underline;}
.events_thumb p a:hover{ color:#f4ae1b; text-decoration:none;}

/******* Testimonial Sec *******/
.testimonial_sec{ width:100%; float:left; margin:0; padding:80px 0 110px; background:url(../images/testimonial_bg.jpg) no-repeat center center; background-size:cover; text-align:center;}
.testimonial_sec .inner{ width:100%; float:left; margin:40px 0 0 0; padding:80px 170px 0 170px; border:3px solid rgba(255,255,255,0.1); position:relative;}
.testimonial_sec .inner:before{ content:""; width:61px; height:56px; background:url(../images/quote_icon.png) no-repeat center center; background-size:cover; position:absolute; left:0; bottom:100%; right:0; margin:0 auto -18px auto;}
.testimonial_sec p{ margin:0 0 40px 0; padding:0; font-size:20px; color:#fff; line-height:40px; font-family: 'Playfair Display', serif; letter-spacing:2px; opacity:0.8;}
.testimonial_sec .author{ margin:0 0 15px 0; padding:0; color:#fff;}
.testimonial_sec .author strong{ font-size:18px; color:#f4ae1b; font-weight:700; display:block; margin-bottom:3px;}
.testimonial_sec .btns{ position:relative; bottom:-25px;}

.testimonial_sec .owl-carousel .owl-nav button{ width:52px; height:52px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); margin:0; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:2px solid rgba(255,255,255,0.2) !important; filter:contrast(0) brightness(100);}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev{ left:-130px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev:after{ content: ""; width:57px; height:14px; background:url(../images/testi_arrow1.png) no-repeat center center; background-size:100%; position:absolute; left:0; top:0; bottom:0; margin:auto; margin-left:15px; transition:all .6s ease-in-out;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next{ right:-130px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next:after{ content: "";  width:57px; height:14px; background:url(../images/testi_arrow2.png) no-repeat center center; background-size:100%; position:absolute; top:0; bottom:0; right:0; margin:auto; margin-right:15px; transition:all .6s ease-in-out;}
.testimonial_sec .owl-carousel .owl-nav button:hover{ filter:inherit;}
.testimonial_sec .owl-carousel .owl-nav button.owl-next:hover:after{ margin-right:-25px;}
.testimonial_sec .owl-carousel .owl-nav button.owl-prev:hover:after{ margin-left:-25px;}


/************* Footer ***********/
footer{ width:100%; float:left; padding:100px 0 70px 0; margin:0; position:relative;}
footer h2{ padding:0 0 70px 0; margin:0; font-size:77px; line-height:85px; color:#636465; font-family: 'AvantGarde CE';}
footer h2 span{ display:block; color:#1a1c1d; font-weight:700;}
footer h3{ margin:0 0 24px 0; padding:0; font-size:20px; color:#1a1c1d; font-family: 'AvantGarde CE';}
footer p{ margin:0 0 40px 0; padding:0; color:#808181;}

.add_block{ margin:0 0 16px 0; padding:0; color:#808181;}
.add_block a{ color:#808181;}
.add_block a:hover{ color:#f4ae1b;}

ul.footer_links{ margin:0; padding:0;}
ul.footer_links li{ margin:0 0 16px 0; padding:0; font-size:14px; color:#808181;}
ul.footer_links li a{ color:#808181;}
ul.footer_links li a:hover{ color:#f4ae1b;}

ul.social_link{ margin:0; padding:0;}
ul.social_link li{ margin:0; padding:0; display:inline-block;}
ul.social_link li a{ width:38px; height:38px; line-height:38px; display:inline-block; font-size:16px; color:#808080; text-align:center; border-radius:50%;}
ul.social_link li a:hover{ background:#f4ae1b; color:#fff;}

.copyright{ margin:60px 0 0 0; padding:25px 0 0 0; font-size:14px; color:#808181; border-top:1px solid #e7edf4; text-align:center;}
.copyright strong{ color:#1a1c1d; text-transform:uppercase; font-weight:600;}

/*-------Top----------*/
#return-to-top { position:absolute; bottom:30px; right:30px; background:#104c91; width:46px; height:46px; line-height:42px; display: block; border-radius:0%; text-decoration: none; text-align:center; display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99; font-size:30px; color:#fff;}
#return-to-top:hover { background:#f4af1b; line-height:30px;}

.owl-carousel .owl-dots{ width:100%; margin:25px 0 0 0; padding:0; text-align:center; position:relative; left:0; right:0; bottom:0; z-index:9;}
.owl-carousel .owl-dot{ margin:0 3px; display:inline-block;}
.owl-carousel .owl-dot span{ width:11px; height:11px; display:block; border-radius:50%; background:#104c91; opacity:0.3;}
.owl-carousel .owl-dot.active span{ background:#104c91; opacity:1;}

.testimonial_sec .owl-carousel .owl-dot span{ background:#fff; opacity:0.3;}
.testimonial_sec .owl-carousel .owl-dot.active span{ background:#fff; opacity:1;}

/*=========== Contact Page ============*/
.info_contact{ width:100%; float:left; margin:0; padding:0 0 100px 0; background:#f3f5f9; position:relative; z-index:2;}
.info_contact .inner{ width:100%; float:left; margin:-80px 0 0 0; padding:10px; background:rgba(255,255,255,0.3);}

.form_info{ padding:80px 90px; box-shadow:0 25px 20px rgba(0,0,0,0.03); background:#fff;}
.form_block{ width:100%; float:left; margin:0 0 40px 0; padding:0; position:relative;}
.form_block label{ margin:0; padding:0; display:block; font-size:16px; color:#000; text-transform:uppercase; letter-spacing:2px; font-weight:700; font-family: 'AvantGarde CE';}
.form_block .form-control{ width:100%; height:55px; float:left; margin:0; padding:0 25px 0 0; border:none; border-bottom:1px solid #d9d9d9; box-shadow:none; font-size:15px; color:#3b3b3b; border-radius:0;}
.form_block a{ font-size:17px; color:#3b3b3b; position:absolute; bottom:18px; right:0;}
.form_block a:hover{ color:#cea651;}
.info_contact .select_info{ width:100%; height:55px; float:left; margin:0; padding:0 25px 0 0; border:none; border-bottom:1px solid #d9d9d9; box-shadow:none; font-size:15px; color:#3b3b3b; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select_arrow.png) no-repeat right center;}

.form_block .field_2{ height:120px; padding-top:15px;}
.form_block i{ font-size:17px; color:#3b3b3b; position:absolute; bottom:18px; right:0;}
.sub_btn{ border:none; box-shadow:none; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}

.map_info{ width:100%; float:left; margin:0; padding:0;}
.map_info iframe{ width:100%; float:left; margin:0; padding:0;}

/*=========== About Page ============*/
.hero_sec.inner_banner{ padding:250px 0 180px 0; background:url(../images/inner_banner.jpg) no-repeat center bottom; background-size:cover; position:relative;}
.hero_sec.inner_banner:before{ content:""; width:100%; height:232px; background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.65) 14%, rgba(255,255,255,0.53) 31%, rgba(255,255,255,0.32) 56%, rgba(255,255,255,0.16) 70%, rgba(255,255,255,0.08) 79%, rgba(255,255,255,0.02) 89%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.65) 14%,rgba(255,255,255,0.53) 31%,rgba(255,255,255,0.32) 56%,rgba(255,255,255,0.16) 70%,rgba(255,255,255,0.08) 79%,rgba(255,255,255,0.02) 89%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.65) 14%,rgba(255,255,255,0.53) 31%,rgba(255,255,255,0.32) 56%,rgba(255,255,255,0.16) 70%,rgba(255,255,255,0.08) 79%,rgba(255,255,255,0.02) 89%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); opacity:0.7; position:absolute; left:0; top:0;}

.story_sec{ width:100%; float:left; margin:0; padding:100px 0;}
.story_sec h2{ margin:0 0 35px 0; padding:0; font-size:60px; color:#1a1c1d; font-family: 'AvantGarde CE';}
.story_sec .info{ width:100%; float:left; margin:0; padding:0 0 0 27px; font-size:28px; color:#1a1c1d; font-weight:600; border-left:3px solid #f4ae1b;}
.story_sec p{ margin:0 0 26px 0; padding:0; letter-spacing:.3px; text-align:justify;}

.company_sec{ width:100%; float:left; margin:0; padding:100px 0; background:#104c91;}
.company_sec p{ margin:0 0 30px 0; padding:0; color:#ffffff; opacity:0.8;}
.company_sec figure{ width:100%; float:left; margin:0 0 100px 0; padding:0;}
.company_sec figure img{ width:100%; max-width:480px;}
.company_sec h6{ margin:0 0 7px 0; padding:0; font-size:16px; color:#fff; opacity:0.8; font-weight:600;}

.people_sec{ width:100%; float:left; margin:0; padding:100px 0; text-align:center;}
.people_sec .container{ max-width:800px;}
.people_sec p{ margin-bottom:30px;}
.people_sec figure{ width:100%; margin-bottom:14px;}
.people_sec figure img{ width:100%;}
.people_sec .row{ margin-left:-7px; margin-right:-7px;}
.people_sec .row > div{ padding-left:7px; padding-right:7px;}

/*=========== Blog Page ============*/
.blog_list{ width:100%; float:left; margin:0; padding:100px 0; border-bottom:1px solid #e7edf4;}
.blog_list .row > div{ margin-bottom:30px;}
.blog{ width:100%; float:left; margin:0; padding:0; background:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out; height:100%; border:1px solid #e7edf4;}
.blog figure{ width:100%; float:left; margin:0; padding:0;}
.blog figure img{ width:100%;}
.blog .detail{ width:100%; float:left; margin:0; padding:26px 26px 30px 26px;}
.blog .date{ margin:0 0 5px 0; padding:0; font-size:13px; color:#104c91; clear:both; opacity:0.8;}

.blog h3{ margin:0 0 10px 0; padding:0; font-size:21px; color:#1a1c1d; font-weight:600; clear:both;}
.blog h3 a{ color:#1a1c1d;}
.blog h3 a:hover{ color:#f4ae1b;}
.blog p{ margin:0 0 23px 0; padding:0; font-size:15px;}
.blog .links{ margin:0; padding:0; font-size:15px; color:#f4ae1b;}
.blog .links i{ margin-left:2px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; bottom:-1px;}
.blog .links:hover img{ margin-left:15px;}
.blog:hover{box-shadow:5px 5px 27px rgba(0,0,0,0.15);}
.blog:hover h3 a{ color:#f4ae1b;}
.blog:hover .links i{ margin-left:8px;}

.pagination_info{ width:100%; float:left; padding:0; margin:30px 0 0 0; text-align:center;}
.pagination_info .pagination{ margin:0;}
.pagination_info .page-link{ margin:2px 15px; padding:4px 9px 3px 9px; border:none; background:none; font-size:17px; color:#1a1c1d; font-weight:500; border-radius:0 !important;}
.pagination_info .page-link:hover{ color:#fff; background:#f4ae1b;}
.pagination_info .page-item.active .page-link{ color:#fff; background:#f4ae1b;}
.pagination_info .page-link.arrow_link{ border:none; opacity:0.2; background:none;}
.pagination_info .page-link.arrow_link:hover{ opacity:1;}

/*=========== Blog Detail Page ============*/
.blog_sec{ width:100%; float:left; margin:0; padding:100px 0; border-bottom:1px solid #e7edf4;}

.blog_detail{ width:100%; float:left; margin:0; padding:0;}
.blog_detail figure{ width:100%; float:left; margin:0 0 40px 0; padding:0;}
.blog_detail figure img{ width:100%;}
.blog_detail .date_info{ width:100%; float:left; margin:0 0 10px 0; padding:0; font-size:15px; color:#999;}
.blog_detail .date_info a{ color:#104c91;}
.blog_detail .date_info a:hover{ color:#f4ae1b; opacity:1;}
.blog_detail h2{ margin:0 0 19px 0; padding:0; font-size:36px; color:#1a1c1d; font-weight:700; clear:both;}
.blog_detail p{ margin:0 0 21px 0; padding:0; clear:both;}
.blog_detail .mb-21{ margin-bottom:21px;}
.blog_detail .quote_info{ width:100%; float:left; margin:10px 0 30px 0; padding:32px 40px 40px 40px; background:#f5f5f5; border-left:5px solid #f4ae1b; font-size:25px; color:#1a1c1d; font-style:italic; font-family: 'Playfair Display', serif;}
.blog_detail h3{ margin:0 0 13px 0; padding:0; font-size:30px; color:#1a1c1d; font-weight:700; clear:both;}
.blog_detail h4{ margin:0 0 15px 0; padding:0; font-size:25px; color:#1a1c1d; font-weight:700; clear:both;}
.blog_detail h5{ margin:0 0 15px 0; padding:0; font-size:20px; color:#1a1c1d; font-weight:600; clear:both;}

.list_info.simp{ margin-bottom:30px;}
.list_info.simp li{ margin-bottom:10px;}
.list_info.simp li:before { border-color:#fff;}

.blog_form{ width:100%; float:left; margin:0; padding:0; clear:both;}
.blog_form .form_block{ margin-bottom:15px;}
.blog_form .form_block .form-control{ border:1px solid #d9d9d9; padding:0 20px;}
.blog_form .form_block .field_2{border:1px solid #d9d9d9; padding:15px 20px;}

.blog_detail h6{ margin:0 0 10px 0; padding:0; font-size:16px; color:#1a1c1d;}
ul.inner_social{ width:100%; margin:0 0 30px 0; padding:0; float:left;}
ul.inner_social li{ margin:0 8px 0 0; padding:0; display:inline-block;}
ul.inner_social li a{ width:45px; height:45px; display:block; text-align:center; line-height:45px; font-size:20px; color:#fff; background:#fb8f3d;}
ul.inner_social li a.fb{ background:#3b5998;}
ul.inner_social li a.twit{ background:#00aced;}
ul.inner_social li a.insta{ background:#bc2a8d;}
ul.inner_social li a.lin{ background:#007bb5;}
ul.inner_social li a:hover{ background:#f4ae1b; color:#fff;}

.blog_sec aside{ width:100%; float:left; margin:0; padding:0 0 0 50px;}

.small_title{ margin:0 0 28px 0; padding:0; font-size:24px; color:#1a1c1d; clear:both; font-weight:600;}

.recent_sec{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.recent{ width:100%; float:left; margin:0 0 20px 0; padding:0;}
.recent figure{ width:81px; float:left; margin:0; padding:0;}
.recent figure img{ width:100%;}
.recent .detail{ overflow:hidden; margin:0; padding:0 0 0 24px;}
.recent .date{ display:block; margin:0 0 7px 0; padding:0; font-size:12px; color:#636465;}
.recent .date i{ margin-right:5px;}
.recent h4{ margin:0; padding:0; font-size:17px; color:#1a1c1d;}
.recent h4 a{ color:#1a1c1d;}
.recent h4 a:hover{ color:#f4ae1b;}

ul.archive_links{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
ul.archive_links li{ margin:0; padding:0; display:block;}
ul.archive_links li a{ margin:0 0 10px 0; padding:0 0 10px 14px; color:#636465; display:block; border-bottom:1px solid #e3e3e3; font-size:16px; color:#505050; letter-spacing:0.4px; position:relative;}
ul.archive_links li a:before{ content:""; width:5px; height:5px; background:#104c91; position:absolute; left:0; top:10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
ul.archive_links li a:hover{ color:#104c91; border-color:#104c91;}

.tags{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin:0 0 30px 0; padding:0;}
.tags a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; float:left; margin:0 12px 12px 0; padding:10px 20px; font-size:15px; color:#636465; border:2px solid #e7edf4; text-transform:uppercase; font-family: 'GalanoGrotesqueMedium'; letter-spacing:0.3px;}
.tags a:last-child{ margin-right:0;}
.tags a:hover{ color:#fff; background:#f4ae1b; border-color:#f4ae1b;}


/*===================== Research & Devlopment Page =======================*/
.rnd_sec{ width:100%; float:left; margin:0; padding:100px 0 70px 0;}
.rnd_sec .detail{ width:100%; float:left; margin:0 0 10px 0; padding:0;}
.rnd_sec .detail p{ margin:0 0 21px 0; padding:0;}
.rnd_sec figure{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.rnd_sec figure img{ width:100%;}
.rnd_sec h3{ margin:0 0 30px 0; padding:0; font-size: 24px; color: #104c91;}

.rnd_cate{ width:100%; float:left; margin:0; padding:100px 0 70px 0; text-align:center; border-bottom: 1px solid #e7edf4;}
.rdcate{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.rnd_cate .info{ margin:0 0 50px 0; padding:0; font-size:16px; color:#636465; line-height:28px;}
.rnd_cate figure{ margin:0 0 30px 0; padding:0;}
.rnd_cate figure img{ width:100%; max-width:120px;}
.rnd_cate h3{ margin:0 0 15px 0; padding:0; font-size: 21px; color: #104c91; font-weight:600;}
.rnd_cate p{ margin:0; padding:0;}

/*===================== Termination Page =======================*/
.product_list{ width:100%; float:left; margin:0; padding:100px 0 80px 0;}
.product_list .detail{ width:100%; float:left; margin:0 0 10px 0; padding:0;}
.product_list .detail p{ margin:0 0 21px 0; padding:0;}
.product_list figure{ width:100%; max-width:470px; float:left; margin:0 30px 30px 0; padding:0;}
.product_list figure img{ width:100%;}
.product_list h3{ margin:0 0 21px 0; padding:0; font-size: 28px; color: #104c91; font-weight:600;}

.product_list figure.float-right{ margin-left:30px; padding-right:0;}