/* Theme Name: apixio Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: apixio Tags: 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. apixio is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-inner, .fancybox-outer, .fancybox-skin { position: relative; } .fancybox-skin { background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5); } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px 'Montserrat', sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-next span, .fancybox-prev span { background-image: url(images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060; } .fancybox-close, .fancybox-nav, .fancybox-nav span { cursor: pointer; z-index: 8040; } #fancybox-loading div { width: 44px; height: 44px; background: url(images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; text-decoration: none; background: url(images/blank.gif); -webkit-tap-highlight-color: transparent; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock, .fancybox-lock body { overflow: hidden !important; } .fancybox-lock { width: auto; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; background: none; } .fancybox-title { visibility: hidden; font: 400 13px/20px 'Montserrat', sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0, 0, 0, .8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .fancybox-home-video { width: 94%; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0 none; margin: 0; outline: medium none; padding: 0; vertical-align: top; } .page-template-template-team .fancybox-overlay { background: none; } .page-template-template-team .fancybox-skin { border-radius: 0; } .page-template-template-team .fancybox-close, .page-template-template-careers .fancybox-close { position: absolute; top: 8px; right: 8px; background: url(images/fancybox_close.png) no-repeat; width: 13px; height: 15px; } .fancybox-home-video .fancybox-close { background: url(images/fancybox_close.png) no-repeat 50% 50% #fff; border-radius: 50%; height: 25px; position: absolute; right: -25px; text-indent: -9999px; top: -25px; width: 25px; } .popup_box { max-width: 630px; height: auto; position: relative; padding: 18px 15px; } .popup_box .holder_images { width: 177px; margin: 0 30px 0 0; float: left; } .popup_box .holder_images .images { display: block; box-shadow: 2px 2px 6px 0 #a0a1a4; margin: 0 0 10px; } .popup_box span.name.add { color: #3b63a4; font: bold 16px/22px 'Montserrat', sans-serif; display: block; text-align: left; text-transform: uppercase; letter-spacing: -0.02em; } .popup_box span.name { color: #262424; font: bold 15px/19px 'Montserrat', sans-serif; display: block; text-align: left; } .popup_box .description { overflow: hidden; font: 17px/20px 'Montserrat', sans-serif; } .popup_box .description h3 { color: #3b63a4; font: bold 19px/23px 'Montserrat', sans-serif; display: block; text-transform: uppercase; margin: 0 0 10px; } .popup_box p { font: 17px/20px 'Montserrat', sans-serif; color: #262424; margin: 0 0 15px; } .popup_box .social { overflow: hidden; } .popup_box .social li { float: left; width: 22px; margin: 0 3px 0 0; height: 22px; } .video-home iframe { width: 100% !important; } @media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite@2x.png"); background-size: 44px 152px; } .fancybox-home-video .fancybox-inner, .fancybox-home-video .popup-video iframe { width: 100% !important; } #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; } } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } img { vertical-align: middle; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a[href], label[for], select, input[type=checkbox], input[type=radio] { cursor: pointer; } button, input[type=button], input[type=image], input[type=reset], input[type=submit] { padding: 0; overflow: visible; cursor: pointer; } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=image]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; } .hide { position: absolute !important; left: -9999em !important; } .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .ie7 .clearfix { zoom: 1; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th, td { vertical-align: top; } th { font-weight: normal; text-align: left; } address, cite, dfn { font-style: normal; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } textarea { overflow: auto; } input[type=tel], input[type=url], input[type=password], input[type=text], input[type=email], input[type=reset], input[type=button], input[type=submit], button, textarea { -webkit-appearance: none; -webkit-border-radius: 0; } #overlayPP { max-width: inherit !important; } /* Normalized Styles ------------------------------------------------------------------------------*/ body { font: 18px 'Montserrat', sans-serif; min-width: 320px; color: #434343; background: #fff; -webkit-text-size-adjust: none; } input, textarea, select, button { outline: none; font-family: 'Montserrat', sans-serif; } a { text-decoration: none; color: #1463a7; } a:hover { text-decoration: underline; } .hidden { display: none; } /* wrapper */ #wrapper { width: 100%; overflow: hidden; position: relative; } .page-holder { max-width: 1717px; padding: 0 30px; margin: 0 auto; } .container{ margin: 0 auto; } .content-holder{ text-align:center; max-width:1000px; padding:0 20px; margin:0 auto; } .main-frame-area .page-holder { max-width: 1200px; } .page-holder:after { content: ""; clear: both; display: block; } #header{ position:relative; font-size:18px; line-height:1em; font-family:"HelveticaNeue", 'Montserrat', sans-serif; } .nav-holder{ float:right; } .nav-drop .hiring{ display:none } .logo, .logo-tech{ float:left; width:266px; padding:19px 0; } .logo-tech{ padding-top:40px } .nav-opener{ display: none; float:right; position:relative; width:31px; height:31px; background:#000; background:rgba(31, 42, 93, .9); border-radius:3px; text-indent:-9999px; overflow:hidden; margin:27px 0; } .nav-opener:before, .nav-opener:after, .nav-opener span{ background:#fff; border-radius:4px; position:absolute; top:16px; left:25%; right:25%; height:3px; margin-top:-2px; transition:all 0.2s linear; } .nav-opener:before, .nav-opener:after{ content:''; top:10px; } .nav-opener:after{ top:22px; } .nav-active .nav-opener span{opacity:0;} .nav-active .nav-opener:after, .nav-active .nav-opener:before{ -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top: 16px; left: 15%; right:15%; } .nav-active .nav-opener:after{ -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .resize-active .nav-drop{transition:none;} .menu{ letter-spacing:-0.36em; list-style:none; margin:0 -22px; padding:0; } .menu>li{ position:relative; letter-spacing:0; display:inline-block; vertical-align:top; } .menu>li.hover>a{ background:#1f2a5d; color:#fff !important; } .menu>li.hover.has-sub-menu>a:before, .menu>li.hover.menu-item-has-children>a:before { content:''; position:absolute; width:15px; height:11px; left:50%; transform:translateX(-50%); bottom:20%; background:url(images/nav-ico01.png) no-repeat 50% 50%; } .menu>li.hover .sub-menu{ display:block; } .menu>li>a{ position:relative; background:transparent; display:block; color:#000; text-decoration:none; letter-spacing:0.9px; padding:73px 22px 51px; text-transform: uppercase; } .menu>li:last-child>a{ color:#48b20f; } .sub-menu{ display:none; position:absolute; z-index:999; top:100%; left:0; min-width:275px; max-width:400px; list-style:none; margin:0; padding:0; background:#1f2a5d; } .sub-menu a{ display:block; padding:13px 40px; color:#fff; text-decoration:none; text-transform: capitalize; } .sub-menu a:hover{ /* background:#171f44; */ text-decoration: underline; } .slideshow { height: 600px; position: relative; } .slideshow .slide { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .slideshow .slide.active { z-index: 2; } .slideshow.not-enough-slides, .slideshow.not-enough-slides { visibility: visible; } .slideshow .bg-stretch { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .slideshow .bg-stretch img { max-width: inherit !important; } .slideshow .container { max-width: 1717px; padding: 77px 15px; } .slideshow h2 { color: #fff; font-size: 34px; font-weight: 900; line-height: 100%; margin: 0 0 5px; } .slideshow .link { color: #fff; display: inline-block; font-size: 18px; font-weight: 900; line-height: 30px; padding: 0; text-transform: uppercase; } .info-area { background: url(images/bg-info-area.jpg) no-repeat 50% 50%; background-size: cover; padding: 74px 0 75px; } .info-area h2 { margin: 0 0 12px; color: #1463a7; font-size: 28px; line-height: 32px; font-weight: 900; } .info-area .txt-box { padding: 0 0 0 97px; max-width: 660px; } .info-area .txt-box p { margin: 0 0 25px; font-size: 18px; line-height: 25px; } .btn { padding: 10px 0 52px; } .btn a { display: block; max-width: 290px; text-align: center; font-size: 18px; line-height: 24px; padding: 15px 0; border-radius: 8px; -webkit-border-radius: 8px; background: #767676; font-weight: 900; color: #fff; } .btn a:hover { text-decoration: none; opacity: 0.8; } .add-ico-lst { margin: 0; padding: 0; list-style: none; } .add-ico-lst li { display: inline-block; vertical-align: top; padding: 0 80px 0 0; text-align: center; } .add-ico-lst .ico { padding: 0 0 13px; } .add-ico-lst a { color: #000; } .add-ico-lst .txt { display: block; font-size: 16px; line-height: 19px; } .info-holder { /*background: url(images/bg-info-holder.jpg) no-repeat 50% 50%; */ background-size: cover; padding: 74px 0 50px; } .txt-row { max-width: 895px; margin: 0 auto; padding: 0 0 32px; overflow: hidden; } .txt-row .hold { overflow: hidden; } .txt-row .ico { float: left; max-width: 138px; width: 16%; padding: 3px 4% 0 0; } .txt-row .txt-box { overflow: hidden; color: #fff; } .txt-row .txt-box h3 { margin: 0 0 12px; font-size: 28px; line-height: 32px; font-weight: 900; } .txt-row .txt-box p { margin: 0 0 43px; font-size: 18px; line-height: 25px; } .btn.green a { background: #48b20f; } .txt-row .btn a { margin: 0 auto; } .add-info-box { color: #fff; text-align: center; } .add-info-box h3 { margin: 0 0 31px; font: 300 30px/34px "HelveticaNeue", 'Montserrat', sans-serif; } .info-lst { margin: 0; padding: 0; list-style: none; } .info-lst li { display: inline-block; vertical-align: top; width: 270px; height: 228px; margin: 0 3.7%; padding: 42px 0 0; border: 5px solid #fff; border-radius: 270px; -webkit-border-radius: 270px; } .info-lst h2 { margin: 0; font: 112px/115px "HelveticaNeueCond", 'Montserrat', sans-serif; } .info-lst h3 { margin: 0 0 4px; text-transform: uppercase; font: 200 24px/28px "HelveticaNeue", 'Montserrat', sans-serif; } .info-lst .q_counter_holder { height: 117px; display: block; overflow: hidden; } .info-lst .q_counter_holder span.counter { display: inline-block !important; } .info-lst .q_counter_holder span.counter .onedigit { height: 123px !important; } .info-lst p { margin: 0; font: 200 18px/22px "HelveticaNeue", 'Montserrat', sans-serif; } .info-frame { /*background: url(images/bg-info-frame.jpg) no-repeat 50% 50%; */ background-size: cover !important; padding: 192px 0 145px; } .info-frame .txt-box { float: right; padding: 0 100px 0 0; max-width: 720px; width: 100%; } .info-frame .txt-box .ico { float: left; max-width: 97px; width: 14%; padding: 0 5.7% 0 0; } .info-frame .text-box { overflow: hidden; } .info-frame .text-box h2 { margin: 0 0 14px; color: #1463a7; font-size: 28px; line-height: 32px; font-weight: 900; } .info-frame .text-box p { margin: 0 0 30px; font-size: 18px; line-height: 24px; } .btn.blue a { background: #1463a7; } .customer-area { padding: 93px 0 60px; } .customer-area h2 { margin: 0 0 81px; text-align: center; color: #1463a7; font-size: 28px; line-height: 32px; font-weight: 900; } .logo-lst { list-style: none; margin: 0 auto; max-width: 1570px; padding: 0; text-align: center; } .logo-lst li { display: inline-block; vertical-align: middle; width: 290px; text-align: center; padding: 0 6% 60px; } .info-area-holder { background-position: 50% 0 !important; background-repeat: no-repeat !important; background-size: auto 100% !important; position: relative; padding: 41px 0 30px; min-height: 307px; background-color: #f9f9fa !important; } .info-area-holder:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: url(images/bg-info-area-holder-inner.jpg) no-repeat 50% 0; */ background-size: auto 100%; } .info-area-holder .page-holder { position: relative; z-index: 2; } .info-area-holder .txt-box { float: right; max-width: 680px; width: 57%; } .info-area-holder h1 { color: #1f2a5d; font-size: 60px; font-family: "Arial Narrow", 'Montserrat', sans-serif; line-height: 125%; margin: 0 0 20px; } .info-area-holder h2 { margin: 0 0 5px; color: #1463a7; font-size: 18px; line-height: 24px; } .info-area-holder p { margin: 0 0 4px; color: #434343; font-size: 18px; line-height: 25px; } .info-add-row { background: #1463a7; padding: 32px 0 38px; color: #fff; } .info-add-row .txt-box { float: left; max-width: 570px; width: 48%; } .info-add-row .ico-lst { margin: 0; padding: 9px 0 0; list-style: none; overflow: hidden; text-align: center; font-size: 18px; line-height: 22px; } .info-add-row .ico-lst li { display: inline-block; vertical-align: top; padding: 0 8%; } .info-add-row .ico-lst a { cursor: pointer; color: #fff; text-transform: uppercase; } .info-add-row .ico-lst a:hover { text-decoration: none; opacity: 0.8; } .info-add-row .ico-lst .ico { display: block; padding: 0 0 7px; } .info-add-row .ico-lst .ttl { display: block; font-weight: 900; } .info-add-row h2 { margin: 0 0 10px; font: 36px/40px "Arial Narrow", 'Montserrat', sans-serif; } .info-add-row p { font-size: 18px; line-height: 25px; margin: 0; } .info-list-area { position: relative; padding: 42px 0 35px; background-position: 50% 50% !important; } .info-list-area-wapper { background: url(images/bg-info-list-area.gif) no-repeat 50% 50%; background: rgba(241, 241, 241, 1); background: -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(249, 249, 249, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(249, 249, 249, 1))); background: -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(249, 249, 249, 1) 100%); background: -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(249, 249, 249, 1) 100%); background: -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(249, 249, 249, 1) 100%); background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(249, 249, 249, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f9f9f9', GradientType=0 ); } .info-list-area .page-holder { position: relative; z-index: 10; } .info-list-area h2 { margin: 0 0 22px; color: #1f2a5d; font: 36px/40px "Arial Narrow", 'Montserrat', sans-serif; } .info-list-area .holder { padding: 0 25% 0 0; } .info-list-area .list { margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 25px; } .info-list-area .list li { background: url(images/bullet-lst.png) no-repeat; padding: 0 0 13px 40px; } .list-inform { margin: 0; padding: 0; list-style: none; } .list-inform li { overflow: hidden; vertical-align: top; background: #b8d0e4; padding: 33px 9999px 28px; margin: 0 -9999px; position: relative; } .list-inform li.item02 { background: #d0e0ed; } .list-inform li.item03 { background: #e7eff6; } .list-inform .ico { float: left; width: 104px; padding: 0 31px 0 0; } .list-inform .txt-box { overflow: hidden; padding: 11px 0 0; } .list-inform .txt-box h3 { margin: 0 0 5px; font-size: 18px; line-height: 22px; font-weight: 900; text-transform: uppercase; } .list-inform .txt-box p { margin: 0 0 15px; font-size: 18px; line-height: 25px; } /* select */ select:focus { outline: none; } div.selector { width: auto !important; line-height: 33px; height: 33px; overflow: hidden; position: relative; font-size: 18px; } div.selector:after { content: ""; position: absolute; top: 0; right: 0; background: url(images/bg-select.png) no-repeat 0 50%; width: 16px; height: 33px; overflow: hidden; z-index: 1; } div.selector select { color: #434343; font: 18px/33px 'Montserrat', sans-serif; height: 33px; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; opacity: 0; filter: alpha(opacity: 0); border: none; background: none; padding: 0; cursor: pointer; } div.selector span { width: auto !important; line-height: 33px; max-width: 80%; height: 33px; color: #434343; position: relative; z-index: 9; cursor: pointer; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* top-img-area */ .top-img-area { overflow: hidden; margin: 0 0 25px; height: 378px; background-size: cover; } .top-img-area img { height: 100%; max-width: none; } .main-frame-section { overflow: hidden; position: relative; width: 100%; padding: 0 0 55px; } .page-template-template-technical-blog .page-holder{ padding: 0; } .single-technical-post .main-frame-section, .single .main-frame-section { border-top:12px solid #48b20f; } .main-frame-section .page-holder { max-width: 1520px; margin: 0 auto; overflow: hidden; } .single-technical-post .main-frame-section .page-holder, .single .main-frame-section .page-holder{ max-width: 1200px; } .page-template-template-technical-blog .main-frame-section .page-holder { max-width: none; padding: 0; } #content { float: left; max-width: 963px; padding-left: 2%; width: 62%; } #content.content-full { float: none; max-width: 100%; padding: 0; width: 100%; } .txt-area { border-bottom: 2px solid #e6e7e8; padding: 0 0 44px; margin: 0 0 33px; } .single-technical-post .txt-area, .single .txt-area { padding: 120px 0 44px; border-bottom: 0; } .data-info-area h2 { margin: 0 0 5px; color: #48b20f; font-size: 36px; line-height: 39px; } .data-info-area p { margin: 0 0 21px; font-size: 14px; line-height: 17px; font-weight: 200px; } .data-info .top-ttl { background: #f4f5f7; border: 1px solid #d7d7d7; overflow: hidden; margin: 0 0 18px; } .data-info .top-ttl .box { overflow: hidden; padding: 3px 5px 3px 21px; background: url(images/sep-select-box.png) repeat-y; } .data-info .top-ttl .box:first-child { padding: 0; background: none; float: left; max-width: 758px; width: 79%; } .data-info .top-ttl .box:first-child .search_job { width: 100%; padding: 10px; border: none; } .main-area .row { border-bottom: 1px solid #e6e7e8; overflow: hidden; padding: 0 21px 10px; margin: 0 0 20px; } .main-area .row .box { overflow: hidden; } .main-area .row .box h3 { margin: 0 0 19px; font-size: 18px; line-height: 21px; } .main-area .row .box h3 a { color: #1463a7; } .main-area .row .box p { margin: 0; font-size: 12px; line-height: 25px; font-style: italic; } .main-area .row .box:first-child { float: left; max-width: 739px; width: 81%; } .main-area .row .box .txt { display: block; padding: 5px 0 0 15px; text-align: right; color: #434343; font-size: 12px; line-height: 16px; } .pagination-lst { margin: 0; padding: 0; list-style: none; text-align: right; font-size: 18px; line-height: 26px; } .pagination-lst li { display: inline-block; vertical-align: top; padding: 0 0 0 5px; } .pagination-lst a { display: block; background: #f4f5f7; border: 1px solid #d7d7d7; color: #434343; padding: 1px 9px; } .pagination-lst .active a, .pagination-lst a:hover { text-decoration: none; background: #d7d7d7; border-color: #d7d7d7; } #sidebar { float: right; max-width: 495px; width: 33%; border-left: 2px solid #e6e7e8; padding-bottom: 9999px; margin-bottom: -9999px; } .side-holder { padding: 20px 0 0 12%; } .side-holder h2 { color: #1463a7; font-size: 25px; line-height: 39px; margin: 0 0 14px; } .side-holder p { margin: 0; color: #434343; font-size: 18px; line-height: 25px; } .side-holder p a { text-decoration: underline; } .side-holder p a:hover { text-decoration: none; } .inform-holder { background-position: 50% 100% !important; background-repeat: no-repeat !important; background-size: cover !important; padding: 52px 0 60px; } .inform-holder .txt-box { max-width: 830px; } .inform-holder .txt-box h1 { color: #1f2a5d; font-family: "Arial Narrow", 'Montserrat', sans-serif; font-size: 56px; line-height: 135%; margin: 0 0 14px; } .inform-holder .txt-box h2 { margin: 0 0 5px; color: #1463a7; font-size: 18px; line-height: 24px; } .inform-holder .txt-box p { margin: 0; font-size: 18px; line-height: 125%; } .inform-section { padding: 45px 0; overflow: hidden; } .inform-block .ico, .inform-frame .ico, .inform-section .ico { float: left; width: 80px; padding: 40px 12px 0 0; } .inform-frame .ico { padding-top: 0; } .inform-block .text-box, .inform-frame .text-box, .inform-section .text-box { overflow: hidden; } .inform-section .txt-block { float: left; max-width: 570px; padding: 40px 6.4% 0 0; width: 52%; } .inform-section.blue .txt-block { max-width: 495px; padding: 40px 4.2% 0 0; width: 49%; } .inform-section.blue .ico { padding-top: 20px; } .inform-block h3, .inform-frame .text-box h3, .inform-section .txt-block h3 { margin: 0 0 7px; color: #1463a7; font: 34px/40px "Arial Narrow", 'Montserrat', sans-serif; } .inform-block p, .inform-frame .text-box p, .inform-section .txt-block p { margin: 0; font-size: 18px; line-height: 125%; } .inform-section .img { overflow: hidden; } .inform-section.blue { background: #1463a7; } .inform-block.inner p, .inform-block.inner h3, .inform-section.blue p, .inform-section.blue h3 { color: #fff; } .inform-frame { padding: 99px 0; background-position: 50% 0 !important; background-repeat: no-repeat !important; background-size: cover !important; } .inform-frame .holder { max-width: 730px; margin: 0 auto; } .inform-block { padding: 77px 0 86px; background-color: #edf2f7; background-position: 50% 50% !important; background-repeat: no-repeat !important; /*background-size: auto 100% !important; */ background-size: cover !important; } .inform-block .ico { padding-top: 0; } .inform-block .txt-block { max-width: 705px; } .inform-block.inner { margin: 0 0 90px; px; */ background-color: #1463a7 !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; /*background-size: auto 100% !important; */ background-size: cover !important; } .page-template-template-technology .inform-block.inner{ margin:0 } /***************blog**************/ .blog-wapper { float: left; margin-top: 15px; width: 100%; } .blog-wapper h3 { font-size: 24px; font-weight: normal; } .blog-wapper content { font-size: 24px; font-weight: 200px; } .read-more-wapper { float: left; padding-bottom: 20px; width: 100%; text-align: right; } .read-more-wapper .read-more a { font-size: 18px; } .blog-wapper .entry a { text-decoration: none; } .page-template-template-blog .main-area .row { padding: 0; } .page-template-template-blog .entry p { color: #434343; font-size: 18px !important; font-style: normal !important; font-weight: 200px !important; line-height: 25px !important; margin: 0 0 14px !important; } .page-template-template-blog .txt-area { border-bottom: medium none; margin: 0; padding: 0; } .page-holder.team-list .personal_list { overflow: hidden; font-size: 0; vertical-align: top; margin: 0 auto; /* max-width: 855px; */ max-width: 696px; width: 100%; padding: 40px 0 40px; } .personal_list.non_photo > li { padding: 20px 15px; /* width: 175px; */ width: 170px; /* margin: 0 35px 32px; */ margin: 0 16px 32px; } .page-holder .personal_list.non_photo { margin: 0 auto; } .page-holder .team-list-holder.add h2 { margin-top: 15px; } .team-list-holder { margin: 0 0 22px; border-bottom: 1px solid #a0a1a4; overflow: hidden; } .page-holder.team-list .team-list-holder.add { margin: 0; } .personal_list > li { display: inline-block; vertical-align: top; /* margin: 0 35px 40px; */ margin: 0 16px 32px; width: 180px; background: #fff; padding: 10px 10px 25px; box-shadow: 2px 3px 5px 2px #a0a1a4; min-height: 265px; } .personal_list.non_photo > li { min-height: 60px; } .personal_list li .images { display: block; box-shadow: 2px 2px 6px 0 #a0a1a4; margin: 0 0 10px; } .personal_list li .images img { width: 100%; height: auto; display: block; } .personal_list li .images img{ filter: url('js/filters.svg#grayscale'); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/ } .personal_list li .images img:hover { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } .personal_list li span.name { color: #262424; font: bold 13px/18px 'Montserrat', sans-serif; display: block; text-align: left; } .personal_list li span.name.add { text-transform: uppercase; } .personal_list li a { text-decoration: underline; font-size: 12px; line-height: 14px; color: #262424; display: block; margin: 7px 0 0; text-align: left; } .personal_list li a:hover { text-decoration: none; } .personal_list li .social { overflow: hidden; padding: 10px 0 0; text-align: left; } .personal_list li .social li { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: 0 5px 0 0; } .personal_list li .social li a { display: block; margin: 0; } .personal_list li .social li a:hover { opacity: 0.9; } .page-holder.team-list h2 { margin: 20px 0 0 6px; color: #1463a7; font: bold 48px/48px Arial, sans-serif; text-align: center; } /* pagination */ .custom-pagination { padding-left: 203px; } .custom-pagination-archive { text-align: center; } .custom-pagination-archive a { margin: 0 5px 5px; } .custom-pagination-archive span { margin: 0 5px 5px; } /* Wordpress ------------------------------------------------------------------------------*/ .textwidget p { padding: 0 0 10px 0; } /* Respond */ #respond { margin: 20px 0 20px 0; overflow: hidden; } .commentlist #respond { margin: 0 0 20px 0; } #respond .comment-reply-title { margin: 0 0 5px 0; } #respond .comment-reply-title small { font-size: 12px; font-weight: normal; } #commentform p { width: 100%; overflow: hidden; padding: 0 0 10px; margin: 0; } #commentform p label { display: block; padding: 0 0 5px; } #commentform p textarea { width: 96%; } /* Comments*/ #comments { margin: 0 0 5px 0; } .commentlist { padding: 0; text-align: justify; line-height: 1.6em; } .commentlist li.comment { margin: 15px 0 10px; padding: 15px; list-style: none; border: 1px solid #ececec; background: #f6f6f5; } .commentlist li.alt { margin: 10px 0 0 0; background: #fff; } .commentlist li.comment ul li.comment { margin-right: 15px; margin-left: 10px; } .commentlist .entry-comment p { margin: 10px 0 10px 0; } .commentlist .children { padding: 0; } /* Typography */ .entry { width: 100%; line-height: 1.5em; } .entry a { text-decoration: underline; } .entry a:hover { text-decoration: none; } .entry p { margin: 0 0 14px; color: #434343; font-size: 18px; line-height: 25px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { line-height: 1.5em; margin: 0 0 15px 0; } .entry h1 { margin: 0 0 21px; color: #1463a7; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 72px; line-height: 125%; text-transform: capitalize; } .entry h2 { color: #1463a7; font-size: 32px; line-height: 39px; margin: 0 0 15px; } .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry ul { margin: 0 0 20px 0; padding: 0 0 0 30px; } .entry ul ul, .entry ul ol { margin: 0; } .entry ul li { list-style-type: disc; line-height: 1.5em; } .entry ul ul li { list-style-type: circle; } .entry ul li ol li { list-style-type: decimal; } .entry ol { margin: 0 0 20px 0; padding: 0 0 0 30px; } .entry ol ol, .entry ol ul { margin: 0; } .entry ol li { list-style-type: decimal; line-height: 1.5em; } .entry ol li ol li { list-style-type: lower-alpha; } .entry ol li ul li { list-style-type: disc; } .entry table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; margin: 0 0 15px 0; } .entry table td, .entry table th { border: 1px solid #ccc; padding: 5px; } .entry table th { background: #eee; } /* Calendar */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 10px; } #wp-calendar th, #wp-calendar td { text-align: center; padding: 3px 0; } #wp-calendar td { background: transparent; } /* Begin Images */ img { max-width: 100%; height: auto; } img.wp-smiley { padding: 0; border: none; } .alignnone { margin: 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; } .rounded{ display:block; border: 1px solid #959595; -webkit-border-radius: 8px; border-radius: 8px; overflow:hidden; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 0 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text, .entry .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 5px 4px 0; } .al { float: left; } .ar { float: right; } /* Various Tags & Classes */ .entry acronym, .entry abbr, .entry span.caps { cursor: help; } .entry acronym, .entry abbr { border-bottom: 1px dashed #dfcfba; } .entry blockquote { margin: 15px 0 20px 0; padding: 0 15px 0 40px; background: url(images/bgr_blockquote.png) no-repeat; } .entry blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .entry pre, .entry code { font-family: mono-space, monospace; border: 1px solid #eee; padding: 20px; display: block; margin: 0 0 20px 0; overflow: auto; white-space: pre; font-size: 12px; line-height: 20px; } .entry code { padding: 1px 20px 0 20px; background: #f6f6f6 url(images/bgr_code.gif) repeat scroll 0 0; border-top: 0; border-bottom: 0; } sup { position: relative; top: -5px; } sub { position: relative; top: 5px; } code br { display: none; } .last { margin-right: 0 !important; clear: right; } .clear { clear: both; line-height: 0; } .sticky {} .bypostauthor {} .page-link { padding: 0 0 15px; } /* pagination */ .pagination { width: 100%; overflow: hidden; padding: 10px 0 20px 0; } .single .pagination {} .pagination a {} #pagination { display: block; height: 100%; overflow: hidden; padding: 40px 21px 0; } #pagination a { display: block; font-size: 20px; font-weight: bold; line-height: 100%; } #pagination-left { float: left; } #pagination-right { float: right; } /*Contact*/ /* .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { border: 1px solid #1463a7; padding: 10px; } .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { border: 1px solid #1463a7; padding: 10px; width: 50%; } .wpcf7-submit { background-color: #48b20f; border: medium none; color: #fff; padding: 9px 20px !important; text-transform: uppercase; } .wpcf7-submit:hover { background-color: #218b00; } */ .next_post { float: right; text-align: right; } .previous_post { float: left; text-align: left; } #page-title { display: block; font-size: 25px; font-weight: bold; line-height: 135%; margin: 0 0 10px; } /* SEARCH FORM */ .search-form .screen-reader-text { display: none; } .search-form .search-field { border: 1px solid #000; color: #777; font-size: 14px; line-height: 30px; padding: 5px 10px; text-transform: uppercase; width: 100%; } .search-form .search-submit { display: none; } /* Updates 27.10.2015 */ .year-hidden { display: none; } .year { margin:0 0 15px; } .year-toggle-wrapper { font-weight: bold; margin-bottom:5px; display: block; } .year-name { display:inline-block; vertical-align:top; font-size:22px; line-height:1.2; } .year-toggle { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1463a7; cursor: pointer; display: inline-block; height: 0; margin: 2px 0 0 16px; vertical-align: top; width: 0; } .year-toggle-open { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #1463a7; margin: 8px 0 0 10px; } .archives li { font-size:24px; line-height:1.2; display: block; margin:0 0 3px 3px; } .archives a{color:#000;} .categories-list{ list-style:none; padding:40px 0 0; margin:0 0 50px 2.2%; font-size:0; line-height:0; border:solid #808080; border-width:0 0 2px; text-transform:uppercase; text-align:center; } .categories-list li{ display:inline-block; vertical-align:top; font-size:26px; line-height:1.2; margin:0 0 -2px; padding:10px 3% 0; } .categories-list a{ text-decoration:none; display:block; color:#000; padding:0 10px 15px; border:solid transparent; border-width:0 0 4px; } .categories-list a:hover{ border-color:#1463a8; } .categories-list .active a{ border-color:#1463a8; } .fancybox-subscribe-wrap .fancybox-skin{ border-radius:0; background:#fff; } .fancybox-subscribe-wrap .fancybox-close{ background:url(images/fancybox_close.png) no-repeat 50% 50%; top:0; right:0; } .subscribe-block{ text-align:center; padding:10%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width: 400px; display: none; } .subscribe-block div.wpcf7-mail-sent-ok{ border: 0; color: #1463a7; font-size: 36px; line-height: 1.2; margin: 0 0 10px; padding: 0; } .subscribe-block .info-box{ color:#1463a7; font-size:36px; line-height:1.2; margin:0 0 10px; } .subscribe-block .success{ text-transform:uppercase; color:#48b20f; font-size:18px; margin:0 0 10px; display:block; } .subscribe-form input, .subscribe-block form input[type="email"]{ display: block; width: 100% !important; padding: 14px 20px !important; font-size: 16px; border: 1px solid #2f2f2f !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 50px; } #frm-subscribe .ajax-loader { position: relative; top: 15px; left: 5px; visibility: hidden; } #frm-subscribe .wpcf7-display-none.error { color: red; font-family: "Arial Narrow",Arial,sans-serif; display: block; font-size: 16px; margin-bottom: 0; padding-bottom: 0; } #subscribe .wpcf7-display-none.success { color: #1463a7; font-family: "Arial Narrow",Arial,sans-serif; font-size: 29px; margin-top: -20px; text-transform: none; } #subscribe .wpcf7-display-none.success span{ color: #48b20f; display: inline-block; font-size: 18px; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; } .subscribe-block form input[type="text"]{ display: block; width: 100% !important; padding: 14px 20px !important; font-size: 16px; border: 1px solid #2f2f2f !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; } .subscribe-form, .subscribe-block form{ padding:0 0 10px; } .logo-blog{ margin:0 auto 40px; max-width:250px; } .addtoany_list .subscribe-btn{ display: inline-block; vertical-align: top; background: #48b20f; border-radius: 10px; color: #fff; padding: 15px 45px 15px 30px ; border: none; font-size: 20px; line-height: 1.2; position: relative; text-decoration: none; text-transform: inherit; } .subscribe-block .subscribe-btn{ display: inline-block; vertical-align: top; background: #48b20f url(images/ico16.png) 84% center no-repeat !important; border-radius: 10px !important; color: #fff; padding: 15px 45px 15px 30px !important; border: none; font-size: 20px; line-height: 1.2; position: relative; text-decoration: none; text-transform: inherit; } .subscribe-btn:after{ content:""; position:absolute; top: 19px; right: 20px; background: url(images/ico16.png) no-repeat; width:15px; height:15px; } .addtoany_list .subscribe-btn{ font-size:18px; border-radius:5px; line-height:1; padding:4px 32px 3px 14px; } .addtoany_list .subscribe-btn:after{ top: 4px; right: 10px; } .subscribe-btn img{ display:inline-block; margin:0 0 5px; } .subscribe-btn:hover{ background:#1f2a5d; } .subscribe-block .subscribe-btn:hover{ background: #1f2a5d url(images/ico16.png) 84% center no-repeat !important; } .subscribe-block .info-box{ display:none; } /*NME*/ .slide .icon-play { background-image: url(images/icon-play.png); background-size: 100% 100%; display: block; height: 150px; left: 50%; margin: -75px 0 0 -75px; position: absolute; top: 50%; width: 150px; } #video-home { display: none; } .fancybox-overlay .fancybox-inner { } .video-fancybox { width: 100%; } .video-fancybox .video-fancybox-wrapper { display: block; padding: 0 0 65%; position: relative; width: 100%; } .video-fancybox .video-fancybox-wrapper iframe { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* End Updates 27.10.2015 */ /* Updates 29.03.2016 */ .page-template-template-technical-blog .title, .txt-area .blog-title{ margin: 0 0 7px; font-family: "Arial Narrow", 'Montserrat', sans-serif; font-size:60px; line-height:normal; letter-spacing: 0.025em; color:#1f2a5d; } .page-template-template-technical-blog .title{ margin: 0 0 40px; color:#fff; } .txt-area .post-title{ margin: 0 0 24px; padding: 0 0 10px; font-family: "Arial Narrow", 'Montserrat', sans-serif; display:inline-block; font-size:30px; line-height:normal; letter-spacing: 0.025em; border-bottom:3px solid #b9b9b9; } .post-meta, p.post-meta{ margin: 0 0 48px; font-family: "Arial Narrow", 'Montserrat', sans-serif; font-size:24px; line-height:normal; letter-spacing: 0.025em; color:#48b20f; } p.post-meta { margin: 0 0 10px; border-top: 3px solid #b9b9b9; padding-top: 30px; } .page-template-template-technical-blog .top-img-area { height:auto; margin:0; padding:120px 30px; font-family: "Arial Narrow", 'Montserrat', sans-serif; font-size:30px; line-height:normal; letter-spacing: 0.025em; text-align:center; color:#fff; border-bottom:12px solid #48b20f; } #section-options { background-color: #fff; padding: 60px 0 52px; } #section-options ul { font-size: 0; text-align: center; } #section-options ul li { display: inline-block; font-size: 0; margin: 0 8px 8px; } #section-options ul li a { background-color: #48b20f; border-radius: 5px; color: #fff; display: inline-block; font-size: 15px; height: 35px; line-height: 35px; width: 120px; } #section-options ul li.current a { background-color: #b4b4b4; } .page-template-template-technical-blog .main-area .row { margin:0; padding: 65px 30px 50px; border-bottom:0; } .page-template-template-technical-blog .main-area .row.gray { padding-top:50px; background-color:#e6e7e8; } .page-template-template-technical-blog .blog-wapper { float:none; position:relative; width:auto; max-width:736px; margin: 0 auto; padding: 0 112px; } .page-template-template-technical-blog .blog-wapper:after { content:''; position:absolute; left:0; top:0; width:67px; height:66px; background: url(images/ico-blog-row.png) no-repeat 0 0; } .page-template-template-technical-blog .blue .blog-wapper:after{ background-position: 0 -66px; } .page-template-template-technical-blog .data-info-area h2{ margin: 0 0 20px; font-family: "Arial Narrow", 'Montserrat', sans-serif; font-size:34px; line-height:normal; letter-spacing: 0.025em; } .page-template-template-technical-blog .data-info-area h2 a{ color:#1f2a5d; } .data-info-area .author{ margin:0 0 32px; font-size:18px; font-weight:bold; color:#1463a7; } .data-info-area .blue .author { color:#fff; } .data-info-area .featured-img{ float:right; max-width:225px; margin: 5px 0 5px 30px; -webkit-border-radius:6px; border-radius:6px; overflow:hidden; } .page-template-template-technical-blog .data-info-area .entry p{ margin: 0 0 24px; line-height:24px; color:#000; } .page-template-template-technical-blog .data-info-area .entry p:last-child{ margin: 0; } .page-template-template-technical-blog .read-more-wapper { float:none; margin-top:20px; text-align:left; } .page-template-template-technical-blog .read-more { background: #48b20f; border: none; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; } .page-template-template-technical-blog .read-more a { display:block; padding:8px 18px; font-size:16px; font-weight:bold; letter-spacing: 0.025em; color:#fff; } .page-template-template-careers .top-img-area { height:auto; margin:0; padding: 105px 0 70px; text-align:center; } a.fancy-trigger:hover { text-decoration:none } .page-template-template-careers .top-img-area h1.banner{ margin:0; } .page-template-template-careers .top-img-area .btn, .section_five.careers .btn{ display:inline-block; margin-top: 40px; padding: 15px 30px; font-family: "Arial Black", 'Montserrat', sans-serif; font-size:18px; letter-spacing: 0.025em; text-transform: uppercase; color:#fff; background:#48b20f; border:1px solid #fff; -webkit-border-radius:10px; border-radius:10px; } .section_five.careers .btn{ margin:0 0 30px } .page-template-template-careers .top-img-area .btn:hover{ opacity:0.8; text-decoration:none; } .page-template-template-careers .container.marked{ padding-left:112px; } .page-template-template-careers .container{ box-sizing:border-box; } .page-template-template-careers .section_five .container, .page-template-template-careers .section_four .container, .page-template-template-careers .section_three .container, .page-template-template-careers .section_one .container{ padding-right:112px; max-width:1000px; } .page-template-template-careers .section_five, .page-template-template-careers .section_one{ background-color:#0c4ea7; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; } .page-template-template-careers .section_one{ padding:65px 0 45px; } .page-template-template-careers .section_one h3, .page-template-template-careers .section_three h3, .page-template-template-careers .section_four h3, .page-template-template-careers .section_five h3{ padding: 0 0 24px; } .marked .section_title{ position:relative; } .marked .section_title:before{ content:''; position:absolute; left:-112px; top:-13px; display:block; width:67px; height:66px; } .marked.white .section_title:before{ background:url(images/Circle-Icon-white.png) no-repeat; } .marked.gray .section_title:before{ background:url(images/Circle-Icon-gray.png) no-repeat; } .page-template-template-careers .section_one p{ margin-bottom: 20px; } .page-template-template-careers .section_one .alignright{ margin-left:40px; } .page-template-template-careers .section_one .alignleft{ margin-right:40px; } .page-template-template-careers .section_one a{ color:#fff; } .page-template-template-careers .section_one .lightbox{ display:inline-block; border:1px solid #fff; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; } .page-template-template-careers .section_two{ padding: 50px 0; } .page-template-template-careers .section_two .container{ max-width:860px; } .page-template-template-careers .section_two .col-3 { box-sizing:border-box; padding: 0 15px; } .meet_box { box-sizing:border-box; max-width:240px; margin: 0 auto 20px; padding: 30px 20px; font-size:16px; line-height: normal; color: #fff; border-radius: 10px; min-height: 240px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; text-align:left; } .section_two .meet_box h3{ padding:0; font-family:'Montserrat', sans-serif; font-size:24px; font-weight:bold; line-height: 24px; color:#fff; } .section_two .meet_box h4{ padding:0; font-family:'Montserrat', sans-serif; font-size:18px; font-weight:bold; line-height: normal; color:#48b20f; } .page-template-template-careers .section_three { padding:0; border:0; } .page-template-template-careers .section_three .container-inner{ padding-top:60px; padding-bottom:45px; background-position: 100% 100%; background-repeat:no-repeat; } .page-template-template-careers .section_three .section_body{ margin-right:300px; } .page-template-template-careers .section_three p{ margin-bottom:30px; } .page-template-template-careers .section_four { padding-top:60px; padding-bottom:35px; } .page-template-template-careers .section_four .grid{ margin: 0 -15px; font-size:0; height: initial !important; } .page-template-template-careers .section_four .col-4{ box-sizing:border-box; display:inline-block; vertical-align:top; width:50%; max-width:250px; padding: 0 15px; } .page-template-template-careers .section_four h3{ color:#000; } .page-template-template-careers .section_four h4{ font-size:18px; font-weight:bold; line-height:20px; color:#48b20f; } .page-template-template-careers .section_four p{ margin:0; font-size:16px; line-height:20px; color:#000; } .page-template-template-careers .section_four .wow { margin-bottom:35px; } .page-template-template-careers .section_four .wow .image{ width: 60px; height:60px; margin: 0 auto 10px; border: 2px solid #dbdbdb; -webkit-border-radius:50%; border-radius:50%; } .page-template-template-careers .section_five{ width:auto; margin: 0; px; */ padding: 50px 0; color:#fff; padding-top: 60px; } .section_five.careers{ background-image:url('http://apixio.staging.wpengine.com/wp-content/uploads/2016/02/blue_gradient_bg_small.jpg'); background-size:cover; } .page-template-template-careers .section_five h3{ color:#fff; cursor:pointer; } .page-template-template-careers .section_five p{ margin: 0 0 24px; line-height:normal; color:#fff; } .page-template-template-careers .tabset-holder{ box-sizing:border-box; float:left; width:40%; padding-right:15px; display:none; } .page-template-template-careers .tab-content{ box-sizing:border-box; /* display: flex; */ } .page-template-template-careers .section_five .tab ul{ list-style: disc outside; padding-left:30px; } .page-template-template-careers .section_five li{ margin: 0 0 12px; } .page-template-template-careers .section_five .tab{ margin-bottom: 20px; font-size:14px; background:none; border:0; -webkit-box-shadow: none; box-shadow: none; } .js-tab-hidden{ display:none; } .page-template-template-careers .section_five .tab-content>.tab{ display:block; font-size:14px; line-height:normal; color:#fff; background:none; border:0; } .section_five .tabset>li>a{ color:#fff; } .section_five .tabset>li>a:hover, .section_five .tabset a.active, .section_five .tabset a.active:focus, .section_five .tabset a.active:hover{ text-decoration:underline; } .section_five .tab h3{ display:block; /* width:100%; */ margin: 0 0 10px; padding:0; font-size:18px; line-height:24px; background:none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .section_five .tab h3.focus, .section_five .tab h3:focus, .section_five .tab h3:hover{ color:#fff; text-decoration:underline; } .section_five .tab h3 br{ display:none; } .page-template-template-careers .section_five .info{ display:none; } .page-template-template-careers .section_five .info.active{ display:block; } /* End Updates 29.03.2016 */ /* New styles 07.07.2016 */ .new-index h1, .new-index h2, .new-index h3, .new-index h4, .new-index h5, .new-index h6{ font-family:"Arial Narrow", 'Montserrat', sans-serif; } section h3{ font-family:"Arial Narrow", 'Montserrat', sans-serif; font-size:40px; line-height:1.2; max-width:700px; margin:0 auto; margin-bottom:0.55em; } .new-index section p{ font-family:"Arial Narrow", 'Montserrat', sans-serif; font-size:25px; color:#5f5f5f; margin-bottom:3em; } .divider{ position:relative; max-width:215px; margin:0 auto; height:2px; background:#48b20f; margin-bottom:3em; } .divider:after{ content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:12px; height:12px; background:#1463a7; border-radius:50%; overflow:hidden; } .our-qualities{ background:#fff; padding:68px 0 82px; } .our-qualities .qualities-holder{ margin-top:52px } .our-qualities .content-holder{ max-width:840px; } .qualities-holder{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size:21px; line-height:1.2; } .qualities-holder:after{ content:""; display:block; clear:both; } .qualities-holder .box{ float:left; width:33.3333%; text-align:center; margin-bottom:1.6em; } .qualities-holder .box .img-holder{ margin-bottom:0.25em; } .qualities-holder .box .text-holder{ text-align:center; } .qualities-holder .box p{ font-size:21px; line-height:1.2; margin-bottom:0; } // New slick slider .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-prev, .slick-next{ position:absolute; top:50%; transform:translateY(-50%); left:40px; font-size:0; line-height:0; width:44px; height:62px; background:url(images/ico18.png) no-repeat 50% 50%; cursor: pointer; color: transparent; border: none; outline: none; z-index:10; } .slick-next{ left:auto; right:40px; background:url(images/ico18-02.png) no-repeat 50% 50%; } .slick-prev:hover, .slick-next:hover { opacity:0.85; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; border-bottom:12px solid #48b20f; } .blog-slider .slick-next, .blog-slider .slick-prev{ display:none !important; } .slick-slide { display: none; float: left; height:720px; width:100%; white-space:nowrap; text-align:center; background-size:cover; background-position:center center; background-repeat:no-repeat; padding: 0 15px; } .blog-slider .slick-slide{ height: 50px; } .blog-slider { border-bottom:none !important; visibility:hidden; } .blog-slider.slick-initialized { visibility: visible; } .slick-slide:after{ content:''; display:inline-block; vertical-align:middle; height:100%; width:1px; overflow:hidden; margin:0 0 0 -3px; } .slick-slide>div{ white-space:normal; display:inline-block; vertical-align:middle; padding:0 55px; } .slick-slide>div>span, .slick-slide>div>h2{ display:block; font-family:'HelveticaNeueLight'; font-weight:300; font-size:40px; line-height:1.3; letter-spacing:1em; text-transform:uppercase; color:#fff; } .slick-slide>div>span{ font-size:64px; text-transform: none; letter-spacing:0.3em; font-family:'HelveticaNeueCond', sans-serif; font-weight:600; margin-bottom:1.6em; } .slick-slide div span.banner-text{ letter-spacing: 0; } .btn-holder{ letter-spacing:-0.36em; margin:0 auto; font-family:"Arial Narrow", 'Montserrat', sans-serif; font-size:27px; line-height:1em; } .btn-holder .btn{ position:relative; display:inline-block; vertical-align:top; letter-spacing:0; width: 66%; color:#fff; background:#4bac1b; text-decoration:none; border:1px solid #fff; white-space:nowrap; border-radius:9px; overflow:hidden; text-align:center; padding:16px 50px 17px 50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .btn-holder .btn-icon:before{ content:''; position:absolute; top:50%; right:15px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:31px; height:32px; background:url(images/ico17.png) no-repeat 50% 50%; } .btn-holder .btn:hover{ background:#439f12; } .btn.right{ margin-right:3%; } .btn.left{ margin-left:3%; } .btn.left:before{display:none;} .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom:20px; left:0; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 13px; height: 13px; cursor: pointer; outline: none; border-radius:50%; overflow:hidden; border:2px solid #1463a7; background:#1463a7; transition:all 0.2s linear; } .slick-dots li button:hover, .slick-dots li.slick-active button{background:#fff;} .logo-slide.content-holder{ overflow:hidden; max-width:1500px; padding: 40px 0; } .logo-slider.slick-slider{ height:auto; border-bottom:0; } .logo-slider.slick-slider img{ max-height:45px; max-width:300px; padding:0 20px; } .logo-slider.slick-slider .slick-slide{ display:table-cell; float:none; vertical-align:middle; height:auto; } .quotes{ background:#e2e2e2; padding:52px 0 37px; } .quotes .content-holder{ max-width:960px; } .quotes .divider{ max-width:490px; } .quotes-slider{ border:0; } .quotes-slider>div{ overflow:hidden; } .quotes-slider .slick-slide{ height:auto; white-space:normal; text-align:left; } .quotes-slider .content{ display:block; max-width:755px; padding-top:6px; margin:0 auto; } .quotes-slider .content.no-image{ text-align:center } .quotes-slider .content.no-image .quote-holder{ margin:0 auto; } .quotes-slider .slick-prev, .quotes-slider .slick-next{ top:10%; transform:translateY(0); width:22px; height:32px; background:url(images/ico25.png) no-repeat 50% 50%; left:0; } .quotes-slider .slick-next{ background:url(images/ico26.png) no-repeat 50% 50%; left:auto; right:0; } .company-logo{ float:left; width:312px; margin-right:56px; margin-left:8px; } .quote-holder{ overflow:hidden; font-size:24px; line-height:1.3; color:#5d5d5d; max-width:375px; } .quote-holder q{ display:block; margin-bottom:1.2em; } .quote-holder span{ font-weight:bold; display:block; color:#1463a7; } .quote-holder .position{ font-size:18px; color:#010101; } .simple-section{ background-size:cover; background-position:50% 50%; background-repeat:no-repeat; padding:40px 0 70px; color:#fff; } .new-index .simple-section p{ font-size:21px; line-height:1.4; color:#fff; text-align:left; margin-bottom:1em; } .simple-section .divider{ background:#fff; } .simple-section .divider:after{ background:#48b20f; } .statistics{ background-position:center center; background-size:cover; padding:70px 0 40px; } .statistics .content-holder{ max-width:1150px; } .statistics h3{ color:#fff; } .statistics .divider{background:#fff;} .statistics .divider:after{background:#48b20f;} .rounds-holder{ letter-spacing:-0.36em; margin:0 -10px; } .round-box{ display:inline-block; vertical-align:top; letter-spacing:0; padding:0 10px 40px; } .outer-border{ position:relative; width:270px; height:270px; border:9px solid #fff; border-radius:100%; overflow:hidden; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .outer-border:before{ content:''; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:2px solid rgba(255, 255, 255, 0.5); border-radius:100%; } .inner-border{ width:90%; height:100%; margin:0 auto; text-align:center; white-space:nowrap; } .inner-border:after{ content:''; display:inline-block; vertical-align:middle; height:100%; width:1px; overflow:hidden; margin:0 0 0 -3px; } .inner-border>span{ white-space:normal; display:inline-block; vertical-align:middle; max-width:167px; max-height:167px; overflow:hidden; } .stats span{ display:block; color:#fff; font-family:'HelveticaNeueCond', sans-serif; font-weight:600; font-size:81px; line-height:1.2; } .stats span:nth-child(2){ font-size:22px; line-height:1em; text-transform:uppercase; font-weight:700; margin-bottom:0.25em; } .stats span:last-child{ font-size:16px; line-height:1.3em; font-weight:200; font-family:'HelveticaNeueThin', sans-serif; } .statistics .btn{ width:auto; padding:16px 55px 17px 35px; } .zero-opacity{ opacity:0; cursor:default; } .selected { display:inline-block; vertical-align:top; color:#48b20f; background:#fff; border-radius:8px; overflow:hidden; padding:0 11px; margin-left:6px; } #footer{ position:relative; background:#5f5f5f; padding:41px 0 0; } #footer:before{ content:''; position:absolute; top:0; left:0; width:9999px; height:12px; background:#48b20f; border-top:1px solid #fff; border-bottom:1px solid #fff; } #footer .content-holder{ text-align:left; max-width:1010px; } .footer-info{ padding-left:25px; padding-bottom:40px; border-bottom:1px solid rgba(255, 255, 255, 0.3); } .footer-info:after{ content:""; display:block; clear:both; } .footer-info .box{ float:left; width:17.5%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; line-height:1.4; text-transform:capitalize; } #frm-subscribe-footer .success, #frm-subscribe-footer .error{ display:none; color: #fff; font-size: 10px; padding-bottom: 5px; } #frm-subscribe-footer .success{ color:#fff; font-weight:bold; padding-bottom:10px } .footer-info h4{ text-transform:uppercase; color:#ababab; font-size:18px; line-height:1.2; margin-bottom:1em; } .footer-info ul li{ margin-bottom:0.35em; } .footer-info a{ color:#d6d6d6; } .request-demo-form{ width:270px !important; height:220px; border-radius:0 0 7px 7px; border:1px solid #fff; border-top:0; overflow:hidden; background:#48b20f; padding-top:28px; position: relative; margin-top: -28px; margin-left: 25px; } .request-demo-form h4{ text-align:center; text-transform:none; color:#fff; } .request-demo-form .form-holder{ max-width:200px; margin:0 auto; } .request-demo-form input, .request-demo-form button{ display:block; width:100%; height:18px; font-size:12px; color:#fff; background:transparent; outline:none; box-shadow:none; border:1px solid #fff; padding:0 1em; margin-bottom:7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .request-demo-form button{ position:relative; max-width:100px; font-size:14px; line-height:1; text-transform:uppercase; border-radius:10px; overflow:hidden; height:20px; padding:0 25px 0 15px; margin:0 auto; } .request-demo-form button:before{ content:''; position:absolute; top:50%; right:7px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:14px; height:14px; background:url(images/ico27.png) no-repeat 50% 50%; } .request-demo-form button:hover{background:#439f12;} .request-demo-form input[type="email"]{margin-bottom:20px;} .request-demo-form input::-webkit-input-placeholder {color:#fff;} .request-demo-form input::-moz-placeholder {color:#fff;}/* Firefox 19+ */ .request-demo-form input:-moz-placeholder {color:#fff;}/* Firefox 18- */ .request-demo-form input:-ms-input-placeholder {color:#fff;} .request-demo-form input:focus::-webkit-input-placeholder {color:transparent;} .request-demo-form input:focus::-moz-placeholder {color:transparent;}/* Firefox 19+ */ .request-demo-form input:focus:-moz-placeholder {color:transparent;}/* Firefox 18- */ .request-demo-form input:focus:-ms-input-placeholder {color:transparent;} .lower-section{ overflow:hidden; padding:12px 25px; } .f-logo{ float:left; width:94px; margin-right:20px; } .copyright{ float:left; font-size:14px; line-height:16px; color:#adadad; padding:10px 0; } .copyright span{ font-size:12px; line-height:16px; color:#909090; } .footer-social{ float:right; letter-spacing:-0.36em; margin:0 -5px; } .footer-social li{ display:inline-block; letter-spacing:0; padding:0 5px; } .footer-social a{ display:block; width:36px; height:36px; text-indent:-9999px; overflow:hidden; background:url(images/fb-ico.png) no-repeat 50% 50%; } .footer-social a.twitter{ width:37px; background-image:url(images/tw-ico.png); } .footer-social a.linkedin{background-image:url(images/lin-ico.png);} .footer-social a:hover{opacity:0.85;} .isotope-gallery{background:#ebebeb;} .isotope-gallery .content-holder{ max-width:1120px; padding:6px; } .grid{ max-width:1089px; margin:0 auto; } .grid-item{ width:32.2314%; margin:0.5510%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .intro .upper-section, .intro .lower-section{ background-size:cover; background-position:60% 50%; background-repeat:no-repeat; padding:124px 0 85px; } .intro h1{ font-family: Montserrat; color: #fff; font-size: 64px; font-weight: 600; line-height: 1.2; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); margin-bottom: 0.325em; padding-bottom: 0.325em; border-bottom: 1px solid white; } .intro p{ font-family: Montserrat; font-weight: 300; font-size: 27px; color: #fff; margin-bottom: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .intro .upper-section{ position:relative; border-bottom:12px solid #48b20f; } .intro .content-holder { text-align: left; max-width: 960px; } /* Extra height for Events page */ body.page-template-template-events .intro .content-holder { min-height: 420px; } .intro.small .content-holder { max-width: 725px; } .intro .content-holder img { margin-top: 85px; margin-bottom: 16px; } .intro .upper-section:before{ /* content:''; */ position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:317px; height:317px; background:url(images/light-bulb.png) no-repeat 50% 50%; margin-bottom:-62px; } .intro .lower-section{padding-bottom:86px;} .intro .lower-section p{ position:relative; font-family:"HelveticaNeue", 'Montserrat', sans-serif; font-size:21px; line-height:1.4; margin-bottom:1.5em; padding-left:115px; } .intro .lower-section .content-holder{ max-width:965px; text-align:left; } .intro .lower-section .content-holder p:first-child:before{ content:''; position:absolute; top:0; left:0; width:67px; height:66px; background:url(images/ico28.png) no-repeat 50% 50%; } .employee-page .divider{ max-width:73px; height:3px; margin-bottom:4.5em; } .employee-page .divider:after{display:none;} .employee-page section h3{ font-size:33px; margin-bottom:0.1em; text-align:center; } .leadership{padding: 85px 0 113px;} .leadership .content-holder{ text-align:left; max-width:960px; } .leadership h3{ font-size:33px; margin-bottom:0.1em; text-align:center; } .about-leader{ overflow:hidden; margin-bottom:95px; } .about-leader.last{margin-bottom:0;} .about-leader .img-holder{ float:left; width:181px; height:181px; border-radius:100%; overflow:hidden; border:3px solid #e2e2e2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:42px; } .about-leader .text-holder{ font-family:'Helvetica Neue', Arial, sans-serif; overflow:hidden; color:#434343; font-size:18px; line-height:1.8; } .contact-info>div{overflow:hidden;} .contact-info .name{ display:block; color:#010000; font-size:34px; line-height:1.2; } .contact-info{ overflow:hidden; margin-bottom:1.4em; } .personal-social{ letter-spacing:-0.36em; float:right; margin-right:103px; margin-top:8px; } .contact-info .position{ display:block; color:#48b20f; font-size:21px; line-height:1.2; } .personal-social li{ display:inline-block; vertical-align:top; letter-spacing:0; padding:0 3px; } .personal-social a{ text-indent:-9999px; overflow:hidden; display:block; width:37px; height:36px; background:url(images/new-mail-ico.png) no-repeat 50% 50%; } .personal-social a:hover{opacity:0.85;} .personal-social a.twitter{ width:38px; background-image:url(images/new-twitter-ico.png); } .personal-social a.linkedin{background-image:url(images/new-lin-ico.png);} .investor-holder{ font-size:15px; line-height:1.8; text-align:center; max-width:560px; margin:0 auto 90px; } .investor-holder.last{margin:0 auto !important;} .invest-logo{margin-bottom:24px;} /* End of new update 07.07.2016 */ /* Start update 17.11.2016 */ .intro .upper-section-2:before { background:url(images/img19.png) no-repeat 50% 50%; } .intro .upper-section-3:before { background:url(images/img20.png) no-repeat 50% 50%; } .intro .upper-section-4:before { background:url(images/img21.png) no-repeat 50% 50%; } .intro .upper-section-nobg { padding-bottom: 75px; } .intro .upper-section-nobg:before { background: none; display: none; } .intro .lower-section-2{ padding:50px 0; background-position:50% 0; } .slider { margin-bottom:50px; padding:0 0 68px; border:none; } .slider .slick-list { overflow:hidden; } .slider .slick-dots li { margin:0 8px; } .slider .slick-dots li button { width:12px; height:12px; border: 1px solid #acacac; background:#fff; } .slider .slick-dots li.slick-active button, .slider .slick-dots li button:hover { background-color: #1463a7; } .slick-prev, .slick-next { width:33px; height:47px; background-size:100% 100%; top:44%; } .slider .slick-prev { left:-33px; } .slider .slick-next { right:-33px; } .slider .slick-slide { height:auto; } .media-slider { margin:0 -18px 39px -20px; padding-top:27px; } .media-slider .slick-slide > div { padding:0 38px; } .media-section { padding:83px 0 30px; } .media-section .content-holder { max-width:960px; } .media-section h3 { font-size:34px; letter-spacing:1px; margin-bottom:2px; } .divider.alt { max-width:75px; height:3px; margin-bottom:50px; } .divider.alt:after { display:none; } .media-post { overflow:hidden; } .media-post .box { display:inline-block; vertical-align:top; text-align:left; font-size:15px; line-height:27px; color: #434343; } .media-post .box + .box { margin:56px 0 0; } .media-post .box img { display:inline-block; vertical-align:top; max-width:100%; margin:0 0 22px; } .press-slider { max-width:640px; margin:0 auto; padding:0 0 43px; } .press-slider .slick-prev, .press-slider .slick-next { top:41%; } .press-slider .press-post { display:block; margin:0 0 18px; padding:0 40px; font-size:16px; line-height:27px; text-align:left; color: #1463a7; } .press-slider .press-post a { display:inline-block; vertical-align:top; text-decoration:underline; } .press-slider .press-post a:hover { text-decoration:none; } .press-slider .press-post time { color: #434343; } .press-slider .press-post:last-child { margin:0; } .contact-section { padding:57px 0 59px; background:#ebebeb; overflow:hidden; } .contact-section .content-holder { max-width:640px; margin:0 auto; } .contact-section .content-holder > * { display:inline-block; vertical-align:middle; } .contact-section .text-col { max-width:375px; margin:0 39px 0 0; font-size:24px; line-height:32px; color: #5d5d5d; font-family:'Montserrat', sans-serif; text-align:center; } .button { position:relative; max-width: 212px; margin-top:3px; padding:15px 70px 17px 27px; font:25px/28px 'Montserrat', sans-serif; letter-spacing:-1px; word-spacing:1px; color:#fff; background: #48b20f; border: 1px solid white; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 5px 4.8px 0.2px rgba(0, 0, 0, 0.15); } .button:hover { opacity:.85; text-decoration:none; } .button.contact:after { content:''; position:absolute; right:24px; top:16px; background:url(images/ico17.png) no-repeat; background-size:100% 100%; width:28px; height:28px; z-index:1; } .events-slider { margin:0 -38px; padding:7px 0 65px; } .events-slider .slick-prev, .events-slider .slick-next { top:37%; } .events-slider .event { font-size:18px; line-height:32px; color: #434343; text-align:left; padding:0 38px; } .events-slider .img-box { display:inline-block; vertical-align:top; margin:0 0 37px; } .events-slider .img-box img { display:block; max-width:100%; } .events-slider .info { margin:0 0 18px; line-height:24px; } .events-slider .title { display:inline-block; vertical-align:top; font-size:30px; line-height:36px; color: #48b20f; margin:0 0 15px; } .events-slider .title:hover { color: #434343; text-decoration:none; } .events-slider .title sup { font-size:60%; top:-10px; } .events-slider .divider { max-width:100%; margin:0 0 20px; } .files-section .content-holder { /* max-width:870px; */ } .files-slider { margin:0 -15px; padding:7px 44px 40px; } .files-slider .slick-track { margin-bottom:-30px; } .files-slider .slick-item { margin:0 15px; } .files-slider .file-item { background-color: #ebebeb; border: none; -webkit-border-radius: 14px; border-radius: 14px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3); display: block; font-size: 19px; line-height: 120%; margin: 0 0 50px; padding: 0 20px 50px; position: relative; text-align: left; } .files-slider .file-item .title { background-color: #1463a7; border-radius: 10px 10px 0 0; color: #fff; font-size: 20px; font-weight: 700; line-height: 100%; min-height: 35px; margin: 0 -20px 15px; padding: 10px 20px; text-transform: uppercase; } .files-slider .file-item.l-blue .title { background-color: #1463a7; } .files-slider .file-item.blue .title { background-color: #1f2a5d; } .files-slider .file-item .title > * { display: inline-block; vertical-align: middle; } .files-slider .file-item .title img { height: 25px; margin: 0 2px 0 0; width: auto; } .files-slider .file-item p { height: 120px; overflow: hidden; } .files-slider .file-item .button { position: absolute; left: 19px; bottom: 17px; padding: 6px 19px; font-size: 21px; line-height: 24px; } .files-slider .file-item.l-blue .button { background-color: #1463a7; } .files-slider .file-item.blue .button { background-color: #1f2a5d; } .files-slider .file-item .button-download { background: url(images/icon-download.png) no-repeat 0 0; bottom: 10px; display: block; height: 32px; line-height: 24px; position: absolute; right: 20px; text-indent: -9999px; width: 32px; } /* End update 17.11.2016 */ /* Fonts ------------------------------------------------------------------------------*/ @font-face { font-family: 'HelveticaNeueThin'; src: url('fonts/HelveticaNeue-Thin.eot'); src: url('fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Thin.woff') format('woff'), url('fonts/HelveticaNeue-Thin.ttf') format('truetype'), url('fonts/HelveticaNeue-Thin.svg#HelveticaNeue') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'HelveticaNeueLight'; src: url('fonts/HelveticaNeue-Light.eot'); src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Light.woff') format('woff'), url('fonts/HelveticaNeue-Light.ttf') format('truetype'), url('fonts/HelveticaNeue-Light.svg#HelveticaNeue') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'HelveticaNeueCond'; src: url('fonts/HelveticaNeue-CondensedBold.eot'); src: url('fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-CondensedBold.woff') format('woff'), url('fonts/HelveticaNeue-CondensedBold.ttf') format('truetype'), url('fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeueCond') format('svg'); font-weight: 600; font-style: normal; } /* responsive */ @media screen and (max-width: 1500px){ #header{ font-size:16px; } } @media screen and (max-width: 1300px){ .slick-slide>div>span, .slick-slide>div>h2{ letter-spacing:0.2em; } .slick-slide>div>span{margin-bottom:0.5em;} .btn-holder{ font-size:20px; } .slick-prev{left:10px;} .slick-next{right:10px;} } @media screen and (max-width: 1200px){ .logo{width:220px;} #header{font-size:14px;} .menu{margin:0 -15px;} .menu>li>a{padding:58px 15px 51px;} .request-demo-form{ width:250px !important; } .media-slider { margin:0 25px 39px; } .media-slider .slick-slide > div { padding:0 10px; } .press-slider .press-post { padding:0 15px; } .files-slider .file-item .title { margin: 0 -20px 20px; min-height: 20px; } } @media screen and (max-width: 1023px){ #header{padding:5px 0;} .nav-holder{float:none;} .nav-drop{ position:absolute; top:100%; left:-100%; width:100%; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; z-index:999; } .nav-opener{display:block;} .nav-active .nav-drop{ left:0; } .logo { float:none; padding:0; margin: 0 auto; } .menu{ text-align:center; background:#1f2a5d; margin:0; } .menu>li{display:block;} .menu>li.hover>a{background:#202c61;} .menu>li>a{ color:#fff; background:none; padding:20px; } .menu>li.hover.has-sub-menu>a:before, .menu>li.hover.menu-item-has-children>a:before{ display:none; } .sub-menu{ position:static; min-width:auto; max-width:inherit; } .sub-menu a{ background:#171f44; padding:20px; } .slick-slide{height:400px;} .slick-slide>div>span, .slick-slide>div>h2{ font-size:40px; } .btn-holder{ font-size:14px; } .btn-holder .btn{padding:15px 5px;} .btn-holder .btn:before{display:none;} .statistics .btn-holder .btn{padding:15px 30px;} section h3{ font-size:30px; } .new-index section p{ font-size:18px; } .our-qualities{ padding:40px 0; } .qualities-holder .box p{ margin-bottom:0; } .company-logo{margin-right:35px;} .quotes-slider .slick-slide>div{ padding:0 30px; } .quotes-slider .slick-prev, .quotes-slider .slick-next{ top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .quotes .divider{max-width:300px;} .simple-section{ padding:30px 0; } .statistics{padding:30px 0;} .request-demo-form{ float:none !important; width:270px !important; border:1px solid #fff; border-radius:7px; margin:0; } .footer-info{ padding-left:0; } .footer-info .box{ width:25%; margin-bottom:1em; } .footer-info h4{ margin-bottom:0.5em; } .intro h1{ font-size:40px; letter-spacing:5px; } .intro .lower-section p{padding-left:87px;} .intro p{font-size:23px;} .isotope-gallery .content-holder{padding:10px;} .about-leader .img-holder{ width:130px; height:130px; margin-right:1em; } .leadership{ padding:30px 0 50px; } .investor-holder{margin-bottom:30px;} .investors-holder{ margin-bottom:0; } .new-index .simple-section p{ font-size:18px; line-height:1.6; } .files-slider .file-item { font-size: 20px; line-height: 23px; } .files-slider .file-item .title { font-size:15px; line-height:20px; } } @media only screen and (max-width:767px){ .logo{margin:0;} .slick-slide>div>span, .slick-slide>div>h2{ font-size:25px; } .slick-slide>div{ padding:0 10px; } .btn-holder{ font-size:12px; } .btn-holder .btn{ width:63%; padding:10px; margin:0 0 5px; } .btn-holder .btn:before{display:none;} .slick-slide{height:260px;} .our-qualities{padding:20px 0;} .new-index section p{ font-size: 14px; line-height: 1.5; } section h3{ font-size:25px; } .company-logo{ float:none; max-width:312px; width:auto; margin:0 auto 1.2em; } .quote-holder{ font-size:18px; line-height:1.5; max-width:312px; margin:0 auto; } .quote-holder q{text-align:justify;} .statistics .btn-holder .btn{ padding:15px 30px; font-size:15px; width:auto; } .footer-info .box{ width:50%; } .footer-social{ float:none; clear:both; padding-top:10px; } .zero-opacity{display:none;} .intro .upper-section, .intro .lower-section{padding-top:50px;} .intro .lower-section{padding-bottom:50px;} .grid-item{ width:48%; margin:1%; } .contact-info .name{font-size:20px;} .contact-info .position{font-size:16px;} .about-leader .text-holder{font-size:14px;} .personal-social{ float:none; margin:0 -3px 5px; } .employee-page .divider{ margin-bottom:2em; } .about-leader{margin-bottom:30px;} .new-index .simple-section p{font-size:16px;} .qualities-holder .box p{font-size:15px;} .media-section { padding: 30px 0; } .media-section h3 { font-size:25px; } .media-slider { padding:0; margin:0 10px; } .media-slider .slick-slide > div { padding:0 0 55px; } .divider.alt { margin-bottom:30px; } .media-post .box + .box { margin:25px 0 0; } .contact-section { padding:30px 0; } .contact-section .content-holder { text-align:center; } .contact-section .text-col { max-width:100%; font-size:20px; line-height:23px; } .intro .lower-section { padding-bottom:20px; } .events-slider { padding-top:0; } .events-slider .img-box { display:block; margin:0 auto 20px; text-align:center; } .events-slider .img-box img { margin:0 auto; } .events-slider .event { font-size:16px; line-height:24px; } .events-slider .title { font-size:22px; line-height:28px; } .events-slider .title br { display:none; } .files-slider { margin:0; padding:0 0 40px; } .files-slider > button { display:none !important; } .files-slider .slick-item { margin:0; } .files-slider .file-item p { height: 100px; } } @media only screen and (max-width:479px){ .slick-slide>div>span, .slick-slide>div>h2{letter-spacing:normal;} .btn-holder{ font-size:11px; } .slick-slide>div{padding:0 10px;} .qualities-holder .box{ width:50%; } .footer-info .box{ width:100%; } .request-demo-form{ margin:0 auto !important; } .grid-item{ width:100%; } .about-leader .text-holder{ overflow:visible; } .intro .lower-section p{padding-left:0;} .intro .lower-section .content-holder p:first-child:before{display:none;} .contact-section .text-col { margin:0 0 15px; } } @media (min-width: 768px){ .page-template-template-careers .section_two .col-3{ float:left; width:33.333333%; } .page-template-template-careers .section_four{ padding-bottom:20px; } .page-template-template-careers .section_four .col-4{ width:25%; } .page-template-template-careers .section_four .wow{ margin-bottom:40px; } .page-template-template-careers .section_five .tab h3{ display:none; } .page-template-template-careers .section_five .tab-content>.tab{ display:none; } .page-template-template-careers .tabset-holder, .page-template-template-careers .section_five .info, .page-template-template-careers .section_five .tab-content>.active{ display:block; } .page-template-template-careers .tab-content{ float:left; width:60%; padding-left:15px; } } @media (min-width: 992px){ .page-template-template-careers .section_one .col-right { margin-top: 0; } .page-template-template-careers .section_four .grid{ padding: 0 80px; margin: 0 -112px; } } @media screen and (max-width: 1440px) { .logo-lst li { padding: 0 3.5% 40px; } } @media screen and (max-width: 1140px) { .logo-lst { text-align: center; } .logo-lst li { width: 200px; } .info-lst li { margin: 0 2% 25px; width: 220px; height: 188px; padding-top: 32px; } .info-lst h2 { font-size: 80px; line-height: 84px; } .info-lst .q_counter_holder { height: 86px; } .slideshow { height: 400px; } .slideshow .container { padding: 35px 25px 0; } .slideshow h2 { font-size: 25px !important; } .slideshow .link { font-size: 16px; } .slide .icon-play { margin: -55px 0 0 -55px; height: 110px; width: 110px; } .marked .section_title:before{ display:none; } .page-template-template-careers .container-fluid { padding-left:15px!important; padding-right:15px!important; } .page-template-template-careers .container{ max-width:800px!important; padding-left:0!important; padding-right:0!important; } .page-template-template-careers .section_two .container{ max-width:830px!important; } } @media screen and (max-width: 1040px) { .f-lst, .f-nav { font-size: 16px; line-height: 22px; } .page-template-template-technical-blog .blog-wapper{ padding-right:0; } } @media screen and (max-width: 1000px) { .inform-holder .txt-box h1 { font-size: 42px; line-height: 135%; } .inform-block h3, .inform-frame .text-box h3, .inform-section .txt-block h3 { font-size: 27px; line-height: 31px; } .inform-section.blue .txt-block, .inform-section .txt-block { float: none; width: auto; max-width: none; padding-right: 0; padding-bottom: 30px; } #content { float: none; width: auto; max-width: none; padding: 0 0 25px; } #sidebar { border: 0; float: none; width: auto; max-width: none; padding-bottom: 0; margin-bottom: 0; } .side-holder { padding: 0 0 20px; } .entry h1 { font-size: 54px; line-height: 125%; } .entry h2 { font-size: 26px; line-height: 30px; } .side-holder h2, .data-info-area h2 { font-size: 32px; line-height: 35px; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 96%; }*/ .categories-list{ padding:20px 0 0; margin:0 0 20px; } .categories-list li{ font-size:22px; } .categories-list a{ padding-bottom:10px; } } @media screen and (max-width: 940px) { .info-area-holder h1 { font-size: 48px; line-height: 125%; } .slideshow h2 { font-size: 22px !important; line-height: 120%; } .info-area .txt-box { padding: 0; } .info-frame .text-box h2, .txt-row .txt-box h3, .info-area h2 { font-size: 24px; line-height: 28px; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 96%; } */ .page-template-template-technical-blog .blog-wapper{ padding-left:0; } .page-template-template-technical-blog .blog-wapper:after{ display:none; } } @media screen and (max-width: 840px) { .info-add-row .txt-box { float: none; width: auto; max-width: none; padding: 0 0 20px; } .info-area-holder .txt-box { width: 65%; } .data-info .top-ttl .box:first-child, .main-area .row .box:first-child { width: 66%; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 96%; } */ .page-template-template-careers .section_two .container{ max-width: none!important; margin: 0 -15px; } } @media screen and (max-width: 829px) { .page-holder.team-list .personal_list { text-align: center; } } @media screen and (min-width: 781px) { /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 96%; } */ } @media screen and (max-width: 780px) { .top-img-area { height: 180px; } .info-frame .txt-box { padding: 0; } .add-ico-lst .ico img { max-width: 80px; } .add-ico-lst li { padding: 0 40px 0 0; } .logo-tech { width: 158px; height: 62px; float: none; display: block; margin: 0 auto 6px; } .customer-area, .info-frame { padding: 70px 0; } .info-area-holder .txt-box { float: none; width: auto; max-width: none; } .info-area-holder:after { display: none; } .info-area-holder { background-image: none !important; background-color: #f9f6fa !important; } .info-list-area .holder { padding: 0; } .info-add-row .ico-lst li { padding-bottom: 25px; } div.selector span, div.selector select { font-size: 15px; } .main-area .row { padding: 0 11px 10px; } .pagination-lst { font-size: 16px; line-height: 24px; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 96%; } */ .slideshow { height: 200px; } .slideshow .container { padding: 30px 15px; } .popup_box { width: 94%; height: auto; position: relative; padding: 3%; } .categories-list{ padding:10px 0 0; } .categories-list li{ font-size:18px; padding:8px 2% 0; } .categories-list a{ padding:0 5px 5px; } .slideshow h2 { font-size: 20px !important; line-height: 120%; } .slideshow .link { font-size: 14px; } .slide .icon-play { margin: -20px 0 0 -30px; height: 60px; width: 60px; } } @media screen and (max-width: 767px) { .data-info-area .featured-img{ float:none; margin: 0 auto 15px; } .page-template-template-technical-blog .title, .txt-area .blog-title{ font-size:37px; } .single-technical-post .txt-area, .single .txt-area{ padding: 60px 0 20px; } .page-template-template-technical-blog .main-area .row{ padding-bottom:0; } .rounded{ display:inline-block; } .single-technical-post .entry .alignright, .single-technical-post .entry .alignleft, .single .alignright, .single .entry .alignleft{ float:none; margin: 0 auto 20px; } .page-template-template-careers .section_five{ margin: 0 0 50px; } .page-template-template-careers .section_one, .page-template-template-careers .section_four, .page-template-template-careers .section_five{ padding-top:30px; padding-bottom:30px; } .page-template-template-careers .section_two{ padding-top:30px; padding-bottom:10px; } .page-template-template-careers .section_three .container-inner{ padding-top:30px; } .page-template-template-careers .section_three .image img{ margin-top:20px; } } @media screen and (max-width: 600px) { .popup_box .holder_images { width: 177px; margin: 10px auto 20px; float: none; } .page-holder.team-list .personal_list { overflow: visible; } } @media screen and (max-width: 560px) { .page-template-template-careers .section_one .alignright, .page-template-template-careers .section_one .alignleft{ float:none; margin: 5px auto 20px; } .page-template-template-careers .section_three .section_body{ margin-right:0; } .page-template-template-careers .section_three .container-inner{ padding-bottom:215px; } } @media screen and (max-width: 500px) { .page-holder.team-list .personal_list { overflow: hidden; } .team-list-holder:first-child .personal_list { margin: 0; } .team-list-holder:first-child .personal_list > li { margin: 0 29px 18px 29px; } .page-holder { padding: 0 15px; } .page-template-template-technical-blog .top-img-area{ padding: 80px 15px; } .page-template-template-technical-blog .main-area .row{ padding: 30px 15px; } .inform-block .ico, .inform-frame .ico, .inform-section .ico { float: none; width: auto; padding: 0 0 15px; } .inform-section.blue .txt-block, .inform-section .txt-block { padding-top: 0; } .inform-holder .txt-box h1 { font-size: 34px; line-height: 135%; } .main-area .row .box h3 { font-size: 16px; line-height: 20px; } .data-info .top-ttl .box:first-child { display: none; } .data-info .top-ttl .box { padding: 3px 10px; } .slideshow { background: #1b5485; padding: 40px 0 50px; } .add-ico-lst li { width: 90px; padding: 0 20px 0 0; } .add-ico-lst .txt { font-size: 14px; } .logo-lst li { width: 155px; } .f-lst li { background: none; } .list-inform .ico { width: 50px; padding: 0 20px 0 0; } .info-add-row h2, .info-list-area h2 { font-size: 30px; line-height: 34px; } .entry h1, .info-area-holder h1 { font-size: 37px; line-height: 125%; } .entry h1 { margin: 0 0 10px; } .info-area-holder h1 br { display: none; } .entry h2 { font-size: 22px; line-height: 26px; } .inform-frame { padding: 45px 0; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 95%; } */ .slideshow { height: 200px; } .subscribe-block{ width:250px !important; padding:5%; } } @media screen and (max-width: 440px) { .page-holder.team-list .personal_list { margin: 0; } .page-holder.team-list .personal_list > li { margin: 0 0 18px; width: 210px; } .slideshow .icon-play { height: 60px; margin: -20px 0 0 -30px; width: 60px; } .page-template-template-careers .top-img-area .btn{ padding: 10px 20px; font-size:16px; } } @media screen and (max-width: 380px) { .inform-block h3, .inform-frame .text-box h3, .inform-section .txt-block h3 { font-size: 23px; line-height: 26px; } .add-ico-lst .ico img { max-width: 70px; } .add-ico-lst .txt { font-size: 12px; } .add-ico-lst li { padding-right: 10px; width: 83px; } .info-frame .txt-box .ico, .txt-row .ico { display: none; } .logo-lst li { width: 135px; } .list-inform .txt-box { overflow: visible; } .list-inform .txt-box h3 { font-size: 16px; line-height: 19px; } /* .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text, textarea { width: 88%; } */ } .main-panel-slider { display: none; } /**/ #section-page { padding: 40px 0 30px; } #section-page .wpcf7 { border-bottom: 2px solid #48b20f; margin: 0 auto 30px; max-width: 725px; padding: 30px 0 20px; position: relative; } #section-page .wpcf7:after { background-color: #1463a7; border-radius: 50%; bottom: -6px; content: ''; height: 12px; left: 50%; margin-left: -6px; position: absolute; width: 12px; } #section-page .field-row { margin: 0 -10px; } #section-page .field-row .wpcf7-form-control-wrap { display: block; } #section-page .field-row:after { clear: both; content: ''; display: block; } #section-page .field-row .field50 { box-sizing: border-box; float: left; margin: 0 0 15px; padding: 0 10px; width: 50%; } #section-page .field-row .field100 { box-sizing: border-box; margin: 0 0 15px; padding: 0 10px; width: 100%; } #section-page .field-row input[type="text"], #section-page .field-row input[type="tel"], #section-page .field-row input[type="email"] { border: 1px solid #dbdbdb; border-radius: 5px; box-sizing: border-box; display: block; font-size: 17px; line-height: 36px; padding: 0 10px; width: 100%; } #section-page .field-row textarea { border: 1px solid #dbdbdb; border-radius: 5px; box-sizing: border-box; display: block; font-size: 17px; line-height: 18px; padding: 10px; width: 100%; } #section-page .field-row input[type="submit"] { background-color: #55b522; border: none; border-radius: 5px; color: #fff; display: block; font-size: 18px; font-weight: normal; height: 36px; line-height: 36px; margin: 40px auto 0; text-align: center; width: 135px; } #section-page span.wpcf7-not-valid-tip { display: block; font-size: 13px; line-height: 125%; margin: 5px 0 0; text-align: left; } #section-page div.wpcf7-validation-errors { background-color: #f7e700; border: none; color: #000; font-size: 16px; font-weight: bold; line-height: 125%; padding: 10px 15px; } #section-page div.wpcf7-mail-sent-ok { background-color: #48b20f; border: none; color: #fff; font-size: 16px; font-weight: bold; line-height: 125%; padding: 10px 15px; } @media screen and (max-width: 767px) { #section-page .field-row .field50 { float: none; width: 100%; } } .wrapper-section{ width:100%; overflow:hidden; position:relative; color:#323232; font-family:"Montserrat", 'Montserrat', sans-serif; } .page-holder-new{ max-width:1440px; padding:0 15px; margin:0 auto; } .page-holder-new:after{ content:""; clear:both; display:block; } .h-section{ position:relative; } .h-area{ z-index:100; padding:13px 0 0; position:absolute; top:0; left:0; width:100%; background:rgba(215,229,233,0.55); border-bottom:1px solid #fff; } .logo-new{ float:left; width:25%; } .nav-area{ padding:29px 0 0; float:right; width:75%; } .m-nav-link{ text-align:left; float:right; display:none; margin:7px 0 0; position:relative; width:28px; height:21px; border-top:2px solid #000; text-indent:-9999px; } .m-nav-link:before, .m-nav-link:after{ content:""; height:2px; background:#000; width:100%; position:absolute; top:7px; left:0; } .m-nav-link:after{top:16px;} .m-nav-link.active{ border-color:transparent !important; width:23px; } .m-nav-link.active:after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top:6px; } .m-nav-link.active:before{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top:6px; } #nav{ text-align:right; font-size:20px; line-height:24px; } #nav > li{ display:inline-block; vertical-align:top; position:relative; padding:0 0 34px; margin:0 0 0 30px; } .h-section #menu-item-945 span{ display:none } #nav > li > a{ text-transform:uppercase; color:#1f2a5d; } #nav > li.active > a{font-weight:800;} #nav .add-ico{ display:none; position:absolute; right:0; top:-0; text-align:center; width:20px; } #nav ul{ display:none; position:absolute; top:100%; left:0; width:194px; border:1px solid #fff; text-align:left; font-size:16px; padding:20px 22px 7px; background:rgba(201,215,218,0.74); } #nav > li:hover > ul{display:block;} #nav ul li{padding:0 0 12px;} #nav ul a{color:#1f2a5d;padding: 0;} #nav ul:before{ position:absolute; top:-8px; left:35px; content:""; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #ffffff transparent; } .top-gallery-frame .slick-next, .top-gallery-frame .slick-prev{ display:none !important; } .top-gallery-frame .slide{ display:none; background-size:cover; background-position:50% 50%; padding:215px 0 205px; height:auto; width:100%; text-align:left; } .top-gallery-frame .slide:first-child{display:block;} .top-gallery-frame .slick-track .slide{display:block;} .top-gallery-frame .slick-slide:after{display:none;} .top-gallery-frame.slick-slider{ border:0; } .top-gallery-frame .slick-slide > div{ display:block; padding:0 15px; } .top-gallery-frame .slide .txt-box{ margin:0 0 0 110px; border:1px solid #fff; max-width:507px; padding:58px 53px 77px; color:#fff; position:relative; } .top-gallery-frame .slide .txt-box h2{ font-weight:300; font-size:58px; line-height:1.2; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); } .top-gallery-frame .slide .txt-box h2 span{ font-weight:500; } .top-gallery-frame .slide .btn-link{ position:absolute; bottom:-38px; left:48px; background:#347113; padding:0 0 5px; color:#fff; border-radius:4px; } .top-gallery-frame .slide .btn-link span{ padding:18px 38px 19px 105px; font-size:22px; font-weight:300; line-height:1.2; display:block; background:#48b20f; border-radius:4px; position:relative; } .top-gallery-frame .slide .btn-link span:before{ content:""; z-index:5; position:absolute; top:19px; left:35px; background:url(images/ico-eye.png) no-repeat; width:40px; height:26px; } .gallery-top-add{ padding:30px 0 20px; background:#00aeef url(images/bg-gall-add-row.png) no-repeat 0 50%; color:#fff; height: 130px; box-sizing: border-box; } .gallery-top-add .txt{ display:block; font-size:32px; font-weight:300; line-height:1.2; text-align:center; padding:20px 40px; width: 100%; } .gallery-top-add .txt span{ width:100% } .gallery-top-add .txt a{ color:#fff; text-decoration:underline; } .gallery-top-add .txt a:hover{text-decoration:none;} .gallery-top-add .page-holder-new{position:relative;} .gallery-top-add .btn-next, .gallery-top-add .btn-prev{ position:absolute; top:50%; margin:-20px 0 0; left:15px; background:url(images/bg-gall-btns.png) no-repeat; width:16px; height:39px; overflow:hidden; text-indent:-9999px; cursor: pointer; z-index: 999999; } .gallery-top-add .btn-next{ left:auto; right:15px; background-position:-16px 0; } .info-top-section-txt{ padding:60px 0 0; max-width:750px; margin:0 auto; text-align:center; } .info-top-section-txt h2{ margin:0 0 18px; color:#48b20f; font-size:36px; line-height:1.2; } .info-top-section-txt p{ margin:0 0 40px; font-size:24px; line-height:1.25; font-weight:300; } .info-frame-block{padding:0 0 105px;} .info-frame-block:after{ content:""; clear:both; display:block; } .info-frame-block .block{ width:33.33%; position:relative; float:left; box-sizing:border-box; padding:0 40px; text-align:center; } .info-frame-block .block:after{ content:""; position:absolute; right:-25px; top:165px; background:url(images/bg-arrow-next.png) no-repeat; width:30px; height:44px; } .info-frame-block .block:last-child:after{display:none;} .info-frame-block-hold{ min-height:440px; position:relative; } .info-frame-block .txt{ display:block; font-size:22px; line-height:1.36; font-weight:300; } .graph-hold-lst{ margin:0 0 0 50px; position:relative; min-height:440px; } .graph-hold-lst li{ position:absolute; top:0; left:0; box-shadow:2px 2px 4px #ccc; z-index:1; /*transition:all .2s ease-in-out;*/ } .graph-hold-lst li.item01{ top:175px; left:5px; z-index:5; } .graph-hold-lst li.item03{ top:125px; left:120px; } .graph-hold-lst li:hover{ z-index:10; /*transform:scale(1.05);*/ } .info-frame-btns{ text-align:center; font-size:20px; line-height:1.2; font-weight:300; padding:0 0 75px; } .info-frame-btns li{ display:inline-block; vertical-align:top; padding:0 3px; } .info-frame-btns a{ display:block; border:1px solid #00aeef; color:#00aeef; border-radius:4px; padding:10px 28px 12px; } .info-frame-btns a.decor{ border-color:#48b20f; color:#48b20f } .video-frame{ overflow:hidden; position:relative; max-width:1284px; padding:80px 0 85px; margin:0 auto 64px; } .video-frame:after, .video-frame:before{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -274px; height:2px; background:#f0f0f0; width:100%; max-width:548px; } .video-frame:after{ top:auto; bottom:0; } .video-frame .txt-box{ margin:0 40px 0 0; max-width:520px; float:left; width:41%; padding:55px 30px 0 49px; } .video-frame .txt-box h2{ margin:0 0 35px; color:#323232; font-size:48px; line-height:1.16; font-weight:300; } .video-frame .txt-box h2 span{ color:#48b20f; font-weight:500; } .video-frame .txt-box .btn-link{ display:inline-block; vertical-align:top; border:1px solid #00aeef; color:#00aeef; font-size:24px; line-height:1.2; padding:10px 37px; font-weight:300; border-radius:5px; } .video-box{ overflow:hidden; } .video-box a{ display:block; position:relative; } .video-box img{border-bottom:4px solid #347113;} .video-box a:after{ content:""; position:absolute; top:0; left:0; background:url(images/ico-play.png) no-repeat 50% 50%; width:100%; height:100%; } .stats-frame{ max-width:915px; padding:0 0 60px; margin:0 auto; text-align:center; } .stats-frame h2{ margin:0 0 50px; font-size:38px; line-height:1.25; font-weight:300; } .stats-frame h2 .green{color:#5dae46;} .stats-frame h2 .blue{color:#2da6de;} .stats-lst{padding:0 0 30px;} .stats-lst li{ display:inline-block; vertical-align:top; width:33.33%; box-sizing:border-box; padding:0 20px; margin:0 -4px 0 0; } .stats-lst .img{ background:url(images/bg-hexagon.png) no-repeat; width:130px; margin:0 auto 4px; height:147px; text-align:center; position:relative; } .stats-lst .img img{ position:relative; top:50%; transform: translateY(-50%); } .stats-lst h3{ margin:0 0 6px; color:#48b20f; font-size:42px; line-height:1.25; font-weight:600; } .stats-lst h4{ margin:0; text-transform:uppercase; font-size:18px; line-height:1.33; font-weight:300; } #footer-area{ background:#323232; padding:50px 0 20px; color:#fff; } .f-area{ padding:0 0 12px; overflow:hidden; } .f-area a{ color:#fff; } .f-area .box{ display:inline-block; vertical-align:top; width:15.2%; padding:0 15px 0 25px; box-sizing:border-box; margin:0 -4px 0 0; border-right:1px solid #464646; } .f-area .box:first-child{ padding-left:0; width:13.5%; } .f-area .box:nth-child(4){ border:0; width:22%; } .f-area .box.demo-box{ width:28%; border:0; } .f-area .box h3{ margin:0 0 31px; text-transform:uppercase; font-size:18px; line-height:1.2; font-weight:500; } .f-area .box ul{ font-size:18px; line-height:1.55; font-weight:300; } .f-area .box ul em{ font-style:normal; margin:0 9px 0 0; } .f-area .box ul span{ display:inline-block; vertical-align:middle; background:#1f6aa7; padding:0 10px; } .demo-form{ padding:5px 0 0; max-width:345px; } .demo-form .row-field{ padding:0 0 9px; } .demo-form .row-field input{ display:block; width:100%; box-sizing:border-box; font-size:14px; font-weight:300; background:none; color:#fff; padding:13px 20px; border:1px solid #9f9f9f; } .demo-form .row-field ::-webkit-input-placeholder{color: #fff;} .demo-form .row-field :-moz-placeholder{color: #fff;} .demo-form .row-field ::-moz-placeholder{ color: #fff; opacity: 1; } .demo-form .row-field :-ms-input-placeholder{color: #fff;} .demo-form .btn-box{padding:12px 0 25px;} .demo-form .btn-box input, .demo-form .btn-box button{ width:100%; border:0; display:block; max-width:304px; background:#48b20f; height:50px; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; } .demo-form .btn-box input:hover{opacity:0.8;} .social-f-lst li{padding:0 0 6px;} .social-f-lst a{ line-height:1.2; display:block; padding:2px 0 2px 35px; } .social-f-lst a.fb{ background:url(images/ico-fb.png) no-repeat; } .social-f-lst a.tw{ background:url(images/ico-tw.png) no-repeat; } .social-f-lst a.in{ background:url(images/ico-linkedin.png) no-repeat; } .f-row{ padding:16px 0 0; border-top:1px solid #4d4d4d; overflow:hidden; } .f-logo-box{ float:left; padding:0 15px 0 0; } .copy{ padding:15px 10px 0 0; display:block; overflow:hidden; text-align:right; color:#9d9d9d; font-size:18px; line-height:1.25; font-weight:300; } .graph-area{ position:relative; width:320px; margin:0 auto; height:365px; } /***************************/ .graph-area:hover .hex-bl .holder, .graph-area:hover .hex-bl .holder:before, .graph-area:hover .hex-bl .holder:after, .graph-area:hover .hex-gr .holder, .graph-area:hover .hex-gr .holder:before, .graph-area:hover .hex-gr .holder:after, .graph-area:hover .item01 .holder, .graph-area:hover.inner .item01 .holder, .graph-area.inner:hover .item01 .holder:before, .graph-area.inner:hover .item01 .holder:after, .graph-area:hover .item01 .holder:before, .graph-area:hover .item01 .holder:after, .graph-area .hex-bl .arrow, .graph-area .hex-gr .arrow, .graph-area .hex-bl .arrow:before, .graph-area .hex-gr .arrow:before { animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: 0.5s; animation-fill-mode: forwards; } .graph-area:hover .hex-bl .holder, .graph-area:hover .hex-bl .holder:before, .graph-area:hover .hex-bl .holder:after { animation-name: fillActionBlue; } @keyframes fillActionBlue { 0% { background-color: #2da6de; } 100% { background-color: #efefef; } } .graph-area:hover .hex-gr .holder, .graph-area:hover .hex-gr .holder:before, .graph-area:hover .hex-gr .holder:after { animation-name: fillActionGreen; } @keyframes fillActionGreen { 0% { background-color: #5dae46; } 100% { background-color: #efefef; } } .graph-area.inner:hover .item01 .holder { animation-name: fillActionGreenMiddle; } @keyframes fillActionGreenMiddle { 100% { background-color: #5dae46; color: #fff; } } .graph-area.inner:hover .item01 .holder:before, .graph-area.inner:hover .item01 .holder:after{ animation-name: fillActionGreenMiddle2; } @keyframes fillActionGreenMiddle2 { 100% { border-top-color:#5dae46; border-bottom-color:#5dae46; } } .graph-area:hover .item01 .holder { animation-name: fillActionBlueMiddle; } @keyframes fillActionBlueMiddle { 100% { background-color: #2da6de; color: #fff; } } .graph-area:hover .item01 .holder:before, .graph-area:hover .item01 .holder:after { animation-name: fillActionBlueMiddle2; } @keyframes fillActionBlueMiddle2 { 100% { border-top-color: #2da6de; border-bottom-color: #2da6de; } } .graph-area:hover .hex-bl .arrow, .graph-area:hover .hex-gr .arrow { animation-name: fillActionArrow; } @keyframes fillActionArrow { 100% { background-color: #efefef; } } .graph-area:hover .hex-bl .arrow:before, .graph-area:hover .hex-gr .arrow:before { animation-name: fillActionArrow2; } @keyframes fillActionArrow2 { 100% { background: #efefef url(images/img-arrow.svg) no-repeat 50% 50%; } } /***************************/ .graph-area.inner{margin:0 0 0 -15px;} .graph-area > div{ position:absolute; } .graph-area *{ -webkit-transform: translate3d(0,0,0); } .graph-area .item01{ top:98px; left:132px; z-index:10; color: #838383; } .graph-area .item02{ left:auto; right:-10px; top:0; } .graph-area .item03{ left:70px; top:0; } .graph-area .item04{ left:5px; top:112px; } .graph-area.inner .item04{ left:auto; right:-75px; top:112px; } .graph-area .item05{ left:73px; top:230px; } .graph-area .item06{ left:215px; top:230px; } .graph-area .item01 .holder{ position: relative; width: 139px; height: 80.25px; background-color: #efefef; margin: 40.13px 0; } .graph-area .item01 .holder:before, .graph-area .item01 .holder:after { content: ""; left:0; position: absolute; width: 0; border-left: 69.5px solid transparent; border-right: 69.5px solid transparent; } .graph-area .item01 .holder:before { bottom: 100%; border-bottom: 40.13px solid #efefef; } .graph-area .item01 .holder:after { top: 100%; width: 0; border-top: 40.13px solid #efefef; } .graph-area span{ z-index:10; position:absolute; width:100%; left:0; top:50%; margin:-3px 0 0; transform:translateY(-50%); font-size:22px; line-height:1.2; font-weight:500; } .graph-area.inner span{font-size:17px !important;} .graph-area.inner .item01 span{font-size:18px !important;} .graph-area .item06 span, .graph-area .item05 span, .graph-area .item04 span, .graph-area .item03 span, .graph-area .item02 span{ color:#fff; font-size:20px; margin:0; font-weight:300; } .graph-area:hover .item06 span, .graph-area:hover .item05 span, .graph-area:hover .item04 span, .graph-area:hover .item03 span, .graph-area:hover .item02 span{ color:#838383; font-size:20px; margin:0; font-weight:300; } .graph-area .item06 .holder, .graph-area .item05 .holder, .graph-area .item04 .holder, .graph-area .item03 .holder, .graph-area .item02 .holder { position: relative; width: 113px; height: 65.24px; margin: 32.62px 0; border-left: dashed 2px #dbdbdb; border-right: dashed 2px #dbdbdb; } .graph-area .hex-bl .holder { background-color: #2da6de; } .graph-area .hex-gr .holder { background-color: #5dae46; } .safari .graph-area .item06 .holder, .safari .graph-area .item05 .holder, .safari .graph-area .item04 .holder, .safari .graph-area .item03 .holder, .safari .graph-area .item02 .holder { border-left-style:solid; border-right-style:solid; } .graph-area .item06 .holder:before, .graph-area .item06 .holder:after, .graph-area .item05 .holder:before, .graph-area .item05 .holder:after, .graph-area .item04 .holder:before, .graph-area .item04 .holder:after, .graph-area .item03 .holder:before, .graph-area .item03 .holder:after, .graph-area .item02 .holder:before, .graph-area .item02 .holder:after { content: ""; position: absolute; z-index: 1; width: 80px; height: 80px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); left: 16px; } .graph-area .item06 .holder:before, .graph-area .item05 .holder:before, .graph-area .item04 .holder:before, .graph-area .item03 .holder:before, .graph-area .item02 .holder:before { top: -39.9515px; border-top: dashed 2.8284px #dbdbdb; border-right: dashed 2.8284px #dbdbdb; } .safari .graph-area .item06 .holder:before, .safari .graph-area .item05 .holder:before, .safari .graph-area .item04 .holder:before, .safari .graph-area .item03 .holder:before, .safari .graph-area .item02 .holder:before { border-top-style:solid; border-right-style:solid; } .graph-area .item06 .holder:after, .graph-area .item05 .holder:after, .graph-area .item04 .holder:after, .graph-area .item03 .holder:after, .graph-area .item02 .holder:after { bottom: -39.9515px; border-bottom: dashed 2.8284px #dbdbdb; border-left: dashed 2.8284px #dbdbdb; } .safari .graph-area .item06 .holder:after, .safari .graph-area .item05 .holder:after, .safari .graph-area .item04 .holder:after, .safari .graph-area .item03 .holder:after, .safari .graph-area .item02 .holder:after { border-bottom-style:solid; border-left-style:solid; } .graph-area .hex-bl .holder:before, .graph-area .hex-bl .holder:after { background-color: #2da6de; } .graph-area .hex-gr .holder:before, .graph-area .hex-gr .holder:after { background-color: #5dae46; } .graph-area .arrow { z-index:5; width:12px; height:16px; position:absolute; bottom:-32px; left:22px; transform:rotate(120deg); border:dashed #dbdbdb; border-width:2px 0; } .graph-area .hex-bl .arrow { background-color: #2da6de; } .graph-area .hex-gr .arrow { background-color: #5dae46; } .graph-area .item03 .arrow{ left:80px; bottom:-29px; transform:rotate(55deg); } .graph-area .item04 .arrow{ transform:rotate(0); bottom:50%; margin:0 0 -8px; left:auto; right:-12px; } .graph-area .item05 .arrow{ transform:rotate(300deg); bottom:auto; top:-30px; left:82px; } .graph-area .item06 .arrow{ transform:rotate(230deg); bottom:auto; top:-32px; left:18px; } .graph-area .arrow:before{ content:""; position:absolute; top:1px; left:-9px; width:18px; height:13px; background-size:12px auto; } .graph-area .hex-bl .arrow:before { background: #2da6de url(images/img-arrow.svg) no-repeat 50% 50%; } .graph-area .hex-gr .arrow:before { background: #5dae46 url(images/img-arrow.svg) no-repeat 50% 50%; } .graph-area.inner .item04 .arrow{ transform:rotate(180deg); left:-12px; } .graph-area .hex-bl .holder, .graph-area .hex-bl .holder:before, .graph-area .hex-bl .holder:after, .graph-area .hex-gr .holder, .graph-area .hex-gr .holder:before, .graph-area .hex-gr .holder:after, .graph-area .item01 .holder, .graph-area.inner .item01 .holder, .graph-area.inner .item01 .holder:before, .graph-area.inner .item01 .holder:after, .graph-area .item01 .holder:before, .graph-area .item01 .holder:after, .graph-area .hex-bl .arrow, .graph-area .hex-gr .arrow, .graph-area .hex-bl .arrow:before, .graph-area .hex-gr .arrow:before { animation-duration: 0.5s; } .graph-area .hex-bl .holder, .graph-area .hex-bl .holder:before, .graph-area .hex-bl .holder:after { animation-name: fillActionBlueOut; } @keyframes fillActionBlueOut { 0% { background-color: #fff; } 100% { background-color: #2da6de; } } .graph-area .hex-gr .holder, .graph-area .hex-gr .holder:before, .graph-area .hex-gr .holder:after { animation-name: fillActionGreenOut; } @keyframes fillActionGreenOut { 0% { background-color: #fff; } 100% { background-color: #5dae46; } } .graph-area.inner .item01 .holder { animation-name: fillActionGrMiddleOut; } @keyframes fillActionGrMiddleOut { 0% { background-color: #5dae46; } 100% { background-color: #efefef; color: #838383; } } .graph-area .item01 .holder { animation-name: fillActionBlMiddleOut; } @keyframes fillActionBlMiddleOut { 0% { background-color: #2da6de; } 100% { background-color: #efefef; color: #838383; } } .graph-area.inner .item01 .holder:before, .graph-area.inner .item01 .holder:after { animation-name: fillActionGrMiddle2Out; } @keyframes fillActionGrMiddle2Out { 0% { border-top-color: #5dae46; border-bottom-color: #5dae46; } 100% { border-top-color: #efefef; border-bottom-color: #efefef; } } .graph-area .item01 .holder:before, .graph-area .item01 .holder:after { animation-name: fillActionBlMiddle2Out; } @keyframes fillActionBlMiddle2Out { 0% { border-top-color: #2da6de; border-bottom-color: #2da6de; } 100% { border-top-color: #efefef; border-bottom-color: #efefef; } } .graph-area .hex-bl .arrow{ animation-name: fillActionBlueArrowOut; } @keyframes fillActionBlueArrowOut { 0% { background-color: #fff; } 100% { background-color: #2da6de; } } .graph-area .hex-gr .arrow { animation-name: fillActionGreenArrowOut; } @keyframes fillActionGreenArrowOut { 0% { background-color: #fff; } 100% { background-color: #5dae46; } } .graph-area .hex-bl .arrow:before { animation-name: fillActionBlueArrow2Out; } @keyframes fillActionBlueArrow2Out { 0% { background: #fff url(images/img-arrow.svg) no-repeat 50% 50%; } 100% { background: #2da6de url(images/img-arrow.svg) no-repeat 50% 50%; } } .graph-area .hex-gr .arrow:before { animation-name: fillActionGreenArrow2Out; } @keyframes fillActionGreenArrow2Out { 0% { background: #fff url(images/img-arrow.svg) no-repeat 50% 50%; } 100% { background: #5dae46 url(images/img-arrow.svg) no-repeat 50% 50%; } } @media screen and (max-width: 1280px){ .graph-area.inner{margin:0 0 0 -40px;} .info-frame-block .block{ width:auto; float:none; max-width:310px; padding:0; margin:0 auto; } .graph-hold-lst{margin:0 0 0 30px;} .info-frame-block-hold{min-height:380px;} .info-frame-block .block{padding-bottom:60px;} .info-frame-block .block:last-child{padding-top:30px;} .info-frame-block{padding:0 0 25px;} .info-frame-block .block:after{ left: 0; right: 0; margin: auto; top: auto; bottom:0; transform: rotate(90deg); } .f-area .box{width:18.2%;} .video-frame .txt-box{padding-top:15px;} .video-frame .txt-box h2{font-size:38px;} } @media screen and (min-width: 1024px){ #nav{display:block !important;} #nav ul{display:none !important;} #nav > li:hover > ul{display:block !important;} } @media screen and (max-width: 1023px){ #nav .add-ico{ display:block; } #nav > li a{ position:relative; padding:0 20px; } .video-frame .txt-box{ padding-left:0; padding-right:8px; margin-right:20px; } .nav-area{ padding:17px 0 0; width:40%; } #nav > li:hover > ul{display:none;} #nav{ text-align:center; display:none; } #nav > li{ margin:0; padding:8px 0; display:block; } #nav ul::before{display:none;} #nav ul{ display:none; border:0; width:auto; top:auto; position:relative; padding:15px 0 0; text-align:center; } #nav ul li:last-child{padding-bottom:0;} #nav > li a{ color:#000; } .h-area{padding-bottom:13px;} .logo-new{width:60%;} .m-nav-link{display:block;} #nav{ position:absolute; top:100%; left:0; width:100%; background:#fff; } .top-gallery-frame .slide .txt-box{margin:0;} .f-area .box, .f-area .box:nth-child(4), .f-area .box:first-child{width:25%;} .f-area .box.demo-box{ width:100%; padding:20px 0 0; } } @media screen and (max-width: 767px){ .top-gallery-frame .slide .txt-box{ border:0; padding:0; } .top-gallery-frame .slide .txt-box h2{ font-size:32px; } .top-gallery-frame .slide .btn-link{ position:relative; left:auto; } .top-gallery-frame .slide{padding:185px 0 115px;} .top-gallery-frame .slide .btn-link span::before{ top:14px; left:25px; } .top-gallery-frame .slide .btn-link span, .f-area .box ul{font-size:17px;} .top-gallery-frame .slide .btn-link span{ padding-left:85px; } .f-area .box ul em{ display:block; margin:0; } .demo-form{margin:0 auto;} .f-area .box h3{margin:0 0 10px;} .demo-form .btn-box input{max-width:100%;} .f-area .box, .f-area .box:nth-child(4), .f-area .box:first-child{ display:block; width:auto; padding:0 0 20px; text-align:center; } .f-area .box.demo-box{padding-top:0;} .f-area .box ul li{padding:2px 0;} #footer-area{padding-top:30px;} .social-f-lst a{ display:inline-block; vertical-align:top; } .info-frame-block{padding:0;} .info-top-section-txt h2, .video-frame .txt-box h2{font-size:28px;} .info-top-section-txt p{font-size:18px;} .gallery-top-add .txt{font-size:24px;} .info-frame-btns{ font-size:17px; padding:0 0 35px; } .info-frame-btns li{ display:block; max-width:320px; margin:0 auto 10px; text-align:center; } .video-frame .txt-box{ padding-left:0; padding-right:0; float:none; width:auto; max-width:none; margin:0 0 40px; text-align:center; } .video-box{ max-width:639px; margin:0 auto; } .stats-frame h2{font-size:28px;} .stats-lst{padding:0;} .stats-lst li{ display:block; margin:0 auto 30px; width:auto; max-width:320px; } .video-frame::after, .video-frame::before{ width:100%; left:0; margin:0; } .video-frame{padding:40px 0;} .f-logo-box{ float:none; padding:0 0 10px; text-align:center; } .copy{ padding:0; text-align:center; } } @media screen and (max-width: 440px){ .graph-area.inner{margin:0 0 0 -86px;} .graph-area{margin:0 0 0 -21px;} } @media screen and (max-width: 350px){ .graph-area{ transform:scale(0.95); } } /* New SVG Based Hex Graph */ .hex-graph { position: relative; display: inline-block; } .hex-graph svg.blue g.hexagon rect.after, .hex-graph svg.blue g.hexagon-with-pipe rect.before { fill: #2DA6DE; } .hex-graph svg.green g.hexagon rect.after, .hex-graph svg.green g.hexagon-with-pipe rect.before { fill: #5DAE46; } .hex-graph g.hexagon rect.before, .hex-graph g.hexagon-with-pipe rect.after { fill: #EFEFEF; } .hex-graph p { position: absolute; width: 111px; text-align: center; height: 64px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: Montserrat; color: white; box-sizing: border-box; padding: 16px; } .hex-graph p.main { color: #838383; left: 131px; top: 150px; width: 138px; height: 80px; } .hex-graph p.left { left: 8px; top: 156px; } .hex-graph p.right { left: 282px; top: 156px; } .hex-graph p.top-left { left: 76px; top: 38px; } .hex-graph p.top-right { left: 214px; top: 38px; } .hex-graph p.bottom-left { left: 76px; top: 275px; } .hex-graph p.bottom-right { left: 214px; top: 275px; } /* Animation for the arrow */ .info-frame-block .block:after { transition: all .5s; background-size: cover; transition-timing-function: ease-in-out; } .info-frame-block .block.animate-arrow:after { width: 45px; height: 66px; } @media screen and (min-width: 1281px) { .info-frame-block .block.animate-arrow:after { right: -33px; top: 154px; } } /* End New SVG Based Hex Graph */