.page-section, .wrapper, body{ position: relative }
.btn-set, .close-menu, .go-top, .heading, .main-menu .email, .main-menu .getstarted, .main-menu ul li .arw, .nav-share{ text-align: center }
.cInfo span, .heading h3, .homepage-cover h1, .icon-holder.link a.read-all, .icon-widget, .main-menu h3, .toggle-menu .toggle-txt{ text-transform: uppercase }
.main-menu ul li, .our-clients ul li, .we-do ul li{ list-style-type: none }
.btn-toggle, .go-top, .pricing-table .th-toggle{ cursor: pointer }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a:focus{ outline: 0 }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{ color:transparent!important }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{ color:transparent!important }
::-moz-selection{ background:#e7f6f4;  color:#333; text-shadow:none }
::selection{ background: #e7f6f4; color: #333; text-shadow: none }
img::selection{ background: 0 0 }
img::-moz-selection{ background:0 0 }

*{ font-family: Raleway, sans-serif }
.cInfo .num strong, .portfolio-tab ul li a .badge, .star{ font-family: Arial, Helvetica, sans-serif }
.clear{ clear: both }
a{ color: #46baa7 }
a:hover{ color: #3b5998; text-decoration: none }
b, strong{ font-weight: 600 }
ol, ul{ padding-left: 20px }
html, html a{ -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,.004) }

.btn:hover, .canvas, .close-icon, .fb-like, .grayscale, .headBox, .header, .header *, .icon-holder, .icon-holder i, .icon-holder img, .icon-link, .icon-plus, .nicescroll-rails, .overlay, .scroll-logos .owl-theme .owl-controls .owl-buttons div, .slideBox, .table-hover tr, .theme-item .imgBox, .toggle-menu, a, a i, img{ -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s }
.btn:hover, a img:hover{ filter: alpha(opacity=80); -khtml-opacity: .8; -moz-opacity: .8; opacity: .8 }

.img-responsive, img{ display: block; display: inline-block; height: auto; max-width: 100% }
h1, h2, h3, h4, h5, h6{ color: #555; margin-top: 0; font-weight: 300 }
.heading{ border-bottom: 1px solid #e5e5e5; padding: 0 30px; display: inline-block; margin-bottom: 30px }
.heading h2{ font-size: 38px; color: #777 }
.heading h3{ font-size: 54px; color: #555 }
.heading:after{ content: ' '; display: block; border-bottom: 2px solid #46baa7; width: 150px; margin: 0 auto -1px }
body{ font-size: 14px; color: #333; overflow: visible!important }
.close-icon, .theme-item .imgBox .img{ overflow: hidden }
.page-section{ padding-top: 84px }
.wrapper{ right: 0; z-index: 2; background: #fff }
.gray-section, .green-section{ z-index: 10; position: relative }
.btn, .pagination>li.first a, .pagination>li.last a{ background: #fff; line-height: normal; display: inline-block; margin: 10px 0; border-radius: 20px; padding: 8px 20px; border: 1px solid #333; font-size: 14px; color: #333; text-transform: uppercase }
.btn.green{ border: 1px solid #46baa7; background: #46baa7; color: #fff }
.btn.white, .wt-border{ border: 1px solid #fff }
.btn.white{ background: #fff; color: #333 }
.wt-border{ background: 0 0; color: #fff }
.btn.green-border{ background: 0 0; border: 1px solid #46baa7; color: #46baa7 }
.btn:focus, .btn:hover{ background: 0 0; border-color: #46baa7; color: #46baa7 }
.wt-border:hover{ border: 1px solid #fff; background: #fff; color: #333 }
.go-top, .green-section *{ color: #fff }
.btn.green-border:hover{ border: 1px solid #46baa7; background: #46baa7; color: #fff }
.section{ padding: 80px 0 }
.gray-section{ background-color: #f8f8f8 }
.green-section{ background-color: #46baa7 }
.floralWhite-section{ background-color: #f9f6ee }
.canvas.canvas-slide{ right: 260px }
.header{ position: fixed!important; top: 0; padding: 15px 0; right: 0; background: #fff; width: 100%; height: 105px; z-index: 999; -webkit-transform: translateZ(0); transform: translateZ(0) }
.header.affix{ border-bottom: 1px solid #eee; height: 76px; background: rgba(255,255,255,.96) }
.header-right{ margin-bottom: 10px }
.header .logo{ float: left; visibility: visible!important; z-index: 999 }
.header .logo a{ display: block }
.header .logo img{ width: 118px }
.ebay-member{ margin-top: 9px }
.ebay-member img{ width: 89px }
.header .fb-like{ margin: 0; height: 20px; overflow: hidden; width: 80px; border: 0; display: block }
.header .social-plugins{ margin: 13px 0 0 25px; float: left }
.header.affix .social-plugins{ margin-top: -1px }
.social-plugins .IN-widget{ display: block!important; margin-top: 10px }
.header.affix .logo img{ width: 80px }
.header.affix .ebay-member{ margin-top: 0 }
.header.affix .ebay-member img{ width: 75px }
.header.affix .header-right, .header.affix .toggle-menu{ margin: 0 }
.toggle-menu{ position: relative; margin-top: 14px }
.btn-toggle{ position: relative; padding-left: 15px; display: inline-block }
.btn-toggle.ess_open{ background: #eee }
.toggle-menu .btn-toggle{ display: block; text-decoration: none; color: #333 }
.toggle-menu .btn-toggle:hover{ color: #46baa7 }
.toggle-menu .toggle-txt{ height: 42px; line-height: 42px; font-size: 14px; float: left }
.toggle-menu .toggler{ float: right; margin-left: 10px; margin-top: 5px; width: 38px; height: 30px; position: relative }
.main-menu .home-icon{ display: none }
.toggle-menu .toggler i{ width: 38px; margin: 3px 0; line-height: 0; font-size: 0; text-indent: -9999px; white-space: nowrap; display: block; position: absolute; top: 10px; left: 0; height: 5px; background: #46baa7; -webkit-transition: -webkit-transform .3s; transition: transform .3s }
.toggle-menu .toggler i:after, .toggle-menu .toggler i:before{ position: absolute; margin: -2px 0; display: block; left: 0; width: 100%; height: 5px; background-color: #46baa7; content: "" }
.close-menu, .main-menu .logo{ margin-bottom: 30px }
.toggle-menu .toggler i:before{ top: -6px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: -webkit-transform .3s, width .3s, top .3s; transition: transform .3s, width .3s, top .3s }
.toggle-menu .toggler i:after{ bottom: -6px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: -webkit-transform .3s, width .3s, bottom .3s; transition: transform .3s, width .3s, bottom .3s }
.toggle-menu .toggler.active i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.toggle-menu .toggler.active i:after, .toggle-menu .toggler.active i:before{ width: 50%; left: 2px }
.toggle-menu .toggler.active i:before{ top: 0; -webkit-transform: translateX(-8px) translateY(4px) rotate(-45deg); -ms-transform: translateX(-8px) translateY(4px) rotate(-45deg); transform: translateX(-8px) translateY(4px) rotate(-45deg) }
.toggle-menu .toggler.active i:after{ bottom: 0; -webkit-transform: translateX(-8px) translateY(-4px) rotate(45deg); -ms-transform: translateX(-8px) translateY(-4px) rotate(45deg); transform: translateX(-8px) translateY(-4px) rotate(45deg) }
.main-menu{ position: fixed; top: 0; right: 0; background: #fff; padding: 25px 5px 25px 25px; width: 260px; box-shadow: inset 6px 0 10px -10px #bbb; z-index: 1; height: 100% }
.nicescroll-rails.active{ display: none!important }
.menu-scroll{ position: relative; padding-right: 20px }
.main-menu .logo a{ display: inline-block; width: 100px }
.close-menu{ position: absolute; right: 24px; top: 14px }
.close-menu img{ width: 30px; height: 30px }
.close-icon{ display: inline-block; height: 20px; position: relative; width: 20px }
.close-icon::after{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) }
.close-icon::after, .close-icon::before{ background: #333; content: ""; left: 0; position: absolute; top: 50%; width: 20px; height: 1px }
.main-menu ul, .main-menu ul li{ padding: 0; float: none; position: relative; margin: 0 }
.close-icon::before{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) }
.main-menu .close-menu a:hover .close-icon{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.main-menu ul li a{ display: block; text-decoration: none; margin: 0; padding: 5px 0; color: #333; font-size: 14px }
.main-menu ul li.menu-item-has-children>a{ font-weight: 700; margin-top: 5px }
.main-menu ul li.menu-item-has-children>.sub-menu a{ font-weight: 400; margin: 0 }
.main-menu li>ul.sub-menu{ margin-bottom: 15px }
.main-menu li>ul.sub-menu ul.sub-menu{ margin: 0 }
.main-menu li>ul.sub-menu ul.sub-menu ul.sub-menu{ margin-left: 10px }
.main-menu ul ul ul li a{ background: 0 0; text-decoration: none; padding: 5px 12px; font-size: 14px }
.main-menu ul li:last-child a{ border-bottom: 0 }
.main-menu ul li .arw{ position: absolute; right: 0; top: 4px; cursor: pointer; z-index: 999; width: 25px; height: 25px }
.capz-wrap, .scroll-logos .owl-theme .owl-controls .owl-buttons .owl-next{ right: 15px }
.main-menu ul li .arw .ico{ display: block; margin: 12px 0 0 12px }
.main-menu ul li .arw i{ text-align: center; display: block; background: #777 }
.main-menu ul li .arw i.minus{ width: 11px; height: 1px; margin-left: -5px }
.main-menu ul li .arw i.plus{ width: 1px; height: 11px; margin-top: -6px }
.main-menu ul li .arw.active .plus{ display: none }
.main-menu ul li a:hover{ background: #f1f1f1; padding-left: 12px }
.main-menu ul>li.active>a{ background: 0 0; border: 1px solid #46baa7; padding-left: 12px }
.main-menu ul ul ul.sub-menu{ display: none; background: #f5f5f5 }
.main-menu ul ul.sub-menu li a{ font-size: 13px }
.main-menu h3{ font-size: 15px; font-weight: 500; color: #333; margin-bottom: 12px }
.main-menu .getstarted{ margin-top: 90px; font-size: 15px; color: #333 }
.main-menu .btn{ display: block; font-size: 13px }
.main-menu .wt-border{ background: 0 0; border: 1px solid #ccc; color: #333 }
.main-menu .wt-border:hover{ border-color: #46baa7; color: #46baa7 }
.main-menu .email{ color: #333; display: block }
.nav-share{ margin-top: 12px; margin-bottom: 30px }
.nav-share a{ display: inline-block; font-size: 18px; color: #999; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; border: 1px solid #fff }
.nav-share a:hover{ border: 1px solid #46baa7; color: #46baa7 }
.nicescroll-rails{ background: 0 0!important; z-index: 999!important; width: 10px!important }
.nicescroll-rails .nicescroll-cursors{ opacity: .5 }
.nicescroll-rails:hover{ background: rgba(255,255,255,.15)!important }
.go-top{ width: 34px; height: 34px; line-height: 34px; background: #46baa7; border-radius: 100%; display: inline-block!important; z-index: 999; margin-bottom: 15px; opacity: 1!important }
.popover, .tooltip-inner{ color: #fff; border-radius: 2px }
.go-top i{ color: #fff; font-size: 16px }
.tooltip-inner{ background: #46baa7; white-space: nowrap; padding: 5px 12px }
.tooltip.top .tooltip-arrow{ border-top-color: #46baa7 }
.tooltip.bottom .tooltip-arrow{ border-bottom-color: #46baa7 }
.popover{ background: #a94442; border: 0; margin: 0; line-height: normal; box-shadow: none }
.popover.top>.arrow{ left: 95.2%; border-top-color: #a94442 }
.popover.top>.arrow:after{ border-top-color: transparent }
.popover-content{ padding: 10px }
.IE-alert{ padding: 15px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99999 }
.homepage-cover{ position: relative; background: #261d25; padding: 0; text-align: left }
.homepage-cover .bg{ height: 100%; position: absolute; top: 0; width: 100%; background: url(../images/dot.gif) left top rgba(0,0,0,.6); opacity: .1 }
.homepage-cover .container{ position: relative }
.capz-wrap{ position: absolute; top: 0; z-index: 90; height: 100% }
.capz-wrap .pad{ width: 340px; height: 100%; background: #40323e; background: rgba(64,50,62,.73); padding: 20px; vertical-align: middle }
.capz-wrap .pad .box{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.homepage-cover h1{ font-size: 58px; font-weight: lighter; color: #e2e0e1 }
.homepage-cover p{ color: #e2e0e1; font-size: 14px }
.homepage-cover .btn{ display: block; margin: 15px 0; border-radius: 20px; color: #fff; font-size: 20px }
.homepage-cover .wt-border{ background: 0 0; border: 1px solid #fff }
.homepage-cover .wt-border:hover{ background: #fff; color: #333 }
.slider-capz{ margin-top: 50px; margin-bottom: 30px }
.slider-capz h1{ font-size: 40px; color: #fff; font-weight: lighter }
.slider-capz p{ font-size: 16px; color: #fff; font-weight: lighter }
.slider-capz .dot{ display: inline-block; text-indent: -99999px; width: 6px; height: 6px; line-height: 6px; border-radius: 6px; background: #fff; vertical-align: middle; margin: 0 4px }
#home-slider .owl-controls{ text-align: left; position: absolute; bottom: 10px; left: 0; margin: 0; z-index: 999 }
#home-slider .owl-controls .owl-page span{ background: 0 0; border: 2px solid #fff }
#home-slider .owl-controls .owl-page.active span{ background: #fff }
.page-header{ margin: 0; border: 0; background-position: center center; background-size: 100%!important; background-repeat: no-repeat!important; background-attachment: fixed!important; position: relative; padding: 70px 0; text-align: center; background-color: #46baa7 }
.page-header.no-bg{ background: url(../images/no-bg-pageheader.png) center center no-repeat #46baa7!important }
.page-header.eBay-portfolio{ background-image: url(../images/bg/bg-eBay-template-portfolio.jpg) }
.page-header .capz, .page-header h1{ color: #fff }
.page-header .capz h1{ font-size: 40px; color: #fff; line-height: normal; font-weight: 400; margin: 0; text-shadow: 2px 1px 1px rgba(0,0,0,.2) }
.page-header .capz h1 span{ font-size: 76px; display: block }
.page-header .capz p{ margin: 15px 0 0 }
.page-header .capz .btn{ font-weight: 500; margin: 6px }
.page-header .capz .btn.green:hover{ border: 1px solid #fff; background: #fff; color: #333 }
.page-header .icon-arw i{ color: #fff }
.page-header.green{ background: #46baa7; padding: 50px 0 }
.page-header.gray{ padding: 50px 0; background: #f8f8f8!important }
.page-header.gray .capz{ color: #777 }
.page-header.gray .capz h1{ color: #444 }
.page-header.gray .icon-arw i{ color: #666 }
.page-header .capz .txt{ width: 600px; margin: 0 auto; font-size: 14px; color: #eee }
.page-header .capz .btn-set{ margin-top: 14px }
.icon-arw{ font-size: 26px; position: absolute; left: 0; bottom: 8px; width: 100%; text-align: center }
.eBay-listing{ background-image: url(../images/bg/bg-eBay-listing.jpg) }
.eBay-listing .capz h1{ text-shadow: 1px 2px rgba(0,0,0,.42); font-weight: 500 }
.eBay-listing .capz p{ color: #fff }
.eBay-custom{ background: url(../images/bg/bg-eBay-custom.png) center 0 no-repeat #46baa7; padding: 40px 0 20px }
.we-do ul, .we-do ul li{ padding: 0; text-align: center }
.eBay-custom .head{ margin-bottom: 50px }
.eBay-custom .head h3{ font-size: 30px; font-weight: 400 }
.eBay-custom .head sub{ font-size: 16px }
.eBay-esm{ background-image: url(../images/bg/esm-bottom-bg.jpg) }
.magento-info{ background-image: url(../images/bg/bg-magento-parallax.jpg); background-repeat: repeat-y!important }
.ecommerce{ background-image: url(../images/bg/magento-bottom-bg.jpg) }
.bigcommerce{ background-image: url(../images/bg/bigcom-bottom-bg.jpg) }
.page-header.facebook{ background-image: url(../images/bg/facebook-bottom-bg.gif) }
.page-header.error-404{ background-image: url(../images/bg/404-bg.jpg) }
.website-portfolio{ background-image: url(../images/bg/bg-website-portfolio.jpg) }
.ebay-responsive{ background-image: url(../images/bg/bg-ebay-responsive.jpg) }
.page-header, .parallax{ transition: none!important }
.we-do ul{ margin: 50px 0 0; display: inline-block }
.we-do ul li{ border-bottom: 1px solid #e5e5e5; margin: 0 }
.we-do ul li a{ float: left; border-right: 1px solid #e5e5e5; text-align: center; vertical-align: middle; height: 130px; line-height: 130px; width: 220px }
.we-do ul li a.lst, .we-do ul li.lst{ border: 0 }
.we-do p{ font-size: 18px }
.services{ background: #fafafa }
.folio-list{ text-align: left; font-size: 13px; margin-top: 30px }
.theme-item{ border: 1px solid #e1e1e1; background: #fff; margin-bottom: 30px }
.theme-item .txtBox{ padding: 25px; height: 350px }
.theme-item h3{ font-size: 20px; color: #333; font-weight: 600; margin-bottom: 15px }
.theme-item h3:after{ content: ''; display: block; border-bottom: 1px solid #ccc; width: 32px; margin-top: 10px }
.icon-holder, .icon-link i{ display: inline-block; text-align: center; vertical-align: middle }
.theme-item .btn{ margin-left: 25px; font-size: 13px }
.theme-item .imgBox{ position: relative; text-align: center; margin-top: 36px }
.icon-link{ position: absolute; top: 60%; left: 0; width: 100%; text-align: center; z-index: 99; opacity: 0 }
.icon-link i{ width: 72px; height: 72px; line-height: 72px; color: #fff; font-size: 20px; background: #46baa7; border-radius: 72px; border: 3px solid #fff; position: relative }
.theme-item .tooltip{ opacity: 1 }
.theme-item .tooltip-inner{ background: #fff; color: #000; border-radius: 2px; white-space: nowrap; font-weight: 500; padding: 5px 12px }
.theme-item .tooltip.bottom .tooltip-arrow{ border-bottom-color: #fff }
.theme-item:hover .icon-link{ opacity: 1; top: -36px }
.theme-item .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #46baa7; filter: alpha(opacity=0); opacity: 0; z-index: 1 }
.theme-item:hover .overlay{ filter: alpha(opacity=75); opacity: .5 }
.theme-item:hover img{ -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.solutions{ background: url(../images/bg/bg-solutions.jpg) no-repeat fixed #3b5998; background-size: cover; padding-bottom: 50px }
.solutions h2, .solutions h3{ color: #fff }
.solutions .heading{ border-bottom: 1px solid #5c7098 }
.iconwrap{ margin-top: 30px; text-align: center }
.icon-holder{ width: 100%; height: 250px; border-radius: 10px; color: #fff; border: 2px solid #fff; padding: 30px; margin-bottom: 30px; font-weight: lighter; font-size: 18px }
.magento-icon{ margin-bottom: 60px }
.magento-icon.section{ margin: 0 }
.magento-icon .icon-box{ width: 120px; height: 120px; line-height: 120px; border-radius: 120px; text-align: center; vertical-align: middle; background: #46baa7; margin: 20px auto }
.magento-icon .imgicon-widget:hover .icon-box{ background: #F15B50 }
.magento-icon .imgicon-widget span{ max-width: none }
.magento-icon .imgicon-widget span a{ text-decoration: underline; color: #3b5998 }
.magento-icon h5{ font-weight: 600; font-size: 17px; color: #333; text-align: center }
.magento-info{ color: #fff; padding: 0 }
.list-wrap{ margin-top: 40px }
.magento-info .list{ margin-bottom: 30px }
.magento-info .icon-box{ width: 80px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; vertical-align: middle; background: #fff; float: left; margin-right: 15px }
.magento-info h5{ color: #fff; font-size: 17px; font-weight: 600; margin-bottom: 5px }
.icon-holder i, .icon-widget{ margin-bottom: 30px; vertical-align: middle }
.magento-info .txt{ overflow: auto; text-align: left; color: #eee; font-size: 13px }
.magento-support{ padding: 30px 0 }
.magento-support a{ text-decoration: underline }
.magento-support h3{ font-size: 25px; font-weight: 500 }
.icon-holder.link{ background: #fff; display: table }
.icon-holder.link a.read-all{ font-weight: 700; font-size: 20px; color: #333; text-align: center; vertical-align: middle; display: table-cell }
.icon-holder i{ font-style: normal; font-size: 80px; line-height: normal; color: #fff }
.icon-holder span{ text-align: center; display: block; margin-top: 25px }
.icon-holder:hover{ background: rgba(255,255,255,.17); -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-animation-fill-mode: none; animation-fill-mode: none }
.icon-holder.link:hover{ background: #46baa7 }
.icon-holder.link:hover a.read-all{ color: #fff }
.icon-holder img{ width: 80px; height: 80px; line-height: 80px; margin-top: 5px }
.icon-widget{ display: inline-block; text-align: center; color: #333; font-weight: lighter }
.icon-widget span, .imgicon-widget span{ display: block; font-size: 13px; text-align: center }
.icon-widget span{ margin-top: 25px }
.icon-widget img{ width: 60px; height: 60px; line-height: 60px }
.imgicon-widget span{ max-width: 230px; margin: 25px auto 0 }
.our-clients{ font-size: 14px }
.our-clients ul{ padding: 0; text-align: center }
.our-clients ul li{ margin: 0; padding: 0; text-align: center }
.client-logo{ margin-bottom: 30px; display: inline-block; border: 1px solid #eee; background: #fff; padding: 15px 40px }
.scroll-clients{ width: 55%!important; margin: 30px auto 10px }
.scroll-logos{ margin: 80px -15px 20px }
.scroll-logos .item{ background: #fff; height: 160px; line-height: 160px; text-align: center; vertical-align: middle; padding: 0 25px; margin: 0 15px!important }
.scroll-logos .item a{ display: block }
.scroll-logos .owl-theme .owl-controls{ margin: 0 }
.scroll-logos .owl-theme .owl-controls .owl-buttons{ width: 100% }
.scroll-logos .owl-theme .owl-controls .owl-buttons div{ width: 30px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #f0f0f0; text-align: center; vertical-align: middle; color: #fff; font-size: 20px; border-radius: 0; position: absolute; top: 50%; margin: -15px 0 0; z-index: 99 }
.scroll-logos .owl-theme .owl-controls .owl-buttons div i{ color: #46baa7; vertical-align: top }
.scroll-logos .owl-theme .owl-controls .owl-buttons .owl-prev{ left: 15px }
.scroll-logos .owl-pagination{ display: none; margin-top: 12px }
.scroll-logos .owl-pagination .owl-page span{ width: 8px; height: 8px }
.our-clients .btn{ font-size: 14px; font-weight: 600; margin-bottom: 0 }
.contact-us{ padding-bottom: 40px }
.contact-us address{ text-align: left; font-size: 13px }
.copyright, .footer, .footer ul, .head{ text-align: center }
.cInfo{ font-size: 14px }
.cInfo span{ display: block; color: #888 }
.cInfo .num{ font-size: 19px; text-transform: none; color: #333; margin-top: 30px }
.cInfo .num span{ color: #333 }
.cInfo .num strong{ font-size: 24px; font-weight: 400; color: #333 }
.cInfo .btn{ width: 250px; font-weight: 600 }
.socials{ float: right; font-size: 0 }
.socials span{ display: block; color: #333; font-size: 14px; margin-bottom: 10px; margin-left: 10px }
.footer .socials a, .footer ul li, .footer-links ul li a{ display: inline-block }
.footer .socials a{ font-size: 18px; color: #46baa7; width: 34px; height: 34px; line-height: 34px; border-radius: 34px; border: 1px solid #46baa7; margin: 0 0 10px 10px }
.footer ul, .footer ul li{ margin: 0; padding: 0; list-style-type: none }
.footer .socials a:hover{ background: #46baa7; color: #fff }
.footer{ border-top: 1px solid #eee }
.footer a{ text-decoration: none; font-size: 13px; color: #333 }
.footer a:hover{ color: #46baa7 }
.footer-links{ width: 770px; margin: 0 auto }
.footer-links ul li a:before{ content: '-'; padding-right: 6px }
.footer-links ul li:first-child a:before{ content: ''; padding-right: 0 }
.copyright{ margin-top: 40px; margin-bottom: 15px; font-size: 13px; text-transform: uppercase; color: #333 }
.foot-logo{ padding: 0 6px }
.copyright .terms{ text-transform: none; margin-top: 15px }
.copyright .terms li a:before{ content: '-'; padding-right: 6px }
.copyright .terms li:first-child a:before{ content: ''; padding-right: 0 }
.breadcrumb-wrap{ background: url(../images/bg/bg-breadcrumb.png) fixed }
.breadcrumb{ margin: 0; background: 0 0; padding: 15px 0; font-size: 13px; font-weight: lighter; text-transform: uppercase; color: #333 }
.head h4, .marketing-tour h2{ text-transform: uppercase; font-weight: 600; color: #333 }
.breadcrumb>.active{ color: #333 }
.breadcrumb>li+li:before{ color: #333; margin-left: 3px }
.section-top .iconwrap, .section-top .imgicon{ margin-top: 80px; margin-bottom: 30px }
.marketing-tour{ font-size: 13px; color: #333; padding-top: 60px }
.marketing-tour.with-slider{ padding-bottom: 60px }
.marketing-tour h2{ font-size: 20px; margin-bottom: 20px }
.marketing-tour .txt-box.left{ padding-right: 50px }
.marketing-tour .txt-box.right{ padding-left: 50px }
.marketing-tour .logoBox{ margin-bottom: 30px }
.marketing-tour .imgBox{ position: relative; margin-bottom: 80px }
.marketing-tour.with-slider .imgBox{ margin: 0 80px 45px 15px }
.marketing-tour.with-slider .owl-wrapper-outer{ right: -21px }
.marketing-tour.with-slider .txt-box{ padding: 0 }
.marketing-tour .image-shadow{ padding: 15px; -webkit-box-shadow: 0 0 18px #ccc; -moz-box-shadow: 0 0 18px #ccc; box-shadow: 0 0 18px #ccc; text-align: center }
.marketing-tour .owl-theme .owl-controls{ margin: 0 }
.marketing-tour .owl-pagination{ position: absolute; width: 96%; left: 0; bottom: 0; margin: 0 }
.head, .head h2, .head h4{ margin-bottom: 20px }
.browser-bar img{ width: 100% }
.mobile-figure{ background: url(../images/mobile-figure.png) no-repeat; width: 250px; padding: 70px 33px; height: 454px; position: absolute; right: -80px; bottom: -50px }
.mobile-figure .content{ height: 302px; overflow: hidden }
.head h2{ font-size: 30px; color: #333; text-transform: uppercase; line-height: normal }
.head h2 span{ display: block; font-size: 42px }
.head sub{ font-size: 14px }
.head h4{ font-size: 20px }
.templates-list .list{ text-align: left; margin: 15px 0 }
.templates-list .list .imgBox{ overflow: hidden; max-height: 280px; display: block; position: relative; text-align: center; -webkit-border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px; background-color: #fff; -webkit-box-shadow: 1px 1px 20px #bbb; -moz-box-shadow: 1px 1px 20px #bbb; box-shadow: 1px 1px 20px #bbb }
.templates-list .list h3{ font-size: 18px; color: #333; margin: 10px 0 2px }
.templates-list .list h4{ font-size: 14px; color: #999 }
.templates-list .alert-info{ margin: 15px 0 }
.icon-plus{ position: absolute; top: 80%; left: 0; width: 100%; text-align: center; z-index: 99; opacity: 0 }
.icon-plus img{ width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; background: #46baa7; border-radius: 50px; padding: 10px; border: 1px solid #fff; position: relative }
.templates-list .list:hover .icon-plus{ opacity: 1; top: 50%; margin-top: -25px }
.templates-list .list .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #46baa7; filter: alpha(opacity=0); opacity: 0; z-index: 1 }
.templates-list .list:hover .overlay{ opacity: .4 }
.templates-list .list:hover .imgBox img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.templates-list .list:hover .imgBox .icon-plus img{ -webkit-transform: none; -ms-transform: none; transform: none }
.cForm{ z-index: 10px; position: relative; border-top: 1px solid #e5e5e5 }
.cForm .row{ margin-left: 7.5px; margin-right: 7.5px }
.cForm .form-group{ margin: 0 0 15px; padding: 0 7.5px }
.cForm .btn-group.bootstrap-select .btn.dropdown-toggle, .cForm .form-control{ border: 1px solid #eee; box-shadow: none; border-radius: 0; font-size: 13px; color: #333; height: 44px; text-transform: none }
.cForm .btn-group.bootstrap-select .btn.dropdown-toggle{ padding: 6px 24px 6px 12px; color: #888 }
.cForm .form-control:focus{ border-color: #46baa7 }
.cForm .form-control.wpcf7-not-valid{ border-color: #f07777 }
.cForm .intl-tel-input{ display: block; text-align: left }
.cForm .intl-tel-input .country-list .country .dial-code{ color: #fff }
.cForm .form-group span span.wpcf7-not-valid-tip{ background: #f07777; padding: 2px 10px; font-size: 12px; color: #fff }
.cForm .wpcf7-response-output{ margin: 0 15px 15px; padding: 15px; border-radius: 4px }
.cForm .wpcf7-validation-errors{ color: #8a6d3b; background-color: #fcf8e3; border: 1px solid #faebcc }
.cForm .wpcf7-mail-sent-ok{ color: #3c763d; background-color: #d6e9c6; border: 1px solid #dff0d8 }
.cForm .form-control::-moz-placeholder{
color:#888 }
.cForm textarea.form-control{ height: 150px }
.contactForm{ width: 60%; margin: 60px auto 0 }
.cForm .head{ width: 60%; margin: 0 auto }
.cForm.gray-section{ padding: 40px 0 30px }
.cForm.gray-section .head{ width: 80%; margin: 0 auto; padding: 0 15px }
.contactForm.cForm{ border: 0; width: 80% }
.cForm .cCaptcha{ text-align: left }
.platforms .list, .wpcf7-form{ text-align: center }
.cForm .cCaptcha span.list{ display: inline-block; vertical-align: top }
.cForm .cCaptcha span.list.capzimg{ background: #fff; padding: 0 12px; border: 1px solid #eee; height: 44px; line-height: 44px }
.cForm .cCaptcha span.list .btn{ margin: 0 0 0 12px; font-weight: 500; height: 44px; width: 150px; border-radius: 5px }
.platforms .list-wrap{ margin-top: 80px }
.platforms .list{ float: left; width: 20%; margin: 15px auto }
.platforms .list .imgBox{ width: 200px; height: 200px; line-height: 200px; border-radius: 100%; margin: 0 auto; text-align: center; vertical-align: middle; background: #fff }
.platforms .list h5{ margin-top: 15px }
.platforms ul{ margin: 15px 0; padding-left: 15px }
.platforms ul li{ margin-bottom: 12px }
.grayscale, .grayscale-over:hover{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(../svg/grayscale.svg#greyscale); filter: gray }
.grayscale:hover{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none }
.page-loader{ width: 100%!important; height: 100%!important; background: #fff; z-index: 999999; position: fixed; left: 0; top: 0 }
.modal-dialog .loader.pfolioload, .page-loader .loader{ position: absolute; left: 0; right: 0; margin: auto; bottom: 0; top: 0 }
.page-loader .loader{ width: 64px; height: 64px }
.modal-dialog .loader.pfolioload{ width: 30px; height: 30px }
.ie8 .page-loader, .ie9 .page-loader, .oldie .page-loader{ display: none }
.responsive-showcase{ position: relative }
.responsive-showcase .left{ position: absolute; left: 25px; bottom: 0; z-index: 9 }
.responsive-showcase .right{ position: absolute; right: 20px; bottom: 0; z-index: 9 }
.mobile-tour{ font-size: 13px; color: #333 }
.mobile-tour h2{ font-size: 20px; font-weight: 600; color: #333; text-transform: uppercase }
.mobile-tour .txt-box{ text-align: left }
.mobile-tour .imgBox, .portfolio-tab ul{ text-align: center }
.mobile-tour .imgBox h4{ font-weight: 500; color: #333; margin-bottom: 30px }
.no-padding-top{ padding-top: 0!important }
.no-padding-bottom{ padding-bottom: 0!important }
.portfolio-tab{ padding: 8px 0 }
.portfolio-tab ul li{ font-size: 13px; font-weight: 400; color: #777; text-transform: uppercase; display: inline-block; float: none; margin: 7px 1px }
.portfolio-tab ul li a{ font-size: 13px; color: #888; border: 1px solid #ddd; padding: 6px 10px 7px; border-radius: 100px; text-transform: none; font-weight: 500 }
.esm-features .list h3, .essTab .nav li a.btn-tab, .icons-esm-process .step, .most-popular, .slideBox .trigger, .slideBox h3{ text-transform: uppercase }
.portfolio-tab ul li a .badge{ font-weight: 400; margin-left: 5px; font-size: 11px; background: #999 }
.portfolio-tab ul li a:focus, .portfolio-tab ul li a:hover{ background: 0 0; color: #46baa7; border-color: #46baa7 }
.portfolio-tab ul li a:focus .badge, .portfolio-tab ul li a:hover .badge{ background: #46baa7; color: #fff }
.portfolio-tab .nav-pills>li.active>a, .portfolio-tab .nav-pills>li.active>a:focus, .portfolio-tab .nav-pills>li.active>a:hover{ background: 0 0; border-color: #46baa7; color: #46baa7 }
.portfolio-tab .nav-pills>li.active>a .badge, .portfolio-tab .nav-pills>li.active>a:focus .badge, .portfolio-tab .nav-pills>li.active>a:hover .badge{ background: #46baa7; color: #fff }
.pagination-wrap{ margin-top: 60px }
.pagination-wrap .pagination{ display: block; position: relative }
.pagination>li{ margin: 0 2px; display: inline-block }
.pagination>li>a, .pagination>li>span{ border-radius: 100%; width: 42px; height: 42px; line-height: 38px; padding: 0; vertical-align: middle; text-align: center; border: 1px solid #b0b0b0; color: #b0b0b0; background: 0 0; font-size: 18px; font-weight: 400 }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: 0 0; border-color: #46baa7; color: #46baa7 }
.pagination>li.first{ margin-top: 5px; margin-left: 0; position: absolute; left: 0; top: 0 }
.pagination>li.last{ margin-top: 5px; margin-right: 0; position: absolute; right: 0; top: 0 }
.pagination>li.first a, .pagination>li.last a{ width: auto; height: auto; margin: 0; border-color: #46baa7; background: #46baa7; color: #fff }
.pagination>li.disabled a{ border-color: #b0b0b0; color: #b0b0b0; background: 0 0 }
.pricing-table{ background: #f1f1f1 }
.pricing-table .table .table{ margin-bottom: 15px }
.pricing-table .table *{ vertical-align: middle!important }
.pricing-table .table th{ border: 0!important }
.pricing-table .table>thead>tr>th{ padding: 0; border-left: 10px solid #fff!important; vertical-align: bottom!important }
.pricing-table .table>tbody>tr>th{ border-bottom: 1px dashed #ccc!important; font-weight: 500; font-size: 15px; background: #fff; padding-left: 0 }
.pricing-table .table>tbody>tr>td, .pricing-table .table>thead>tr>th{ width: 20% }
.pricing-table .table>tbody>tr>th, .pricing-table .table>thead>tr>th.col1{ width: 40% }
.pricing-table #tab-website .table>tbody>tr>td, .pricing-table #tab-website .table>thead>tr>th{ width: 23% }
.pricing-table #tab-website .table>thead>tr>th.col1, .pricing-table .table>tbody>tr>th{ width: 31% }
.pricing-table #tab-website .table .table>tbody>tr>td, .pricing-table #tab-website .table>thead>tr>th{ width: 23% }
.pricing-table #tab-website .table>thead>tr>th.col1, .pricing-table .table .table>tbody>tr>th{ width: 31% }
.pricing-table .table>tbody>tr>td.sub-data{ width: 100%!important; padding: 0; background: #fff }
.sub-data tbody{ display: none }
.sub-data tbody.active{ display: block }
.pricing-table .th-toggle th.th{ padding: 0; border: 0!important; position: relative }
.pricing-table .th-toggle span.tle{ font-size: 15px; padding: 10px 0; color: #444; border: 1px solid #eee; font-weight: 500; display: block; text-align: left }
.pricing-table .th-toggle.active span.tle{ background: #eee }
.pricing-table .sub-data th.th span.tle:before{ font-family: Arial, Helvetica, sans-serif; content: '+'; text-align: center; display: inline-block; color: #555; width: 24px; margin: 0 10px; border: 1px dotted #444; font-size: 16px; background: #fff }
.pricing-table .sub-data thead.active th.th span.tle:before{ content: '-' }
.star{ font-size: 22px; font-style: normal; position: relative; top: 6px; line-height: normal; color: #f07777 }
.pricing-table .table>tbody>tr>td{ border-top: 10px solid #fff; border-left: 10px solid #fff }
.pricing-table .sub-data tbody span.tle, .pricing-table .table strong.tle{ display: none }
.pricing-table .table-hover>tbody>tr:hover{ background: #E7F6F4 }
.pricing-table .headBox{ color: #fff; background: #2d2d2d; padding: 20px; text-align: center; font-weight: 400 }
.pricing-table .headBox h3{ font-size: 20px; font-weight: 600; color: #fff; text-transform: uppercase }
.pricing-table .headBox a{ color: #fff; font-size: 15px; font-weight: 400 }
.pricing-table .headBox a:hover{ color: #46baa7 }
.pricing-table .headBox em{ display: block; font-weight: 400; font-size: 13px; color: #eee }
.pricing-table .headBox .btn{ font-size: 13px; padding: 2px 12px; color: #333; font-weight: 500; white-space: normal }
.pricing-table .headBox .btn.wt-border{ color: #fff }
.pricing-table .headBox .btn.white.wt-border{ color: #333 }
.pricing-table .headBox .btn.wt-border.dashed{ border-style: dashed; border-radius: 0; padding: 8px 15px }
.pricing-table .headBox .btn:focus, .pricing-table .headBox .btn:hover{ background: 0 0; color: #fff!important }
.most-popular, .pricing-table .selected .headBox{ background: #46baa7 }
.pricing-table .headBox .frm{ border: 1px dashed; margin: 10px 0; padding: 8px }
.pricing-table #tab-esm .headBox .frm{ margin-bottom: 0 }

.pricing-table .headBox .frm strong{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 38px }
.pricing-table .table p, .pricing-table .table span{ font-size: 13px; font-weight: 400; display: block }
.pricing-table .table p{ text-align: left }
.pricing-table .selected .headBox a:hover{ color: #333 }
.pricing-table .selected .headBox .btn:hover{ color: #fff }
.most-popular{ margin-bottom: 1px; font-size: 12px; color: #fff; padding: 5px 20px; text-align: center; font-weight: 500 }
.pricing-table .fa{ font-size: 20px; font-weight: 400 }
.pricing-table .fa-check{ color: #46baa7 }
.pricing-table .fa-close:before{ content: "--" }
.pricing-table .fa-close{ color: #7d7d7d }
.mob-package .list li ul, .pricing-table .table ul{ margin: 0; padding: 0; text-align: left; font-size: 12px }
.mob-package .list li ul li, .pricing-table .table ul li{ list-style-type: none; display: block; margin-bottom: 6px; padding-left: 24px; position: relative }
.mob-package .list li ul li i, .pricing-table .table ul li i{ font-size: 11px; position: absolute; left: 8px; top: 5px; z-index: 1 }
.package-features{ text-align: center; margin-top: 80px; display: inline-block }
.package-features .head h2, .package-features .panel-info{ margin: 0 }
.package-features .alert-info.info{ border: 0; border-radius: 0 }
.package-features .panel-body{ padding: 0 }
.package-features .head{ padding: 15px 0; margin: 0 }
.package-features .col-left, .package-features .col-right{ width: 50%; padding: 2% 5%; float: left; text-align: left }
.package-features .col-left{ border-right: 1px solid #ddd }
.package-features h4{ font-size: 16px; color: #333; font-weight: 500 }
.package-features .box{ margin-bottom: 40px; font-size: 12px }
.essTab .nav{ margin: 0; border: 0 }
.essTab .nav li{ margin: 0; position: relative }
.essTab .nav li a.btn-tab{ font-size: 13px; color: #666; padding: 10px 30px; border-radius: 0; margin: 0 0 0 -1px; background: #f9f9f9; border: 1px solid #e4e4e4!important; border-bottom: 0!important; font-weight: 500 }
.essTab .nav li.active a.btn-tab{ color: #46baa7; border-top: 1px solid #fff!important; background: #fff }
.essTab .nav li.active:before{ content: ' '; display: block; border-bottom: 3px solid #46baa7; position: absolute; left: 0; top: -3px; width: 100% }
.mob-package, .pricing-table .btn-tab.th-toggle{ display: none }
.essTab .tab-content{ background: #fff; padding: 60px 25px 25px; -o-box-shadow: 0 2px 3px 0 #ddd; -ms-box-shadow: 0 2px 3px 0 #ddd; -moz-box-shadow: 0 2px 3px 0 #ddd; -webkit-box-shadow: 0 2px 3px 0 #ddd; box-shadow: 0 2px 3px 0 #ddd }
.package-tab .alert-info{ margin-bottom: 0 }
.mob-package .mBox{ margin: 1%; float: left; width: 31.3% }
.mob-package .list{ margin: 0; padding: 0; border: 1px solid #eee; border-bottom: 0 }
.mob-package .list>li{ list-style-type: none; border-bottom: 1px solid #eee; padding: 10px 15px }
.mob-package .list>li ul li{ padding: 0 0 0 24px }
.mob-package .list strong.tle{ display: block; font-weight: 500; margin-bottom: 5px }
.mob-package .list strong span.tle{ font-weight: 500; font-size: 15px; background: #f5f5f5; padding: 6px 15px; margin-bottom: 15px }
.mob-package .list p, .mob-package .list span{ font-size: 12px; font-weight: 400; display: block }
.esm-rocess-info{ text-align: left }
.esm-rocess-info .container{ position: relative }
.esm-rocess-info .info{ line-height: 24px; font-size: 15px; font-weight: 400; color: #777; position: absolute; right: 15%; bottom: 170px; text-align: center }
.esm-rocess-info .info a{ color: #777; text-decoration: none }
.esm-rocess-info .info a:hover{ color: #46baa7 }
.esm-rocess-info .imgBox{ margin-bottom: 80px }
.esm-info h3{ font-weight: 500; margin-top: 50px }
.icons-esm-process .step{ text-align: center; display: inline-block; color: #333; font-size: 12px; margin: 0 40px }
.icons-esm-process .step span{ display: block; font-weight: 500; margin-top: 20px }
.eBay-mobile-info .box{ margin-top: 30px; margin-bottom: 30px }
.eBay-mobile-info span{ display: block; margin: 15px 0 }
.monitor-wrap{ position: relative }
.monitor-wrap .screen{ position: relative; background: #ff6860; border: 20px solid #474e5d; border-radius: 10px; overflow: hidden }
.monitor:after, .monitor:before{ content: ""; position: absolute; left: 50% }
.monitor:before{ top: -10px; margin: -3px 0 0 -3px; width: 6px; height: 6px; border-radius: 6px; background: #a5adbd }
.screen:after{ width: 8px; height: 8px; border-radius: 8px; bottom: -10px; margin: 0 0 -4px -4px; background: #e8ebf0 }
.monitor-wrap .content img{ width: 100% }
.monitor-wrap .content:before{ content: ""; position: absolute; right: -90px; width: 200px; height: 300px; transform: rotate(45deg); background: linear-gradient(to bottom, rgba(255,255,255,.1) 0, rgba(255,255,255,0) 100%); z-index: 5 }
.monitor-wrap .btns{ position: absolute; top: -20px; left: 7px }
.monitor-wrap .btns:before{ content: ""; position: absolute; left: 35px; top: 5px; height: 10px; width: 185px; background: #fff; border-radius: 3px }
.monitor-wrap .btns>li{ display: inline-block; list-style: none; width: 5px; height: 5px; border-radius: 5px; background: #fc5254; margin-right: 4px }
.monitor-wrap .btns li:nth-child(2){ background: #fcae52 }
.monitor-wrap .btns li:nth-child(3){ background: #66b34e }
.monitor-wrap .txt{ margin: 10px auto; width: 220px }
.monitor-wrap .txt>li{ background: #f3f5f7; width: 100%; height: 15px; margin-bottom: 9px }
.monitor-wrap .txt>li:nth-child(2){ height: 60px }
.monitor-wrap .txt>.thin{ height: 43px; width: 30%; margin-right: 6px; display: inline-block }
.monitor-wrap .txt>li:nth-child(5){ margin-right: 0 }
.monitor-wrap .base{ width: 90px; height: 50px; background: #e8ebf0; position: relative; margin: 0 auto }
.grey-shadow:after, .grey-shadow:before, .monitor-wrap .base:after, .monitor-wrap .base:before{ content: ""; position: absolute; top: 0 }
.monitor-wrap .base:before{ border-left: 13px solid transparent; border-right: 0 solid transparent; border-bottom: 50px solid #e8ebf0; left: -13px }
.monitor-wrap .base:after{ border-right: 13px solid transparent; border-left: 0 solid transparent; border-bottom: 50px solid #e8ebf0; right: -13px }
.grey-shadow:after, .grey-shadow:before{ border-bottom: 12px solid #d8dbe1; z-index: 2 }
.monitor-wrap .base>div{ position: absolute }
.grey-shadow{ width: 90px; height: 12px; background: #d8dbe1; top: 0 }
.grey-shadow:before{ border-left: 3px solid transparent; border-right: 0 solid transparent; left: -3px }
.grey-shadow:after{ border-right: 3px solid transparent; border-left: 0 solid transparent; right: -3px }
.monitor-wrap .foot{ background: #e8ebf0; z-index: 1 }
.monitor-wrap .foot.top{ width: 116px; height: 5px; bottom: -5px; left: 50%; margin-left: -58px }
.foot.bottom:before, .monitor-wrap .foot.top:after, .monitor-wrap .foot.top:before{ content: ""; position: absolute; top: 0 }
.monitor-wrap .foot.top:before{ border-left: 16px solid transparent; border-right: 0 solid transparent; border-bottom: 5px solid #e8ebf0; left: -16px }
.monitor-wrap .foot.top:after{ border-right: 16px solid transparent; border-left: 0 solid transparent; border-bottom: 5px solid #e8ebf0; right: -16px }
.monitor-wrap .foot.bottom{ width: 150px; height: 5px; bottom: -10px; left: 50%; margin-left: -75px; z-index: 999 }
.monitor-wrap.btm{ width: 296px; height: 7px; bottom: -19px; left: 50%; margin-left: -148px; border-radius: 0 0 20px 20px; background: #f4f5f7; z-index: 1 }
.monitor-wrap.btm:before{ content: ""; position: absolute; width: 42px; height: 3px; left: 50%; top: 0; margin-left: -21px; border-radius: 0 0 5px 5px; background: #d8dbe1 }
.monitor-wrap .keyboard{ width: 216px; height: 35px; background: #e8ebf0; box-shadow: 0 4px 0 #d8dbe1; z-index: 2; position: relative; margin: 25px auto 0 }
.monitor-wrap .keyboard:after, .monitor-wrap .keyboard:before{ content: ""; position: absolute; top: 0; z-index: 2 }
.monitor-wrap .keyboard>div{ position: absolute }
.monitor-wrap .btm{ background: #d8dbe1; width: 244px; height: 4px; border-radius: 0; bottom: -4px; left: 50%; margin-left: -122px }
.monitor-wrap .keyboard:before{ border-left: 14px solid transparent; border-right: 0 solid transparent; border-bottom: 35px solid #e8ebf0; left: -14px }
.monitor-wrap .keyboard:after{ border-right: 14px solid transparent; border-left: 0 solid transparent; border-bottom: 35px solid #e8ebf0; right: -14px }
.monitor-wrap .keys{ width: 220px; margin: 0 auto; text-align: center; position: relative; padding: 0 }
.monitor-wrap .keys li{ position: relative; background: #f4f5f7; height: 5px; z-index: 4; list-style-type: none; margin: 3px auto }
.monitor-wrap .keys li:nth-child(1){ width: 208px }
.monitor-wrap .keys li:nth-child(2){ width: 212px }
.monitor-wrap .keys li:nth-child(3){ width: 216px }
.monitor-wrap .keys li:nth-child(4){ width: 220px }
.monitor-wrap .keys li:after, .monitor-wrap .keys li:before{ content: ""; position: absolute }
.monitor-wrap .keys li:before{ border-left: 3px solid transparent; border-right: 0 solid transparent; border-bottom: 4px solid #f4f5f7; left: -3px }
.monitor-wrap .keys li:after{ border-right: 3px solid transparent; border-left: 0 solid transparent; border-bottom: 4px solid #f4f5f7 }
.shadow{ position: relative; width: 260px; height: 10px; top: 6px; z-index: -1; background: #ddd; border-radius: 100%; margin: 0 auto }
.shadow.key{ top: 0; width: 230px; height: 8px }
.esm-features .list p{ text-align: justify }
.esm-features .count{ border-bottom: 1px solid #e5e5e5; position: relative; margin-top: 20px; margin-bottom: 30px; text-align: center }
.esm-features .count span{ width: 28px; height: 28px; line-height: 25px; border: 1px solid #e5e5e5; background: #fff; color: #777; font-size: 13px; text-align: center; vertical-align: middle; border-radius: 100%; display: inline-block; position: absolute; left: 28%; top: -14px }
.esm-features .list h3{ font-weight: 500; color: #000; overflow: hidden }
.icons-esm-features{ padding-right: 40px; float: left; overflow: auto }
.ess-popup, body.modal-open{ padding: 0!important }
.modal-dialog{ z-index: 99999 }
.ess-popup .close-menu{ right: 52px; top: 35px }
.ess-popup .close-icon{ width: 40px; height: 40px }
.ess-popup .close-icon::before, .ess-popup .close-icon:after{ width: 40px; background: #000 }
.ess-popup .close-menu a:hover .close-icon{ opacity: .5 }
.ess-popup{ text-align: center; position: fixed!important }
.ess-popup .modal-dialog{ position: relative; z-index: 9999; margin: 15px; width: auto }
.ess-popup .modal-body, .ess-popup .modal-header{ padding: 15px 0 }
.ess-popup .container{ max-width: 1030px; overflow: hidden }
.ess-popup .modal-content{ padding: 50px 0 }
.modal-open .wrapper{ position: static }
.modal-open .main-menu{ display: none }
.ess-popup .owl-controls{ margin-top: -25px }
.ess-popup .infoBox{ margin-top: 30px; text-align: left; font-size: 13px }
.ess-popup .folio-monitor{ background: url(../images/bg-folio-monitor.png) center 0 no-repeat; width: 994px; height: 620px; padding: 34px 120px 0 }
.ess-popup .folio-monitor .content{ height: 473px }
.ess-popup .folio-mobile{ background: url(../images/folio-mobile.png) no-repeat; width: 226px; height: 410px; padding: 68px 40px 0 32px; position: absolute; right: 18px; bottom: -10px }
.ess-popup .folio-mobile .content{ height: 262px; background: #fff }
.folio-screen{ position: relative }
.folio-screen .content{ position: relative; overflow: hidden }
#folio-popup .folio-screen .content{ overflow: auto; cursor: url(../images/cursor-scroll.png), auto!important }
.customFilter .btn-clear, .customFilter .btn-collapse{ cursor: pointer; vertical-align: middle; text-decoration: none }
.folio-options{ border: 1px dashed #ddd; padding: 10px; font-size: 13px }
.folio-options h5{ background: #f5f5f5; margin: 15px 0 10px; font-weight: 500; font-size: 13px; padding: 6px 10px }
.folio-options ul{ margin: 0; padding: 0 }
.folio-options ul li{ color: #333; list-style-type: none; margin-bottom: 5px }
.folio-options ul li i{ color: #ddd; margin-right: 5px }
.folio-options ul li.selected i{ color: #46baa7 }
.folio-options p{ border-bottom: 1px dashed #ddd; padding-bottom: 6px }
.pagination-folio{ position: absolute; right: 48px; top: 100px }
.pagination-folio .pager{ margin: 0 }
.pagination-folio .btn{ font-size: 24px; padding: 0; width: 34px; height: 34px; line-height: 30px; border-radius: 0 }
.client-logos{ background: #f8f8f8; border-top: 1px solid #ddd }
.client-logos .imgBox{ height: 160px; line-height: 160px; text-align: center; vertical-align: middle; margin: 15px 0 }
.client-logos .imgBox span{ display: block; background: #fff; border: 1px solid #fff; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative }
.client-logos .imgBox span:hover{ border-color: #46baa7 }
.client-logos .imgBox span:before{ content: ""; position: absolute; left: 0; right: 100%; top: 0; background: #46baa7; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.client-logos .imgBox span:hover:before{ right: 0 }
.our-partners .logoBox{ float: left; margin-right: 25px; width: 250px }
.our-partners .list{ margin-bottom: 50px }
.our-partners .list:last-child{ margin-bottom: 0 }
.our-partners .txt{ overflow: auto; padding-left: 15px }
.our-partners .pad{ padding: 15px 20px; border: 1px solid #ddd; position: relative; background: #fff; font-size: 13px }
.our-partners .pad h3{ font-size: 17px; font-weight: 500 }
.our-partners .pad:after, .our-partners .pad:before{ right: 100%; top: 35px; border: solid transparent; content: " "; position: absolute; pointer-events: none }
.our-partners .pad:after{ border-color: rgba(255,255,255,0); border-right-color: #fff; border-width: 12px; margin-top: -12px }
.our-partners .pad:before{ border-color: rgba(221,221,221,0); border-right-color: #ccc; border-width: 13px; margin-top: -13px }
.testimonial .fa.fa-quote-left{ position: absolute; left: 12px; top: 18px; color: #888; font-size: 12px }
.testimonial .quote{ position: relative; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f3f3f3; border: 1px solid #ddd; padding: 15px 30px; margin-bottom: 15px }
.testimonial .quote:after, .testimonial .quote:before{ top: 100%; left: 46px; border: solid transparent; content: " "; position: absolute; pointer-events: none }
.testimonial .quote:after{ border-color: rgba(243,243,243,0); border-top-color: #f3f3f3; border-width: 12px 15px 0 0; margin-left: -12px }
.testimonial .quote:before{ border-color: rgba(204,204,204,0); border-top-color: #ddd; border-width: 14px 17px 0 0; margin-left: -13px }
.testimonial .user{ margin-bottom: 30px; font-size: 13px }
.testimonial .user i{ border: 5px solid #f2f2f2; width: 56px; height: 56px; line-height: 46px; border-radius: 56px; text-align: center; vertical-align: middle; color: #999; font-size: 24px; margin-right: 10px }
.testimonial .user span{ display: inline-block; vertical-align: middle; font-weight: 600 }
.testimonial .user strong{ display: block }
.testimonial .user a{ display: inline-block }
.page-sitemap .page-list{ margin-left: 100px }
.page-sitemap ul{ margin: 15px auto; padding: 0; position: relative }
.page-sitemap ul ul{ margin: 8px 0 0 18px }
.page-sitemap ul li{ display: block; position: relative }
.page-sitemap ul li a{ display: inline-block; padding: 5px 15px; color: #333; background: #fff; font-weight: 600 }
.page-sitemap ul li:before, .page-sitemap ul:before{ content: ""; display: block; position: absolute }
.page-sitemap ul li a:hover{ background: #f5f5f5 }
.page-sitemap ul:before{ border-left: 1px solid; left: -1px; top: 15px; bottom: 14px; width: 0 }
.page-sitemap ul ul:before{ top: -15px }
.page-sitemap ul li:before{ border-top: 1px solid; height: 0; left: 0; margin-top: -1px; top: 16px; width: 15px }
.customFilter{ text-align: left; margin-top: 20px }
.flter-wrap{ display: inline-block }
.customFilter .label{ font-size: 13px; padding: 0 5px 0 0; font-weight: 400; color: #333 }
.customFilter .bootstrap-select{ margin-right: 15px; float: left }
.btn-group.bootstrap-select .btn.dropdown-toggle{ background: #FFF; border: 1px solid #e5e5e5; border-radius: 0; font-weight: 500; font-size: 11px; padding: 0 10px; height: 28px; line-height: 26px; margin: 0; color: #555 }
.btn-group.bootstrap-select.active .btn.dropdown-toggle, .btn-group.bootstrap-select.open .btn.dropdown-toggle{ border-color: #46baa7; box-shadow: none; background: #fff }
.btn-group.bootstrap-select .btn.dropdown-toggle:focus{ outline: 0!important }
.customFilter .btn.btn-go{ margin: 0; padding: 0; width: 28px; height: 28px; font-weight: 500; font-size: 11px; border-radius: 28px }
.customFilter .btn-collapse{ display: inline-block; margin-bottom: -1px; padding: 5px 12px; border: 1px solid #e5e5e5; background: #fff; color: #545454; font-weight: 500 }
.customFilter .btn-collapse.open{ border-bottom-color: #fff }
.customFilter .btn-clear i, .customFilter .btn-collapse i{ margin-right: 5px }
.customFilter .btn-collapse span{ font-size: 18px; line-height: 12px; display: inline-block; margin-left: 10px; margin-top: -5px; vertical-align: middle }
.customFilter .btn-clear{ color: #fff; margin-left: 15px; background: #f07777; display: inline-block; padding: 3px 12px; border: 1px solid #f07777; font-weight: 500 }
.btn-group.bootstrap-select.show-menu-arrow .btn.dropdown-toggle:after{ bottom: -8px; border-bottom-color: #46baa7 }
.btn-group.bootstrap-select.show-menu-arrow .btn.dropdown-toggle:before{ border: 0 }
.btn-group.bootstrap-select.show-menu-arrow .btn.dropdown-toggle:after{ top: -8px; border-top-color: #46baa7 }
.customFilter .pad{ padding: 15px; border: 1px solid #e5e5e5; background: #fff; display: none }
.btn-group.bootstrap-select .dropdown-menu{ border-radius: 0; border: 1px solid #46baa7; margin-top: 7px; margin-bottom: 7px; padding: 0; width: 100% }
.btn-group.bootstrap-select .dropdown-menu li a{ border-bottom: 1px solid #eee; padding: 4px 12px }
.btn-group.bootstrap-select .dropdown-menu li .hlt .text{ color: #fff; font-size: 12px; padding: 2px 6px; font-weight: 500; background-color: #46baa7 }
.btn-group.bootstrap-select .dropdown-menu li .hlt:hover .text{ opacity: .7 }
.btn-group.bootstrap-select .dropdown-menu li .cls1 .text{ background-color: #2d2d2d }
.btn-group.bootstrap-select .dropdown-menu li .cls2 .text{ background-color: #46baa7 }
.btn-group.bootstrap-select .dropdown-menu li .cls3 .text{ background-color: #5cb85c }
#eccFilter .btn-group.bootstrap-select .dropdown-menu li .cls1 .text{ background-color: #EF672F }
#eccFilter .btn-group.bootstrap-select .dropdown-menu li .cls2 .text{ background-color: #F78F1D }
#eccFilter .btn-group.bootstrap-select .dropdown-menu li .cls3 .text{ background-color: #00A9C8 }
#eccFilter .btn-group.bootstrap-select .dropdown-menu li .cls4 .text{ background-color: #2D7FC8 }
#cmsFilter .btn-group.bootstrap-select .dropdown-menu li .cls1 .text{ background-color: #21759B }
#cmsFilter .btn-group.bootstrap-select .dropdown-menu li .cls2 .text, #cmsFilter .btn-group.bootstrap-select .dropdown-menu li .cls3 .text, #cmsFilter .btn-group.bootstrap-select .dropdown-menu li .cls4 .text{ background-color: #46baa7 }
.btn-group.bootstrap-select .dropdown-menu .check-mark{ color: #46baa7; font-size: 12px; margin-top: 8px!important; position: absolute; right: 15px }
.cForm .btn-group.bootstrap-select .dropdown-menu .check-mark{ width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 0; display: inline-block!important; margin-top: 4px!important; left: 6px; right: auto!important; border: 1px solid; opacity: .4; color: #333 }
.cForm .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ font-size: 12px; opacity: 1; color: #46baa7 }
.cForm .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{ margin: 0 0 0 20px }
.fa-spinner.fa-spin{ font-size: 30px; color: #46baa7 }
.alert-info.info{ margin-bottom: 0 }
.faq-wrap .list{ background: #fff }
.faq-wrap .btn-collapse{ display: block; padding: 10px 15px; border: 1px solid #eee; color: #333; text-decoration: none; border-bottom: 0; font-size: 13px; font-weight: 500 }
.faq-wrap .list:last-child{ border-bottom: 1px solid #eee }
.faq-wrap .btn-collapse i{ margin-right: 5px }
.faq-wrap .box{ border: 1px solid #eee; border-top: 0; border-bottom: 0; padding: 15px; display: none; font-size: 13px }
.cms-pages h4{ font-size: 20px; font-weight: 500 }
.cms-pages ol li, .cms-pages ul li{ margin-bottom: 12px }
.check-list{ padding: 0; margin: 15px 0 }
.check-list li{ position: relative; display: block; padding-left: 26px; font-weight: 500 }
.check-list li i.fa-check{ width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; display: inline-block!important; position: absolute; top: 0; left: 0; border: 1px dashed; color: #555 }
.numbered-list ol li{ display: block; margin-bottom: 30px }
.numbered-list ol ol li{ display: block; margin-bottom: 12px }
.numbered-list ol>li:first-child{ counter-reset: item }
.numbered-list ol>li{ counter-increment: item; position: relative }
.numbered-list ol>li:before{ font-weight: 700; color: #666; content: counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px; font-family: Arial, Helvetica, sans-serif }
.numbered-list ol ol>li:before{ font-weight: 400 }
.headcont.pull-right{ margin-right: 40px; margin-top: 18px }
.header.affix .headcont.pull-right{ margin-top: 3px }
.headcont.pull-right .num strong{ line-height: 23px; display: block; font-family: Arial, Helvetica, sans-serif!important; font-size: 23px; color: #46baa7; font-weight: 400 }
.headcont.pull-right a{ color: #717171 }
.headcont.pull-right a:hover{ color: #000 }
.custPost, .toggle-menu{ display: none }
.top-menu{ float: right; margin: 20px 10px 0 0 }
.affix .top-menu{ margin-top: 5px }
.top-menu .nav li{ margin: 0; padding: 0; list-style-type: none; float: left; position: relative }
.top-menu .nav li a{ position: relative; display: block; text-decoration: none; margin: 0; padding: 0 12px; height: 34px; line-height: 34px; color: #555; font-size: 18px }
.top-menu .nav li a .arw{ margin-left: 5px }
.top-menu .nav ul li a .arw{ float: right; margin: 2px 0 0 }
.top-menu .nav li a:hover, .top-menu .nav>li.active>a, .top-menu .nav>li.over>a{ background: #46baa7; color: #fff }
.top-menu .nav li.home a{ background: url(../svg/icon-home.svg) 0 center no-repeat; width: 30px; padding: 0; font-size: 0; text-indent: -999px }
.top-menu .nav li.home a:hover{ opacity: .6 }
.top-menu .nav ul{ display: none; padding: 0; margin: 0; position: absolute; top: 100%; left: 0; width: 215px; box-shadow: 4px 4px 0 0 rgba(35,35,35,.1); z-index: 99; border: 1px solid #46baa7; border-top-width: 3px; background: #fff }
.top-menu .nav ul ul{ top: -3px; left: 100%; z-index: 999 }
.top-menu .nav ul li{ border: 0; float: none; height: auto; padding: 0 }
.top-menu .nav ul li a{ height: auto; line-height: normal; font-size: 13px; margin: 0; padding-top: 10px; padding-bottom: 10px; color: #666; display: block; float: none; border: 0; border-bottom: 1px solid #EEE7E8; text-align: left; font-weight: 400; background: #fff }
.top-menu .nav ul li:last-child>a{ border: 0 }
.top-menu .nav ul li a:hover, .top-menu .nav ul li.over>a{ background-color: #f5f5f5; color: #555; border: 0; border-bottom: 1px solid #EEE7E8 }
.top-menu .hide-dc{ display: none!important }
body.home .slideBox, body.page-id-14 .slideBox{ display: none }
.slideBox{ border: 3px solid #46baa7; position: fixed; left: -270px; top: 135px; z-index: 9999; background: #40323f; width: 270px }
.xmas-Santa, .xmas-leaf{ z-index: 10; position: absolute }
.slideBox.active{ left: -3px }
.slideBox .pad{ padding: 20px; position: relative }
.slideBox h3{ font-size: 34px; font-weight: lighter; color: #fff }
.slideBox .imgBox{ margin: 15px 0 5px }
.slideBox p{ color: #fff; font-size: 13px }
.slideBox .btn{ display: block; margin: 15px 0 0; border-radius: 20px; color: #fff; font-size: 18px }
.slideBox .wt-border{ background: 0 0; border: 1px solid #fff }
.slideBox .wt-border:hover{ background: #fff; color: #333 }
.slideBox .trigger{ border: 1px solid #fff; border-top: 0; position: absolute; right: -102px; top: 130px; display: inline-block; height: 40px; line-height: 40px; text-decoration: none; background: #46baa7; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) }
.slideBox .trigger:hover{ opacity: .8 }
.slideBox .trigger span{ white-space: nowrap; padding: 0 12px; font-size: 15px; font-weight: 600 }
.slideBox .trigger i{ background: #3aa593; width: 38px; height: 38px; line-height: 38px; vertical-align: top; text-align: center; font-size: 24px }

.slider-capz.slidedesc0{ display:none; }