/*
Theme Name: social_lexicon
Text Domain: social_lexicon
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Cis Team
Author URI: http://sociallexicon/
Theme URI: https://kr.cisinlive.com/sociallexicon/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; text-decoration: none; }
input:focus { outline-offset: inherit; outline: -webkit-focus-ring-color auto 0px; outline: none; }
:focus { outline: -webkit-focus-ring-color auto 1px; }
img { max-width: 100%; border: 0px; height: auto; width: auto\9; /* ie8 */ }
button:focus { outline: none; outline: 0px auto -webkit-focus-ring-color; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { margin: 0px; padding: 0px; color: #000; font-family: 'Proxima Nova Regular', sans-serif; font-size: 18px; background: #fff; font-weight: 300; line-height: 20px; }
h1 { font-size: 59px; font-weight: normal; line-height: 60px; margin-bottom: 18px; }
h2 { font-size: 29px; font-weight: 300; margin-bottom: 17px; }
h3 { font-size: 35px; color: #000; margin-bottom: 15px; line-height: 44px; font-family: 'Proxima Nova Semibold'; }
h4 { font-size: 22px; font-weight: normal; line-height: 30px; margin-bottom: 20px; font-family: 'Proxima Nova Semibold'; }
h5 { font-size: 13px; font-weight: bold; }
p { font-size: 16px; color: #888888; line-height: 26px; margin-bottom: 20px; }
b, strong { font-weight: 700; }
a, button { -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; text-decoration: none; cursor: pointer; }
a { color: #9CB227; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:hover, button:hover { text-decoration: none; color: #9CB227; }
button.mobile-menu { display: none; }
.header { padding: 10px 40px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; }
.header.fixed { background: rgba(0,0,0,0.8); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header-row div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.home-video-caps .head-border { margin-left: 0; }
.container { max-width: 1230px; width: 100%; position: relative; }
.header .logo { max-width: 210px; width: 100%; padding: 10px 0; }
.menu { padding: 20px 0; position: relative; }
.menu nav ul { margin: 0 -10px; text-align: center; }
.menu nav ul li { display: inline-block; text-align: left; margin: 0 5px; }
.menu li ul { display: none; position: absolute; background: #fff; padding: 0; margin-left: 10px; min-width: 200px; box-shadow: 0 0 8px rgba(0,0,0,0.2) }
.menu li.sub-open ul li { display: block; margin: 0; position: relative; }
.menu li.sub-open ul li a { padding: 7px 15px; font-size: 15px; color: #333; }
span.menu_arrow { display: none; }
.menu nav ul li a { display: block; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 1px; padding: 10px 10px; position: relative; }
.header .menu nav { }
.menu nav ul li a:hover, .menu nav ul li a.active { color: #F59331; }
.header .right-nav { max-width: 355px; width: 100%; text-align: right; padding-top: 20px; }
.right-nav li { display: inline-block; margin-left: 7px; }
.right-nav li i { vertical-align: middle; margin-right: 3px; }
.right-nav li a { color: #fff; letter-spacing: 1px; }
.right-nav li a:hover { color: #F59331; }
.right-nav .custom-btn { margin: 0; min-width: 165px; padding: 8px 20px; color: #fff; border-color: #fff; }
.right-nav .custom-btn:hover { color: #fff; }
.right-nav a.join-btn { padding: 12px 30px; min-width: 200px; border-radius: 4px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 5px; text-align: center; border: 1px solid #fff; }
ul.right-nav a.join-btn:hover { border: 1px solid #F59331; background: rgb(254,1,76); /* Old browsers */ background: -moz-linear-gradient(left, rgba(254,1,76,1) 0%, rgba(128,0,143,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(254,1,76,1) 0%, rgba(128,0,143,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(254,1,76,1) 0%, rgba(128,0,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe014c', endColorstr='#80008f', GradientType=1 ); /* IE6-9 */
color: #fff; }
.menu nav > ul > li > a:after { content: ""; position: absolute; background: #F59331; height: 3px; left: 50%; right: 50%; bottom: 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.menu nav > ul > li:hover > a:after { left: 10px; right: 10px; }
.menu li.sub-open ul li a:hover { padding-left: 17px; padding-right: 13px; }
.video-images img { width: 100%; display: block; height: calc(100vh - 250px); object-fit: cover; min-height: 725px; }
.content { padding: 50px 0 0; overflow-x: hidden; }
.custom-btn { display: inline-block; padding: 8px 43px; text-transform: uppercase; color: #000; letter-spacing: 5px; font-size: 15px; border: 1px solid #F59331; font-family: 'Proxima Nova Semibold'; min-width: 200px; line-height: 27px; border-radius: 6px; text-align: center; position: relative; background: none; margin-right: 15px; }
.custom-btn:hover { color: #fff; border-color: transparent; z-index: 1; }
.home-video { position: relative; }
.home-video:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8); }
.home-video-caps { width: 920px; position: absolute; top: 50%; margin-left: -456px; left: 50%; margin-top: -155px; text-align: center; }
.home-video-caps h2 { font-size: 70px; color: #fff; margin-bottom: 20px; }
.home-video-caps h2 span { font-family: 'Proxima Nova Bold'; color: #9CB227; }
.home-video-caps p { font-size: 22px; color: #fff; font-family: 'Proxima Nova light'; max-width: 700px; margin: 0 auto 27px; line-height: 36px; }
.home-video .custom-btn { margin: 0 13px; border: 1px solid #fff; color: #fff; }
.home-video .custom-btn:hover { border: 1px solid #F59331; color: #fff; }
.head-border { display: inline-block; background: #9CB227; position: relative; height: 2px; width: 62px; margin-bottom: 27px; margin-left: 20px; }
.head-border:after { background: #9CB227; width: 14px; height: 2px; content: ""; position: absolute; left: -20px; top: 0; }
.head-border:before { background: #9CB227; width: 14px; height: 2px; content: ""; position: absolute; right: -20px; top: 0; }
/*----------------------------------------footer-----------------------------*/
.footer { padding-top: 43px; background: #000; }
.footer-text { max-width: 300px; }
.footer-logo { max-width: 190px; margin-bottom: 13px; }
.footer-nav { display: inline-block; vertical-align: top; width: 32%; }
.footer-nav li { display: block; }
.footer-nav li a { color: #C2C2C2; letter-spacing: 0.5px; line-height: 38px; display: block; font-size: 16px; font-weight: 400; }
.footer-nav li a:hover { color: #F59331; padding-left: 5px; }
.footer-top h4 { color: #fff; font-size: 18px; font-family: 'Proxima Nova Semibold'; margin-bottom: 15px; }
.social-nav li { display: inline-block; margin-right: 13px; }
.social-nav li a { font-size: 22px; color: #C2C2C2; background: #000; line-height: 22px; padding: 3px; display: block; border-radius: 100%; text-align: center; }
.social-nav { padding-top: 10px; }
.footer p { margin-right: 45px; font-size: 16px; color: #C2C2C2; line-height: 26px; }
.footer-bottom { padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.social-nav li a:hover { color: #F59331; }
.footer-top { padding-bottom: 27px; }
ul.footer-nav-right { margin: 0; text-align: right; }
ul.footer-nav-right li { display: inline-block; margin-left: 20px; }
ul.footer-nav-right li a { font-size: 15px; color: #C2C2C2; display: block; padding: 6px 0; }
ul.footer-nav-right li a:hover { color: #F59331; }
.footer-bottom p { margin: 0; }
 @media(min-width:1170px) {
.slider-caps a:before, .custom-btn:before, .feed-caps .custom-btn:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; display: block; border-radius: 4px; z-index: -1; background-color: #000; -webkit-transform: scaleY(.3); transform: scaleY(.3); opacity: 0; transition: all .3s }
.slider-caps a:hover:before, .custom-btn:hover:before, .feed-caps .custom-btn:hover:before { opacity: 1; background: #F59331; -webkit-transform: scaleY(1); transform: scaleY(1); transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s; transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity }
.fill-btn { background: #f05a23; border-color: #f05a23 !important; color: #fff; }
.fill-btn:hover { background: #F87F06; border-color: #F87F06; }
.slider-caps a:hover:before, .fill-btn:hover:before, .feed-caps .fill-btn:hover:before { opacity: 1; background: #F87F06; -webkit-transform: scaleY(1); transform: scaleY(1); transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s; transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity }
}
 @media(min-width:992px) {
.menu nav { display: block !important; }
.menu li.sub-open ul li .menu_arrow { display: block; position: absolute; right: 5px; top: 0; padding: 7px 6px; color: #333; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.menu li.sub-open ul li:hover > a, .menu li.sub-open ul li:hover > .menu_arrow { background: #F59331; color: #fff; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.menu li.sub-open ul li:hover ul { display: block; white-space: nowrap; }
.menu li.sub-open:hover ul { display: block; }
.menu li.sub-open:hover ul ul { left: 100%; margin: 0; top: 0; display: none; }
}
.serve h4 { font-size: 20px; font-family: 'Proxima Nova Semibold'; margin: 10px; color: #333; }
.serve { text-align: center; }
.serve h3 { letter-spacing: 5px; position: relative; top: -65px; z-index: 9; margin: 0 0 0; color: #fff; font-size: 20px; font-family: 'Proxima Nova Semibold'; }
.serve { background: #F5F5F5; padding-bottom: 15px; }
.serve-box:before { content: ""; position: absolute; width: 1px; top: -43px; bottom: -15px; border-left: 1px dashed #cccaca; left: 0; }
.serve-box:first-child:before { border: none; }
.client-carousel .owl-item img { max-width: 260px; margin: 0 auto; }
.tools-technologies { max-width: 1560px; margin-left: auto; margin-right: 0; padding-top: 50px; padding-bottom: 100px; }
h3 span { font-family: 'Proxima Nova Bold'; color: #9CB227; }
.tools-image img { right: -60px; position: relative; }
.tools-list { margin: 0 -22px; padding: 10px 0 20px; }
.business { background: url(images/bussines.jpg) no-repeat center center; background-size: cover; position: absolute; height: 515px; left: 0; top: 0; width: 100%; }
.business:before { position: absolute; content: ""; background: rgba(0,0,0,0.7); width: 100%; height: 100%; left: 0; top: 0; }
.business-tool h3 { color: #fff; }
.business-tool p { color: #fff; font-size: 22px; line-height: 36px; max-width: 750px; margin: 0 auto 25px; }
.business-tool .container { position: relative; }
.business-tool { background: #F5F5F5; text-align: center; padding: 100px 0 180px; position: relative; overflow: hidden; }
.business-tool:before { content: ""; background: #fff; width: 120%; height: 200px; left: -10%; bottom: -11%; transform: rotate(3deg); position: absolute; }
.business-box a { background: #fff; display: block; padding: 55px 25px; box-shadow: 0px 10px 10px rgba(0,0,0,0.03); margin: 15px 15px 25px; }
span.ui-icon { display: inline-block; background: url(images/ux-design.png) no-repeat center center #9CB227; width: 70px; height: 70px; border-radius: 100%; box-shadow: 0 3px 10px rgba(156, 178, 39, 0.5); margin-bottom: 20px; }
span.web-icon { display: inline-block; background: url(images/web1.png) no-repeat center center #9CB227; width: 70px; height: 70px; border-radius: 100%; box-shadow: 0 3px 10px rgba(156, 178, 39, 0.5); margin-bottom: 20px; }
span.seo-icon { display: inline-block; background: url(images/surface1.png) no-repeat center center #9CB227; width: 70px; height: 70px; border-radius: 100%; box-shadow: 0 3px 10px rgba(156, 178, 39, 0.5); margin-bottom: 20px; }
.business-box h4 { font-size: 24px; color: #000; font-family: 'Proxima Nova Semibold'; }
.business-box p { font-size: 16px; color: #888888; line-height: 26px; }
.business-box a:hover { background: #9CB227; }
.business-box a:hover span.web-icon { background: url(images/web.png) no-repeat center center #fff; box-shadow: 0 3px 10px rgba(255,255, 255, 0.5); }
.business-box a:hover span.seo-icon { background: url(images/surface.png) no-repeat center center #fff; box-shadow: 0 3px 10px rgba(255,255, 255, 0.5); }
.business-box a:hover span.ui-icon { background: url(images/ux-design1.png) no-repeat center center #fff; box-shadow: 0 3px 10px rgba(255,255, 255, 0.5); }
.business-box a:hover h4, .business-box a:hover p { color: #fff; }
.solution-icon { width: 100px; height: 80px; background: #FFB74D; display: block; margin: 0 auto 20px; padding: 20px; border-radius: 6px; }
.sulution ul { margin: 0 0 50px; }
.sulution li a { color: #434343; font-size: 22px; font-family: 'Proxima Nova Semibold'; line-height: 30px; }
.sulution li { display: inline-block; width: 15%; padding: 0 10px; vertical-align: top; }
.sulution { padding-top: 50px; text-align: center; }
.your-business { z-index: 1; background: url(images/your-business.jpg) no-repeat left bottom; padding: 50px 0 80px; position: relative; text-align: center; }
.business-col { float: right; width: 650px; margin: 0 -15px; }
.business-col:after, .your-business:after { display: block; content: ""; clear: both; }
.business-col-left { float: left; width: 50%; padding: 35px 15px; }
.business-col-right { float: left; width: 50%; padding: 70px 15px 30px; }
.business-col-in { background: #fff; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.08); margin: 0 0 25px; }
.business-col-in a { display: block; padding: 40px 15px 20px; }
.business-col-in h4 { font-size: 26px; margin-bottom: 13px; color: #000; }
.your-business p { font-size: 22px; max-width: 750px; margin: 0 auto; line-height: 36px; }
.business-col-in p { font-size: 16px; line-height: 26px; }
.business-col-icon { width: 70px; height: 70px; display: inline-block; border-radius: 100%; margin: 0 0 25px; box-shadow: 0 3px 10px rgba(245, 147, 49, 0.5); }
span.number { position: absolute; left: 20px; bottom: 0; font-size: 230px; line-height: 225px; color: rgba(0,0,0,0.03); }
.AR { background: url(images/sulution-icon1.png) no-repeat center center #F59331; }
.chain { background: url(images/sulution-icon2.png) no-repeat center center #F59331; }
.BI { background: url(images/sulution-icon3.png) no-repeat center center #F59331; }
.big { background: url(images/sulution-icon4.png) no-repeat center center #F59331; }
.business-col-in a:hover { background: #F59331; }
.business-col-in a:hover .AR { background: url(images/sulution-icon11.png) no-repeat center center #fff; }
.business-col-in a:hover .chain { background: url(images/sulution-icon21.png) no-repeat center center #fff; }
.business-col-in a:hover .BI { background: url(images/sulution-icon31.png) no-repeat center center #fff; }
.business-col-in a:hover .big { background: url(images/sulution-icon41.png) no-repeat center center #fff; }
.business-col-in a:hover p, .business-col-in a:hover h4 { color: #fff; }
.mobile { background: #03CEA4; }
.open-source { background: #D46DF1; }
.java { background: #5ED864; }
.digital { background: #FF8D98; }
.client-say { background: #F5F5F5; padding: 100px 0 70px; text-align: center; position: relative; }
.client-say:before { content: ""; background: #fff; width: 120%; height: 165px; left: -10%; top: -24%; transform: rotate(3deg); position: absolute; }
.client-image { width: 53px; height: 53px; overflow: hidden; border-radius: 100%; float: left; margin-right: 20px; }
.client-say-box { background: #fff; padding: 30px; text-align: left; margin: 15px 0; box-shadow: 0 0 7px rgba(0,0,0,0.03); }
.client-name h4 { margin: 0; }
.client-name p { margin: 0; line-height: 22px; font-size: 14px; }
.client-name { min-height: 70px; }
p.star-rate { margin: 0 0 15px; }
.tools-technologies p { font-size: 18px; line-height: 30px; }
.client-say-carousel { margin: 0 0 50px; }
.owl-next { background: #fff; position: absolute; right: -75px; top: 50%; width: 50px; height: 50px; border-radius: 50px; color: #666; font-size: 37px; line-height: 50px; text-align: center; padding-left: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: -25px; padding-top: 4px;}
.owl-prev { background: #fff; position: absolute; left: -75px; top: 50%; width: 50px; height: 50px; border-radius: 50px; color: #666; font-size: 37px; line-height: 50px; text-align: center; padding-right: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: -25px; padding-top: 4px;}
.owl-prev:hover, .owl-next:hover { color: #fff; background: #F59331; }
/*-----------------------------about-us------------------*/
.banner { min-height: 600px; background-repeat: no-repeat; background-position: center top; position: relative; background-size: cover; }
.banner .home-video-caps { margin-top: -80px; }
.we-are-con { height: 100%; box-shadow: -8px 0 15px rgba(0,0,0,0.08); padding: 22px 30px; }
.out-approach { background: url(images/about-bg.jpg) no-repeat center top; background-size: cover; min-height: 950px; text-align: center; position: relative; padding: 105px 0 }
.out-approach:before { content: ""; position: absolute; background: rgba(0,0,0,0.8); width: 100%; height: 100%; left: 0; top: 0; }
.approach-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 720px; margin: 0 auto; position: relative; border: 1px solid rgba(255,255,255,0.3); }
.approach-box-col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; padding: 35px 15px; }
.approach-box:before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,0.3); left: 15px; top: 15px; }
.approach-box-col:first-child { border-right: 1px solid rgba(255,255,255,0.3); }
.out-approach h3, .out-approach h4, .out-approach p, .out-approach a { color: #fff; }
.out-approach p { font-size: 22px; max-width: 550px; margin: 0 auto 50px; }
.approach-box-col ul { margin: 0; }
.approach-box-col ul li { display: block; }
.approach-box-col ul li a { font-size: 16px; line-height: 40px; }
.out-approach h4 { padding-top: 15px; position: relative; font-size: 30px; margin: 0 65px 30px; line-height: 40px; }
.out-approach h4:after { background: #9CB227; content: ""; position: absolute; width: 30px; height: 3px; left: 50%; bottom: -15px; margin-left: -15px; }
.approach-box-col:first-child:before { content: ""; position: absolute; background: #F59331; width: 70px; height: 15px; right: -35px; top: 75px; }
.we-are { margin: 30px 0 80px; }
.experts-in { padding: 80px 0; text-align: center; }
.about-con { text-align: left; padding-left: 50px; }
.about-col:nth-child(3n+1) .about-con { padding-left: 0; padding-right: 50px; }
.about-row { margin: 0 -15px; }
.about-col { float: left; width: 50%; padding: 15px; min-height: 450px; }
.about-row:after { content: ""; display: block; clear: both; }
.experts-in p { font-size: 22px; max-width: 550px; margin: 0 auto 30px; }
.about-con p { font-size: 18px; margin: 0 0 20px; }
.about-con h4 { font-size: 26px; }
.about-con h5 { color: #9CB227; font-size: 22px; }
.about-con ul li { display: block; }
.about-con ul li a { font-size: 18px; color: #888888; line-height: 36px; display: inline-block; padding: 4px 0; }
.about-con ul { position: relative; padding-left: 20px; }
.about-con ul:before { content: ""; position: absolute; width: 1px; left: 0; top: 15px; bottom: 10px; background: #ccc; }
.about-image { position: relative; }
.about-image:before { content: ""; position: absolute; width: 20px; height: 100%; background: #9CB227; left: -20px; top: 10px; }
.about-image:after { content: ""; position: absolute; width: 100%; height: 10px; background: #9CB227; left: -10px; bottom: -10px; }
.about-col:nth-child(3n+3) { float: right; }
.about-col:nth-child(3n+1) { float: left; }
.about-col:nth-child(3n+3) .about-image:before { background: #F59331; left: auto; top: 10px; right: -20px; }
.about-col:nth-child(3n+3) .about-image:after { background: #F59331; left: 10px; }
.about-col:nth-child(3n+1) h5 { color: #F59331; }
.about-row { margin: 0 -15px 20px; }
.technology-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 45px; }
.technology-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 15px;
    display: flex;
}
.use-technology { background: #f4f4f4; padding: 80px 0; text-align: center; }
.technology-list li a {
    background: #fff;
padding: 15px 0;
min-height: 140px;
display: flex !important;
width: 100%;
align-items: center;
justify-content: center;
position: static;
}
.technology-list li a img 
{ 
	-ms-transform: none;
	-webkit-transform: none;
	
	position: relative;
	top: 50%;
	filter: grayscale(1);
	transition: all 0.3s;
	opacity: 0.5; 
}
.technology-list li a:hover img {filter: none; opacity: 1;}
.use-technology p { font-size: 22px; max-width: 550px; line-height: 36px; margin: 0 auto 30px; }
p.star-rate a { color: #EFCE4A; }
.tech-icon { max-width: 65px; margin: 0 auto; }
.tech-icon { max-width: 56px; margin: 0 auto 10px; }
.capabilities-list-box { text-align: center; padding: 20px 15px; }
.capabilities-list-box span { font-size: 20px; color: #000; line-height: 26px; font-family: 'Proxima Nova Semibold'; }
.capabilities-list { background: #f5f5f5; padding: 7px; }
.capabilities-list { background: #f5f5f5; padding: 7px 15px; }
.capabilities-list .owl-next { right: -15px; width: 35px; top: -7px; margin: 0; background: #000; border-radius: 0; bottom: -7px; height: auto; }
.capabilities-list .owl-prev { left: -15px; width: 35px; top: -7px; margin: 0; background: #000; border-radius: 0; bottom: -7px; height: auto; }
.disabled { display: none; }
.capabilities-list .owl-next i { position: absolute; left: 12px; top: 50%; margin-top: -20px; color: #666; }
.capabilities-list .owl-prev i { position: absolute; left: 8px; top: 50%; margin-top: -20px; color: #666; }
.capabilities-list .owl-next:hover i, .capabilities-list .owl-prev:hover i { color: #fff; }
/*.business-image-in { background: url(mages/round-border.png) no-repeat -100px center; max-width: 980px; height: 829px; position: relative; left: 0px; width: 850px; padding-top: 40px; background-size: 75% auto; }*/
/*.business-image-in img { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; top: 50%; }*/
.improve-business-row {/* max-width: 1560px; margin: 0 auto;*/ overflow: hidden;   padding: 50px 0;}
.improve-business-col { width: 50%; float: left; }
.improve-business-row:after { content: ""; display: block; clear: both; }
/*.improve-business-row:nth-child(odd) { margin-right: 0; margin-left: auto; }*/
.improve-business-row:nth-child(odd) .business-image { float: right; }
.business-con { padding-left: 130px; padding-top: 100px; padding-right: 85px; }
/*.improve-business-row:nth-child(odd) .business-image-in { left: auto; background-position: 175px center; right: 15px; }
.improve-business-row:nth-child(odd) .business-con { padding-left: 130px; padding-right: 80px; }*/
.improve-business { text-align: center; }
.improve-business h3 { margin-bottom: 25px; }
.improve-business p { font-size: 22px; }
.improve-business { text-align: center; margin-bottom: 70px; }
.improve-business p { font-size: 22px; max-width: 750px; margin: 0 auto 20px; }
.business-con h4, .business-con p { margin-bottom: 35px; }
.our-promise { background: url(images/our-promise-bg.jpg) no-repeat center top; background-size: 100%; position: relative; padding: 60px 0; text-align: center; }
.our-promise:before { content: ""; display: block; position: absolute; background: rgba(255,255,255,0.9); width: 100%; height: 100%; left: 0; top: 0; }
.our-promise .container { position: relative; }
ul.promise-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 29px 0; margin-bottom: 0; }
ul.promise-list li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 12px; list-style: none;		}
ul.promise-list li a { background: #fff; display: block; height: 100%; padding: 15px 25px; box-shadow: 0 0 12px rgba(0,0,0,0.1); }
.promise-icon { display: block; }
.promise-title { font-size: 24px; color: #000; margin: 0 0 25px; display: block; }
ul.promise-list li a:hover { background: #F59331; }
ul.promise-list li a:hover .promise-title, ul.promise-list li a:hover p { color: #fff; }
ul.promise-list li a:hover { background: rgba(245, 147, 49,0.7); }
.our-promise p { font-size: 22px; max-width: 750px; margin: 0 auto 20px; }
ul.promise-list li a p { font-size: 16px; }
.improve-business-list { padding-bottom: 100px; max-width: 1560px; margin: 0 auto; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); position: relative; padding-top: 60px; }
.port-detail .improve-business-row:nth-child(even) .business-image { float: right; }
.port-detail .improve-business-row:nth-child(even) .business-con { padding-left: 130px; padding-right: 80px; }
.port-detail .improve-business-row:nth-child(odd) .business-image-in { left: -160px; background-position: -100px center; right: 15px; }
.port-detail .improve-business-row:nth-child(odd) .business-image { width: 50%; float: left; }
.port-detail .improve-business-row:nth-child(odd) .business-con { padding-left: 130px; padding-top: 100px; padding-right: 85px; }
/*.port-detail .improve-business-row:nth-child(even) .business-image-in { left: auto; background-position: 175px center; right: 15px; }*/
.filters-button-group { background: #9CB227; text-align: center; max-width: 1230px; margin: 0 auto 70px; padding-top: 15px; }
.filters-button-group .nav-link { display: inline-block; background: none; border: none; font-size: 20px; color: #fff; font-family: 'Proxima Nova Semibold'; padding: 15px 25px 10px; }
.filters-button-group .nav-link.is-checked { background: #fff; color: #9CB227; }
p.pro-year { margin: 0; font-size: 22px; line-height: 36px; }
.port-detail .serve-box:before { top: 0px; }
.business-con h5 { font-size: 20px; color: #F59331; margin-bottom: 15px; }
.port-detail h4 { font-size: 22px; margin: 5px; }
.port-detail p { font-size: 18px; margin: 0; }
.port-detail .serve-box { padding: 20px 15px; }
.business-light { background: #f5f5f5; margin: 50px 0; padding: 50px 0 50px; position: relative; }
.business-light .business-image {
/*    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); */
	text-align:center;
}
/*
.business-light .business-con { position: absolute; left: 0; width: 50%; }*/
/*.business-light .business-image .business-image-in { background: none; padding-top: 0; right: 150px; max-width: 1300px; width: 1300px; height: 625px; }*/
.port-bg { background: #f5f5f5; text-align: center; padding: 70px 0; position: relative; }
.port-bg p { font-size: 22px; max-width: 730px; margin: 0 auto 25px; }
.port-bg p.port-post { font-size: 16px; }
.port-bg h4 { margin: 0; }
.port-bg-green { background: #9CB227; padding: 68px 0; }
.port-bg-green h3 { color: #fff; margin-bottom: 0; margin-right: 350px; }
.port-bg-green .download { position: absolute; background: #fff; font-size: 15px; letter-spacing: 5px; padding: 12px 60px; border-radius: 6px; right: 15px; top: 50%; margin-top: -22px; }
.contact-form { max-width: 830px; margin: 0 auto 50px; }
.contact-icon { display: block; background: #9CB227; width: 64px; text-align: center; height: 64px; padding: 12px; border-radius: 100%; margin: 0 auto 20px; box-shadow: 0 0 0 4px rgba(156, 178, 39, 0.3); }
.contact-option p { text-align: center; font-size: 18px; color: #333; font-family: 'Proxima Nova Semibold'; margin: 0 45px; }
.contact-option { border: 1px solid #E2E2E2; border-radius: 6px; padding: 25px 35px; height: 100%; }
.contact-form { max-width: 830px; margin: 0 auto; padding: 70px 0; }
.form-feild input[type="text"], .form-feild textarea, .form-feild input[type="url"], .form-feild input[type="email"], .form-feild input[type="tel"] { background: #F1F1F1; width: 100%; border: none; font-size: 15px; color: #333; padding: 15px 20px; border-radius: 6px; min-height: 50px; }
.form-feild { margin-bottom: 30px; position: relative; }
.form-feild .custom-btn { margin: 0 auto; display: block; }
.form-feild textarea { height: 90px; }
.port-detail .pro-year { color: #333; font-size: 30px; line-height: 44px; }
.not-active {pointer-events: none; cursor: default; text-decoration: none;  color: black;}
.screen-reader-response {display: none;}
.wpcf7-response-output{margin-bottom: 20px;}
.wpcf7-not-valid-tip, .wpcf7-validation-errors{color: red;}

/*------------------------------seo------------------------*/
.seo-bg { position: relative; }
/*.seo-bg:before { content: ""; position: absolute; background: rgba(0,0,0,0.8); width: 100%; height: 100%; left: 0; top: 0; }*/
.seo-caps { /*position: absolute; top: 50%; width: 70%; left: 15%;*/ text-align: center; /*transform: translate(0, -50%);*/ padding: 0 20px;}
.seo-caps p { font-size: 30px; color: #000; line-height: 46px; }
.seo-caps p a { font-weight: 700; }
.seo-images img { width: 100%; height: 100vh; object-fit: cover; }
/* ===== Select Box ===== */
.sel { font-size: 18px; display: inline-block; margin: 0; width: 350px; position: relative; cursor: pointer; background: #fff; padding: 10px 0; border-radius: 6px; }
.sel::before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; font-size: 30px; right: 0; color: #666; top: 5px; bottom: 5px; padding: 0 15px 0 12px; border-left: 1px solid #ccc; line-height: 38px; }
.sel.active::before { transform: rotateX(-180deg); }
.sel__placeholder { display: block; font-size: 18px; color: #000; padding: 4px 15px; text-align: left; pointer-events: none; user-select: none; visibility: visible; }
/*.sel.active .sel__placeholder {
  visibility: hidden;
}*/

.sel__placeholder::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0.2em 0.5em; content: attr(data-placeholder); visibility: hidden; }
/*.sel.active .sel__placeholder::before {
  visibility: visible;
}*/

.sel__box { position: absolute;  top: calc(100% + -4px);
left: 0; display: none; list-style-type: none; text-align: left; background-color: #FFF; width: 100%; box-sizing: border-box; border-top: 1px solid #ccc; border-radius: 0 0 6px 6px; padding: 10px 0; height: 225px; overflow: auto; }
.sel.active .sel__box { display: block; animation: fadeInUp 500ms; }
.sel__box__options { display: list-item; font-size: 18px; color: #000; padding: 7px 15px; user-select: none; }
.sel__box__options::after { content: '\f00c'; font-family: 'FontAwesome'; font-size: 0.5em; margin-left: 5px; display: none; }
.sel__box__options.selected::after { display: inline; }
.sel__box__options:hover { background-color: #ebedef; }
/* ----- Select Box Black Panther ----- */

.sel--black-panther { z-index: 3; }
/* ----- Select Box Superman ----- */
.sel--superman { /*   display: none; */
z-index: 2; }

/* ===== Keyframes ===== */
@keyframes fadeInUp {  from {
 opacity: 0;
 transform: translate3d(0, 20px, 0);
}
to { opacity: 1; transform: none; }
}
 @keyframes fadeOut {  from {
 opacity: 1;
}
to { opacity: 0; }
}
.seo-btn-group a { color: #999; font-size: 20px; display: inline-block; margin: 10px; }
.seo-btn-group a:hover { color: #fff; }
.seo-btn-group a i { font-size: 30px; vertical-align: middle; line-height: 20px; margin: 0 5px; position: relative; top: -3px; }
.seo-btn-group { position: absolute; left: 0; width: 100%; text-align: center; bottom: 15px; right: 0; }
.seo-feild input[type="text"] { background: #fff; width: 350px; font-size: 18px; padding: 10px 15px; border: none; border-radius: 6px; height: 50px; }
.seo-feild p { font-size: 24px; margin-bottom: 5px; }
.seo-feild { margin-bottom: 5px; }
/*-----------------------------seo form------------------------*/
.gradeform .field_value { display: inline-block; vertical-align: middle; padding-right: 20px; }
.gradeform .icon-input { display: inline-block; vertical-align: text-bottom; position: relative; }
.field_value .static-label { margin: 0; font-size: 20px; color: #000;}
.validation_message.error { position: absolute; left: 100%; top: 8px; color: #F59331; white-space: nowrap; font-size: 14px; padding-left: 20px; }
.gradeform .icon-input .form-control { background: none; color: #000; border: none; border-bottom: 1px solid #000; border-radius: 0; font-size: 18px; padding: 5px 0; }
.gradeform .icon-input select { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; }
.select-down { color: #000; font-size: 24px; position: absolute; right: 6px; top: 6px; pointer-events: none; }
.gradeform .icon-input .form-control option { color: #000; padding: 3px 5px; }
.field-selected { display: inline-block; padding-left: 20px; }
.field-selected .field_value_inner { color: #9CB227; }
.step-2 .select-down { display: none; }
.btn-info { background: none !important; border: none !important; color: #999; font-size: 20px; font-family: 'Proxima Nova Regular', sans-serif; margin: 25px 0; }
.btn-info.disabled, .btn-info:disabled { background: none !important; border: none !important; color: #999; }
.btn-info:hover { color: #000!important; }
.btn-info.focus, .btn-info:focus { box-shadow: none; }
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: none; }
.form-control:focus { color: #495057; background-color: none; border-color: #80bdff; outline: 0; box-shadow: none; }
.grade-btn { background: #f05a23; font-size: 16px; color: #fff; letter-spacing: 2px; padding: 10px 20px; font-weight: 600; text-transform: uppercase; }
.grade-btn:hover { background: #fb7f03; color: #fff; }
.btn.focus, .btn:focus { outline: 0; box-shadow: none; }
#SEO-modal .modal-dialog {
    max-width: 1000px;
    width: 80%;
}
#SEO-modal .modal-content {
    background-color: #fff; border-radius: 10px;
}
#SEO-modal .modal-header .close {
    padding: 0 15px;
    text-shadow: none;
    color: #000;
    opacity: 1;
    font-size: 50px;
}
#SEO-modal .modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.modal-backdrop.show {
    opacity: .7;
}

.seo-modal-btn {
    color: #fff;
	background: #92a628;
	position: fixed;
	font-size: 40px;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
	border-radius: 50%;
	z-index: 9;
}
.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#challenge{ padding: 1px 7px; }

/*.header-row .logo a:last-child {
    display: none;
}
.header.fixed .logo a:first-child {
    display: none;
}
.header.fixed .logo a:last-child {
    display: block;
}*/
.header.fixed .logo {
    max-width: 215px;
    width: 100%;
    padding: 0;
}
.serve-box img{	filter: grayscale(1); transition: all 0.3s;	opacity: 0.5;}
.serve-box a{ cursor: default;}
.approach-box-col ul li a{pointer-events: none; cursor: default;}
.technology-list li a{cursor: default;}
.about-con ul li a{pointer-events: none; cursor: default;}

.serve-box img:hover {filter: none; opacity: 1;}
.calendly{color: #fff !important;}
/*.header.fixed .menu nav ul li a {
    color: #000;
}
.header.fixed .right-nav {
    padding-top: 15px;
}
.header.fixed .menu {
    padding: 15px 0;
    position: relative;
}
.header.fixed  li a {
    color: #000;
}
.header.fixed .right-nav .custom-btn {
    color: #fff;
}*/
.business-image-in img {
    max-width: 80%;
	max-height: 450px;
}
.business-light .business-image img {
    max-width: 100%;
    right: 30px;
    position: relative;
}


/* 06-may */
.right-nav li a {
    font-size: 16px;
}

span.wpcf7-list-item { display: table-row !important;line-height:25px !important; }
span.wpcf7-list-item *{ display: table-cell !important;}
.wpcf7-list-item-label {padding-left: 7px !important;}
.req {color: red;}
h2 {
    background-color: none !important;
}