html, body {height: 100%; font-family: 'Raleway', sans-serif;;}
a:focus {outline: 0px solid}
img {max-width: 100%; height: auto}
p {margin: 0 0 15px; font-size: 16px; line-height: 31px; color: #747474;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px;}
a {-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration: none; color: #2D3967;}
a:hover {color: #2D3967; text-decoration: none;}
a:active, a:hover {outline: 0 none;}
ul {list-style: outside none none; margin: 0; padding: 0}
.container {max-width: 1200px;}
.margin-btm {margin-bottom: 30px}

.section-title h4 {font-size: 18px!important; text-transform: uppercase!important; font-weight: 500!important;}
.section-title h2 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967; padding-bottom: 20px}
.single-professionisti .section-title h1 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967; padding-bottom: 20px}
.single-professionisti .section-title h2 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967; padding-bottom: 0;}
.single-professionisti .section-title p {margin-bottom: 20px;}
.tpl_content .section-title h1 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967; padding-bottom: 20px}
.tpl_content h3 {font-size: 25px; text-transform: uppercase; font-weight: 900;}
.tpl_content h4 {font-size: 20px; text-transform: uppercase; font-weight: bold;}
.tpl_content ul {margin-left: 20px; margin-bottom: 20px; color: #747474; font-size: 16px;}
.tpl_content ul li {list-style: none; list-style-image: url("../images/list.png"); line-height: 31px;}
.tpl_content ul li ul li {list-style: disc !important; list-style-image: url("../images/list.png"); line-height: 31px;}

.section-button {margin-top: 40px}
.section-button a {background-color: #2D3967; text-decoration: none; color: #fff; text-transform: uppercase; display: inline-block; padding: 15px 20px; -webkit-transition: .5s; transition: .5s; font-size: 14px; font-weight: 700; text-align: center; -webkit-box-shadow: 0 5px 16px #bababa; box-shadow: 0 5px 16px #bababa; border: 1px solid transparent}
.section-button a:hover {border: 1px solid #2D3967; color: #2D3967; background-color: transparent; -webkit-box-shadow: 0 5px 16px #fff; box-shadow: 0 5px 16px #fff;}

#scrollUp {background: #2D3967; bottom: 15px; color: #fff; height: 50px; line-height: 50px; right: 15px; text-align: center; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50px;}
.margin-boottom20 {margin-bottom: 20px}
.margin-boottom30 {margin-bottom: 30px}

#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #F7F7F7; z-index: 99999999999999; height: 100%;}
#status {position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; padding: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99999999999999;}
#status img {height: 150px; width: 150px;}

.main-navigation {position: absolute; left: 0; top: 0px; width: 100%; background-color: rgba(255, 255, 255, 0); z-index: 11; -webkit-transition: .5s; transition: .5s; background: #2D3967;}

.logo-area a img {
    margin-top: 16px;
    display: inline-block;
    -webkit-transition: .7s;
    transition: .7s;
}

.main-menu ul li {display: inline-block; margin-left: 15px; position: relative; vertical-align: middle;}
.main-menu ul li:first-child {margin-left: 0;}
.main-menu ul li a {color: #fff; display: inline-block; text-transform: lowercase; font-size: 14px; padding: 32px 0; position: relative; font-weight: 500; line-height: 24px;}
.main-menu ul li.dlp-transform a {text-transform: none;}
.main-menu ul li a::first-letter, .main-menu ul li a:first-letter, .main-menu > nav > ul > li:nth-child(6) a {text-transform: uppercase;}
#menu-main-fr > li > a {letter-spacing: -1px;}
.main-menu ul li a.current:before {position: absolute; content: ""; width: 100%; height: 2px; background-color: #fff; top: 70%; left: 0;}
.main-menu ul li a:before {position: absolute; content: ""; width: 0%; height: 2px; background-color: #fff; top: 70%; left: 0; -webkit-transition: .5s; transition: .5s}
.main-menu ul li a:hover:before {width: 100%}
.f-right {float: right;}
.mean-container .mean-nav {margin-top: 10px; background: rgba(45, 57, 103, 0.71) none repeat scroll 0 0;}
.main-menu ul li ul.dropdown {position: absolute; right: 0; top: 130%; width: 220px; background-color: #2D3967; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; padding: 10px 0 15px 10px}
.main-menu ul li ul.dropdown-home {position: absolute; left:0;}
.main-menu ul li i {margin-left: 8px}
.main-menu ul li:hover ul.dropdown-home {top: 104%; opacity: 1; visibility: visible}
.main-menu ul li:hover ul.dropdown-home li a:before {width: 0;}
ul.dropdown-home li a:hover {color: #cccccc}
.main-menu ul li:hover ul.dropdown {top: 104%; opacity: 1; visibility: visible}
.main-menu ul li:hover ul.dropdown li a:before {width: 0;}
ul.dropdown li a:hover {color: #cccccc}
.main-menu ul li ul.dropdown li {display: block; margin-left: 15px}
.main-menu ul li ul.dropdown li a {padding: 10px 0px; -webkit-transition: .5s; transition: .5s}
.main-menu ul li ul.sub-menu {position: absolute; right: 0; top: 130%; width: 220px; background-color: #2D3967; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; padding: 10px;}
.main-menu ul li ul.sub-menu {position: absolute; left:0;}
.main-menu ul li i {margin-left: 8px}
.main-menu ul li:hover ul.sub-menu {top: 104%; opacity: 1; visibility: visible}
.main-menu ul li:hover ul.sub-menu li a:before {width: 0;}
ul.sub-menu li a:hover {color: #cccccc}
.main-menu ul li:hover ul.sub-menu {top: 104%; opacity: 1; visibility: visible}
.main-menu ul li:hover ul.sub-menu li a:before {width: 0;}
ul.sub-menu li a:hover {color: #cccccc}
.main-menu ul li ul.sub-menu li {display: block; margin-left: 15px}
.main-menu ul li ul.sub-menu li a {padding: 10px 0px; -webkit-transition: .5s; transition: .5s}
#mobile-menu {display: block;}
.main-navigation.sticky {position: fixed; top: 0; left: 0; right: 0; z-index: 900; -webkit-transition: .5s; transition: .5s}
.sticky .menubar nav ul li {padding: 15px 15px;}

.header-image-area {
	height: 100vh; width: 100%; background-position: 50% 0; background-size: cover; position: relative;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%); clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%);
}
.tpl_intern.header-image-area {height: 65vh; background-repeat: no-repeat; background-position: center; background-size: cover;}
.header-image-area-2 {height: 100vh; width: 100%; background-position: 50% 0; background-size: cover; position: relative;}
.header-image-area:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}
.header-image-area-2::before {
	content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100vh;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 56, 152, 0.9)), color-stop(rgba(40, 42, 85, 0.8)), to(rgba(21, 27, 51, 0.8)));
	background-image: linear-gradient(to bottom, rgba(53, 56, 152, 0.9), rgba(40, 42, 85, 0.8), rgba(21, 27, 51, 0.8));
}
.bg-pattern-effect {position: absolute; bottom: 0px; left: 0px; right: 0px;}

.intro-text {
	position: absolute; left: 0%; top: 50%; margin: auto; right: 0; text-align: center;
	-webkit-transform: translateY(-50%)!important; -moz-transform: translateY(-50%)!important; -ms-transform: translateY(-50%)!important; -o-transform: translateY(-50%)!important; transform: translateY(-50%)!important;
}
.intro-text h1 {text-transform: uppercase; font-size: 80px; line-height: 0.9; color: #fff; margin-bottom: 10px; font-weight: 900; letter-spacing: 1px}
.intro-text h2 {text-transform: uppercase; font-size: 80px; line-height: 0.9; color: #fff; margin-bottom: 10px; font-weight: 900; letter-spacing: 1px}
.intro-text h3 {text-transform: uppercase; font-size: 40px; line-height: 0.9; color: #fff; margin-bottom: 10px; font-weight: 900; letter-spacing: 1px}
.intro-text h4 {font-size: 18px; line-height: 1; color: #e5e5e5; font-weight: 500;}
.learnmore {margin-top: 25px}
.learnmore a {background-color: #2D3967; text-decoration: none; color: #fff; text-transform: uppercase; display: inline-block; padding: 14px 25px; -webkit-transition: .5s; transition: .5s; font-size: 14px; font-weight: 700;}
.learnmore a:hover {background-color: #fff; color: #2D3967;}

.about-us-area {padding:90px 0;}
.about-us-area2 {padding: 120px 0 90px 0;}
.about-content {text-align: right; padding-top: 60px}
.about-img {position: relative; margin-right: 30px; margin-left: 30px; margin-bottom: 30px}
.about-img img {width: 100%; -webkit-transition: .5s; transition: .5s}
.about-img img:hover {width: 100%; -webkit-transform: scale(1.02); transform: scale(1.02);}
.about-img::before {position: absolute; left: -31px; top: -30px; width: 90%; height: 92%; z-index: -1; content: ''; background-color: #2D3967; -webkit-transition: .5s; transition: .5s}
.about-img::after {position: absolute; right: -31px; bottom: -30px; width: 90%; height: 92%; z-index: -1; content: ''; background-color: #2D3967; -webkit-transition: .5s; transition: .5s}
.services-area {padding: 90px 0; background-color: #f9f9ff}
.services-content {text-align: left;}
.projects-area {padding: 90px 0; background: #F5F5F5;}
.projects-content {text-align: left;}

.owl-carousel .owl-dot.active {background-color: #2D3967 !important; height: 15px; width: 15px; border-radius: 100%;}
.owl-carousel .owl-dot {background-color: rgba(45, 57, 103, 0.41) !important; display: inline-block; height: 15px; margin: 0 3px; width: 15px; border-radius: 100%;}
.owl-carousel .owl-dots {text-align: center; margin-top: 20px;}

.our-features {padding: 90px 0; background-color: #F5F5F5;}

.features-heading {text-align: center; display: inline-block; margin: auto}
.features-heading h2 {font-weight: 900; font-size: 35px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967;}
.features-heading h4 {position: relative; display: inline-block; text-transform: uppercase; color: #2D3967; font-size: 18px; margin-bottom: 80px}
.features-heading h4::before {position: absolute; content: ""; width: 80px; height: 3px; background-color: #2D3967; left: 50%; -webkit-transition: .5s; transition: .5s; bottom: -10px; -webkit-transform: translateX(-50%); transform: translateX(-50%)}
.single-features {-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); text-align: center; padding: 40px 20px; -webkit-transition: .5s; transition: .5s; background-color: #fff; position: relative; overflow: hidden; min-height: 250px; display: flex; align-items: center; justify-items: center;}

.DLP_2 .blog-image {-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);}

.single-features:before {content: ""; position: absolute; left: -100%; top: 0; width: 0; height: 3px; background: #2D3967; -webkit-transition: .7s; transition: .7s;}
.single-features:after {content: ""; position: absolute; right: -100%; bottom: 0; width: 0; height: 3px; background: #2D3967; -webkit-transition: .7s; transition: .7s;}
.single-features:hover:before {left: 0; width: 100%;}
.single-features:hover:after {right: 0; width: 100%;}

.page-template-tpl_partnership .single-features:hover:after,
.page-template-tpl_partnership .single-features:hover:before {
	width: 0;
}

.single-features img {margin-bottom: 30px}
.single-features h4 {color: #2D3967; font-size: 19px; text-transform: uppercase; font-weight: 600; margin-bottom: 0; width: 100%;}
.single-features p {font-size: 15.5px; line-height: 27px}
.single-features h4 i {font-size: 50px;}

.counter-up-area {background-image: url("../images/bg_DLP.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 90px 0;}
.single-count-area {color: #fff; font-weight: 700; text-transform: uppercase; text-align: center;}
.single-count-area span {font-size: 70px; font-weight: 900; line-height: 1;}
.single-count-area p {font-size: 18px; margin-top: 10px; line-height: 1; margin-bottom: 0; color: #fff}

.our-team-area {padding: 90px 0; background-color: #F5F5F5;}

.team-heading {text-align: center; display: inline-block; margin: auto}
.team-heading h1 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967;}
.team-heading h2 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967;}
.team-heading h4 {position: relative; display: inline-block; text-transform: uppercase; color: #2D3967; font-size: 18px; margin-bottom: 80px}
.team-heading h4::before {
	position: absolute; content: ""; width: 80px; height: 3px; background-color: #2D3967; left: 50%; -webkit-transition: .5s; transition: .5s; bottom: -10px;
	-webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;
}
.our-team {overflow: hidden; position: relative;}
.our-team:after {content: ""; width: 100%; height: 100%; background-color: rgba(45, 57, 103, 0.7); position: absolute; top: -100%; left: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.our-team:hover:after {top: 0; opacity: 1;}
.our-team a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.our-team img {width: 100%; height: auto;}

.post-type-archive-jury .our-team img {padding-bottom: 70px;}

.our-team .social {width: 100%; list-style: none; padding: 0; margin: 0; text-align: center; position: absolute; top: -50%; left: 0; z-index: 1; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.our-team:hover .social {top: 38%;}
.our-team .social li {display: inline-block;}
.our-team .social li a {width: 35px; height: 35px; line-height: 35px; background: #fff; font-size: 20px; color: #6b6fff; margin: 0 2px;}
.our-team .update-social-icon li a {width: 35px; height: 35px; line-height: 35px; background: #fff; font-size: 20px; color: #6b6fff; margin: 0 2px; border-radius: 25px;}
.our-team .team-content {width: 100%; padding: 20px 15px 10px; background: #2D3967; text-transform: uppercase; position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.our-team:hover .team-content {background: #2D3967;}
.our-team .team-content:before {content: ""; width: 100%; border-right: 420px solid #2D3967; border-top: 60px solid transparent; position: absolute; top: -60px; left: 0; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.our-team:hover .team-content:before {border-right-color: #2D3967;}
.our-team .title {font-size: 16px; color: #ffffff; margin: 0; text-align: right; font-weight: 700; margin-top: -15px;}
.our-team .post {display: block; font-size: 13px; font-weight: 400; color: #ffffff; margin-top: 3px; text-align: right; font-weight: 700}
.our-team:hover .title {color: #fff !important}
.our-team:hover .post {color: #e2e2e2 !important}

.client-testimonial {padding: 90px 0; background: #F5F5F5;}
.testimonial-heading {text-align: center; display: inline-block; margin: auto}
.testimonial-heading h2 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967;}
.testimonial-heading h4 {position: relative; display: inline-block; text-transform: uppercase; color: #2D3967; font-size: 18px; margin-bottom: 80px}
.testimonial-heading h4::before {
	position: absolute; content: ""; width: 80px; height: 3px; background-color: #2D3967; left: 50%;
	-webkit-transition: .5s; transition: .5s; bottom: -10px; -webkit-transform: translateX(-50%); transform: translateX(-50%)
}
.single-testimonial {text-align: left; padding: 30px; margin: 15px; -webkit-transition: .5s; transition: .5s}
.single-testimonial:hover .client-img img {
    border: 3px solid #6B6FFF
}

.dicono-qt {text-align: left; margin: 5px; padding: 25px !important; -webkit-transition: .5s; transition: .5s}
.dicono-qt::before {position: absolute; left: 14px; top: -50px; width: 45%; height: 92%; z-index: -1; content: ''; background-color: #2D3967; -webkit-transition: .5s; transition: .5s}
.dicono-qt::after {position: absolute; right: 14px; bottom: 0px; width: 45%; height: 75%; z-index: -1; content: ''; background-color: #2D3967; -webkit-transition: .5s; transition: .5s}

.client-img img {width: 130px !important; margin: auto; margin-top: 5px; height: 130px; border-radius: 50%; border: 3px solid transparent; -webkit-transition: .5s; transition: .5s}
.client-img i {font-size: 50px;}

.testimonial-content h5 {margin-top: 15px; text-transform: uppercase; font-weight: 700; font-size: 19px}
.testimonial-content h6 {font-size: 16px; margin-top: -5px}
.testimonial-content p {font-size: 15.5px; line-height: 26px; margin-bottom: 0; color: #888888;}
.testimonial-content ul {list-style: inside;}
.testimonial-content ul li {color: #747474; font-size: 15px;}

.latest-blog-area {padding: 90px 0;}

.blog-heading {text-align: center; display: inline-block; margin: auto}
.blog-heading h2 {font-weight: 900; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967;}
.blog-heading h4 {position: relative; display: inline-block; text-transform: uppercase; color: #2D3967; font-size: 18px; margin-bottom: 80px}
.blog-heading h4::before {
	position: absolute; content: ""; width: 80px; height: 3px; background-color: #2D3967; left: 50%;
	-webkit-transition: .5s; transition: .5s; bottom: -10px; -webkit-transform: translateX(-50%); transform: translateX(-50%)
}
.single-blog {background-color: #fff; overflow: hidden;}

.single-professionisti .single-blog {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);}
.single-blog .blog-image img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-image {position: relative; overflow: hidden}
.blog-image img {-webkit-transition: .7s; transition: .7s; width: 100%}
.blog-tag {position: absolute; top: 15px; right: 0;}
.blog-tag span {background-color: #2D3967; padding: 8px 18px; color: #fff; text-transform: capitalize; font-size: 12px; display: block; text-align: center; font-weight: 600; font-style: italic;}
.blog-content {padding: 20px 20px 25px 20px; background: #2D3967;}
.blog-content-heading {display: inline-block; width: 70%}
.blog-date {display: inline-block; width: 28%}

.blog-content-heading h4,
.blog-content-heading h4 > a {font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 700;}
.blog-date span {font-size: 11px; color: #ffffff; text-transform: capitalize; text-align: right; display: block; font-weight: 500; font-style: italic;}
.blog-content p {font-size: 15px; line-height: 1.2; margin-bottom: 0; color: #ffffff; font-weight: 300;}
.blog-readmore-btn {text-transform: capitalize; display: inline-block; font-size: 15px; font-weight: 700; color: #ffffff; position: relative; margin-top: 10px}
.blog-readmore-btn::before {position: absolute; content: ""; width: 0; height: 2px; background-color: #2D3967; left: 0; -webkit-transition: .5s; transition: .5s; bottom: -5px; opacity: 0; visibility: hidden;}
.blog-readmore-btn:hover:before {width: 50px; opacity: 1; visibility: visible;}

.contact {height: 65vh; background-image: url('img/./about-page-bg.jpg');}
.contact-area {padding: 90px 0; background: #F5F5F5;}
.contact-content {padding-right: 30px}
.contact-icon {text-align: right; margin-bottom: -40px}
.contact-box {padding: 15px;}

.form-d {background-color: #2D3967; border: 15px solid #b6baca; padding: 30px; margin-top: 60px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; margin-bottom: 80px}
.form-d2 {margin-top: 0px; margin-bottom: 0px}
.form-d:hover {-webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0px 15px 15px 0px #edeaea; box-shadow: 0px 15px 15px 0px #edeaea;}
.form-d input[type="text"], textarea {width: 100%; padding: 12px; border: none; margin-top: 0; margin-bottom: 20px; resize: vertical; background: transparent; border-bottom: 1px solid #FFFFFF; -webkit-transition: .5s; transition: .5s; color: #fff;}
.form-d input[type="text"]:focus {padding: 12px 0 12px 15px; outline: none;}
.form-d input[type="email"]:focus {padding: 12px 0 12px 15px; outline: none;}
.form-d textarea:focus {padding: 12px 0 12px 15px; outline: none;}
.form-d input[type="email"] {width: 100%; padding: 12px; border: none; margin-top: 0; margin-bottom: 20px; resize: vertical; background: transparent; border-bottom: 1px solid #FFFFFF; -webkit-transition: .5s; transition: .5s; color: #fff;}
.form-d input[type=submit] {background-color: #ffffff; text-decoration: none; color: #2D3967; text-transform: uppercase; display: inline-block; padding: 15px 0; -webkit-transition: .5s; transition: .5s; font-size: 14px; font-weight: 700; width: 150px; text-align: center; border: 1px solid #ffffff; margin: auto; display: block; margin-top: 20px}
.form-d input[type=submit]:hover {border: 1px solid #ffffff; color: #ffffff; background-color: #2D3967; cursor: pointer}

.footer-area {background-image: url("../images/bg_footer.jpg"); -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 20%, 100% 100%, 100% 100%, 0 100%); position: relative; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover;}
.footer-area::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(45, 57, 103, 0.85);}
.footer-icon {text-align: right; position: absolute; right: 0; bottom: -200px;}

.footer-top {padding: 120px 0 90px 0;}
.single-widget h2 {font-size: 20px; font-weight: 700; text-transform: capitalize;}
.single-widget .border-right {border-right: 2px solid #fff}
.company-logo img {width: 180px}
.about-company p {color: #e5e5e5; font-size: 15.5px; line-height: 26px; margin-top: 20px; margin-bottom: 20px;}
.about-company ul.social li {display: inline-block; margin-right: 10px}
.about-company ul.social li a {display: inline-block; background-color: #fff; color: #2D3967; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; -webkit-transition: .5s; transition: .5s}
.about-company ul.social li a:hover {color: #2D3967}

.quick-links ul li a {color: #e5e5e5; font-size: 15.5px; line-height: 26px}

.our-address p,
.newsletter p {color: #e5e5e5; font-size: 15.5px; line-height: 26px;}
.our-address a {color: #e5e5e5; font-size: 15.5px; line-height: 26px;}
.our-address i {margin-right: 10px; color: #e5e5e5; line-height: 28px;}

.newsletter #newssubmit {width: 100%; background-color: transparent; color: #fff; border: 1px solid #fff; padding: 10px; margin-bottom: 15px; -webkit-transition: .5s; transition: .5s}
.newsletter .subscribe {border: none; background-color: #6B6FFF; color: #fff; padding: 10px 10px; cursor: pointer; -webkit-transition: .5s; transition: .5s}
.newsletter #newssubmit:focus {padding: 10px 0 10px 15px;}
.newsletter .subscribe:hover {background-color: #fff; color: #6B6FFF}

.footer-bottom {background-color: #2D3967; height: 80px}
.footer-bottom p {color: #e5e5e5; line-height: 80px; margin: 0; text-align: center;}
.footer-bottom a {color: #b9b9e6; font-weight: 700}
#hr_award .success-area {padding: 90px 0; background: #F5F5F5;}
#work img, #hr_award img {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);}
.about {height: 65vh; background-image: url('img/./about-page-bg.jpg');}
.success-area {padding: 90px 0;}
.about-p-reduce {padding-top: 0}

.video-content {padding-top: 0}
.video-play-button:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #2D3967; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}
.video-play-button:after {content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #2D3967; border-radius: 50%; -webkit-transition: all 200ms; transition: all 200ms;}
.video-play-button:hover:after {background-color: rgba(45, 57, 103, 0.63);}
.video-play-button img {position: relative; z-index: 3; max-width: 100%; width: auto; height: auto;}
.video-play-button span {display: block; position: relative; z-index: 3; width: 0px; height: 0; border-left: 20px solid #fff; border-top: 14px solid transparent; border-bottom: 13px solid transparent; margin-right: -6px;}

@-webkit-keyframes pulse-border {
    0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
    100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

@keyframes pulse-border {
    0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
    100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

.youtube-video-wrapper {background: url('img/about-video-bg.jpg') top center no-repeat; background-size: initial; padding: 160px 0; position: relative; text-align: center;}
#gallery .youtube-video-wrapper {padding: 100px 0;}
.popup-gallery {display: inline-block; position: relative;}
a:hover, a:focus, a:active, a:visited {text-decoration: none;}
a, a:hover, a:focus {text-decoration: none; outline: 0;}

.our-mission {padding: 90px 0;}
.mission-content {padding-top: 0;}
.mission-content ul {margin-left: 20px;}
.mission-content ul li {list-style: none; list-style-image: url('img/./list.png'); line-height: 28px}
.mission-list {padding-left: 15px; list-style: disc;}

.project {height: 65vh; background-image: url('img/./about-page-bg.jpg');}

.blog-header-area {
	background-image: url(./img/blog/blog-header.jpg); height: 65vh; width: 100%; background-position: 50% 0; background-size: cover; position: relative;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%);
}
.blog-header-area:before {
	content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100vh;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 56, 152, 0.9)), color-stop(rgba(40, 42, 85, 0.8)), to(rgba(21, 27, 51, 0.8)));
	background-image: linear-gradient(to bottom, rgba(53, 56, 152, 0.9), rgba(40, 42, 85, 0.8), rgba(21, 27, 51, 0.8))
}
.blog-area {padding: 90px 0;}

.center {text-align: center;}
.pagination {display: inline-block;}
.category-dlp-insights .pagination {display: flex !important;}

.pagination a,
.pagination span {color: #747474; float: left; text-decoration: none; -webkit-transition: .5s; transition: .5s; border-radius: 25px; margin: 0 2px; border: 1px solid transparent; font-size: 16px; line-height: 40px; width: 40px; height: 40px; text-align: center; padding: 0;}
.pagination span.page-numbers.current {background-color: #2D3967; color: white; border: 1px solid #2D3967;}
.pagination a.active {background-color: #2D3967; color: white; border: 1px solid #2D3967;}
.pagination a:hover:not(.active) {color: #2D3967; border: 1px solid #2D3967;}

.single-blog-header-area {
	background-image: url(./img/blog/blog-header.jpg); height: 65vh; width: 100%; background-position: 50% 0; background-size: cover; position: relative;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%); clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 85%);
}

.single-blog-header-area:before {
	position: absolute; left: 0; top: 0; width: 100%; height: 100vh;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 56, 152, 0.9)), color-stop(rgba(40, 42, 85, 0.8)), to(rgba(21, 27, 51, 0.8)));
	background-image: linear-gradient(to bottom, rgba(53, 56, 152, 0.9), rgba(40, 42, 85, 0.8), rgba(21, 27, 51, 0.8))
}
.single-blog-area {-webkit-transition: .5s; transition: .5s; background-color: #fff; position: relative; overflow: hidden; padding: 30px; bottom: 150px; text-align: left;}
.single-blog-area p {font-size: 15.5px; line-height: 28px}
.single-blog-title {padding: 25px 0; font-size: 30px}
.single-blog-content img {padding: 15px 0;}

.sidebar-title p {text-transform: capitalize; font-size: 19px; margin-bottom: 0}
.sidebar-title span {display: block; margin-bottom: 15px; font-size: 15px}
.form-control:focus {-webkit-box-shadow: 0 0 0 .2rem transparent; box-shadow: 0 0 0 .2rem transparent;}

.input-group-text {background-color: #2D3967; color: #fff; cursor: pointer}
.sidebar-block ol {margin-top: 10px}
.sidebar-block ol li {margin-bottom: 5px;}
.sidebar-block {border-bottom: 2px solid #2D3967; padding: 25px 0;}
.sidebar-block ol li a {color: #212121; font-size: 15px; text-transform: capitalize;}
.sidebar-block ol li a:hover {color: #2D3967;}
.sidebar-block ol li:last-child {margin-bottom: 0px;}
.latest-post {border-bottom: 2px solid #2D3967; padding: 25px 0;}
.latest-post ol {margin-top: 10px; margin-bottom: 0}
.latest-post ol li a {color: #212121; font-size: 15px;}
.latest-post ol li a:hover {color: #2D3967;}
.latest-post ol li a:last-child {margin: 0px;}
.latest-post ol li .rpost-img {float: left; margin-right: 15px; width: 75px; height: 75px}
.latest-post ol li h5 {line-height: 22px; margin-bottom: 3px; font-size: 15px}
.latest-post ol li {clear: both; padding: 3px 0px;}
.latest-post p.text-muted {font-size: 12px; line-height: 1; margin-bottom: 10px;}

.top-header {padding: 25px 0;}

.related-post-title {padding: 10px 0;}

.form-control:focus {color: #495057; border-color: #D4D4FF; outline: 0; -webkit-box-shadow: 0 0 0 .2rem transparent; box-shadow: 0 0 0 .2rem transparent;}
.form-control {border-radius: 0; border-color: #D4D4FF;}

.contact-section {padding: 90px 0; background-image: url('img/./contact-form-bg.png'); background-repeat: repeat; background-position: center; background-size: cover}
.mg-bottom-0 {margin-bottom: 0 !important;}
.primary-contact .address {margin: 20px 0 15px;}
.primary-contact .website {margin-bottom: 40px;}

.contact-form .input {width: 100%; border: none; -webkit-box-shadow: 1px 1px 10px 0px rgba(90, 144, 227, 0.2); box-shadow: 1px 1px 10px 0px rgba(90, 144, 227, 0.2); padding-left: 18px;}
.contact-form .name-email {height: 45px;}
.contact-form .help-block.with-errors {position: absolute; top: 100%; left: 0;}
.contact-form .form-group {margin-bottom: 35px;}
.contact-form .message {padding-top: 30px; resize: none;}
.modal-content {margin-top: 30%; padding-right: 0}
.form-c {margin: 0; background-color: #fff; border: 10px solid #b6baca;}
.contact-us-heading h2 {font-weight: 900; font-size: 25px; letter-spacing: 1px; text-transform: uppercase; color: #2D3967; margin-top: 10px}
.form-c input[type="submit"] {display: inline-block; background-color: #2D3967; color: #ffffff; border: 1px solid #2D3967;}
.form-c input[type="text"],
.form-c textarea {margin-top: 0; margin-bottom: 20px; color: #2D3967; border-bottom: 2px solid #2D3967;}
.form-c input[type="email"] {color: #2D3967; border-bottom: 2px solid #2D3967;}