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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

input[name="org"] {
    display: block;
    width: 2px;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0.01;    
}

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

@font-face { font-family: Circe-Bold; src: url("fonts/Circe-Regular.eot"); src: url("fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Circe-Regular.woff") format("woff"), url("fonts/Circe-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Circe-Bold; src: url("fonts/Circe-Bold.eot"); src: url("fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Circe-Bold.woff") format("woff"), url("fonts/Circe-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

a, a:before, a:after, a:hover, a:focus, button { text-decoration: none; color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.slick-dots { text-align: center; display: block; width: 100%; margin-top: 20px; }
.slick-dots li { display: inline-block; vertical-align: middle; font-size: 0; width: 12px; height: 12px; background: #e6e6e6; border-radius: 50%; padding: 0; margin: 0 5px; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius: 50%; }
.slick-dots li.slick-active { background: #D71E0F; }

h2 { font-size: 24px; font-weight: normal; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 20px; }

.form-group { margin: 0 0 10px; }
.form-group .ui-selectmenu-button.ui-button { margin: 0 0 25px; }

.form-control { font-size: 16px; color: #282c36; background: #f6f6f7; height: 60px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; padding: 0 20px; width: 100%; border: 0; }
.form-control:-moz-placeholder, .form-control::-moz-placeholder { color:#a8a8a8; opacity: 1; }
.form-control::-webkit-input-placeholder { color: #282c36; }

.form-control:hover, .form-control:focus, .form-control:active { background: #f6f6f7; border: 0; -webkit-box-shadow: none; box-shadow: none; }

textarea.form-control { height: 120px; padding-top: 14px; padding-bottom: 14px; resize: none; }

.btn { padding: 18px 25px; color: #fff; border-radius: 4px; border: 0; font-size: 16px; outline: none; text-align: center; font-family: "Circe-Bold", Arial, sans-serif; }
.btn-default { background: #1a826f; color: #fff; }
.btn-default:hover, .btn-default:active, .btn-default:active:focus, .btn-default:focus, .btn-default.focus { background: #1d4d44; color: #fff; outline: none; -webkit-box-shadow: none; box-shadow: none; }

.btn-primary { background: #1a826f; color: #fff; padding: 12px 30px; }
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus, .btn-primary.focus { background: #1d4d44; x-color: #fff; }

button.btn { height: 60px; padding: 0 20px; font-family: "Circe-Bold", Arial, sans-serif; }

.consent { margin: 0; font-size: 14px; }
.consent input[type="checkbox"] { display: none; }
.consent label { padding-left: 25px; position: relative; }
.consent input[type="checkbox"] + label:before { content: ""; border: 1px solid #d8d8d8; width: 16px; height: 16px; position: absolute; left: 0; top: -1px; }
.consent input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 3px; left: 4px; display: block; background: #D71E0F; width: 8px; height: 8px; }
.consent a { text-decoration: underline; }
.consent a:hover { text-decoration: none; }

.ui-selectmenu-button.ui-button { width: 100%; max-width: 500px; background: #F6F6F7; border: 0; color: #282C36; font-size: 16px; font-family: "Circe-Regular", Arial, sans-serif; border-radius: 5px; margin: 5px 0px;padding: 16px 20px;}
.ui-selectmenu-button.ui-button .ui-selectmenu-text { margin-right: 35px; }
.ui-selectmenu-button.ui-button .ui-selectmenu-icon { margin-top: 9px; width: 20px; height: 12px; background: url(../img/icons/arrow-selectmenu.svg) center center no-repeat; background-size: contain; }

.ui-selectmenu-button.ui-button:active { border: 0; background: #F6F6F7; color: #282C36; }

.ui-selectmenu-button-open .ui-selectmenu-icon { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.ui-selectmenu-menu { border: 1px solid #e0e0e0; max-height: 281px; }
.ui-selectmenu-menu .ui-menu { padding: 0; overflow: hidden; }
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper { padding: 12px 20px; }
.ui-selectmenu-menu .ui-menu.ui-widget-content { color: #282C36; border: 0; font-size: 16px;
    x-width: 500px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active { border: 0; background: #949392; }

.select .ui-selectmenu-button.ui-button {max-width:100%;}
.work_form-action button {margin-bottom:18px;}

body { font-family: "Circe-Regular", Arial, sans-serif; font-size: 12px; line-height: 1.2; color: #282C36; }

.openmenu { overflow: hidden; }

.out { width: 100%; min-width: 320px; margin: 0 auto; }

.out-banner { background: url(../img/out-bg.png) top right no-repeat; }

.caption { font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; padding-left: 35px; position: relative; margin-bottom: 60px; padding-right: 160px; }
.caption span { color: #D71E0F; }
.caption:before { content: ""; position: absolute; left: 0; top: 6px; bottom: 10px; width: 3px; background: #D71E0F; }
.caption.caption-simple { padding-left: 0; }
.caption.caption-simple:before { display: none; }
.caption-sub { font-size: 17px; color: #282C36; max-width: 560px; line-height: 1.6; margin-bottom: 50px; }
.caption + .caption-sub { margin-top: -20px; }

.mobmenu-toggle { display: none; position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 26px; height: 21px; z-index: 11; }
.mobmenu-toggle span { position: absolute; right: 0; top: 50%; margin-top: -1px; display: block; height: 2px; width: 100%; background: #D71E0F; -webkit-transition: background 0.3s 0.2s; -moz-transition: background 0.3s 0.2s; -o-transition: background 0.3s 0.2s; -ms-transition: background 0.3s 0.2s; transition: background 0.3s 0.2s; }
.mobmenu-toggle span:before, .mobmenu-toggle span:after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #D71E0F; -webkit-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobmenu-toggle span:before { top: -8px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }
.mobmenu-toggle span:after { bottom: -8px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.mobmenu-toggle.active span { background: none!important; }
.mobmenu-toggle.active span:before { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobmenu-toggle.active span:after { bottom: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobmenu-toggle.active span:before, .mobmenu-toggle.active span:after { -webkit-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.mobmenu { background: rgba(0,0,0,0.85); background-size: cover; display: none; position: fixed; left: 0; height: 100%; bottom: 120%; width: 100%; z-index: 10; -webkit-transition: all 1.2s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; overflow: hidden; text-align: center; }
.mobmenu .container { height: 100%; width: 100%; overflow: auto; padding: 60px 0 40px; }
.mobmenu .container .table { height: 100%; width: 100%; display: table; margin: 0; padding: 0; }
.mobmenu .container .table .wrapper { display: table-cell; vertical-align: middle; }
.mobmenu .mobmenu-nav { text-align: center; font-size: 18px; font-family: "Circe-Bold", Arial, sans-serif; margin-top: 50px; }
.mobmenu .mobmenu-nav li + li { margin-top: 15px; }
.mobmenu .mobmenu-nav .active > a, .mobmenu .mobmenu-nav a:hover { color: #D71E0F; }
.mobmenu .mobmenu-nav .active .dropdown-toggle:after, .mobmenu .mobmenu-nav .dropdown-toggle:hover:after { background: url(../img/icons/arrow-dropdown-hover.svg) center center no-repeat; background-size: contain; }
.mobmenu .mobmenu-nav .dropdown-toggle { padding-right: 20px; margin-left: 20px; position: relative; }
.mobmenu .mobmenu-nav .dropdown-toggle:after { content: ""; position: absolute; right: 0; top: 50%; margin: -3px 0 0 0; padding: 0; border: 0; width: 10px; height: 6px; background: url(../img/icons/arrow-dropdown.svg) center center no-repeat; background-size: contain; }
.mobmenu .mobmenu-nav .dropdown-menu { position: static !important; float: none; font-size: 14px; top: 100% !important; background: #fff; margin: 0; border-radius: 0; border: 0; transform: none !important; z-index: 1; text-align: center; left: 0; right: 0; padding: 0; }
.mobmenu .mobmenu-nav .dropdown-menu li { margin-top: 15px; }
.mobmenu .mobmenu-phones { text-align: center; font-size: 16px; margin-top: 20px; }
.mobmenu .mobmenu-phones li + li { margin-top: 10px; }
.mobmenu .mobmenu-phones a { padding-left: 24px; position: relative; }
.mobmenu .mobmenu-phones a:hover { color: #D71E0F; }
.mobmenu .mobmenu-phones a:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 16px; height: 16px; background: url(../img/icons/phone.svg) center center no-repeat; background-size: contain; }
.mobmenu .mobmenu-search { font-size: 14px; max-width: 290px; margin: 0 auto; }
.mobmenu .mobmenu-search form { position: relative; width: 100%; border: 1px solid #d1d1d1; border-radius: 5px; overflow: hidden; height: 38px; background: #fff; z-index: 1; }
.mobmenu .mobmenu-search input { padding: 0 55px 0 15px; text-align: left; height: 100%; width: 100%; color: #282C36; border-radius: 5px; }
.mobmenu .mobmenu-search input:-moz-placeholder, .mobmenu .mobmenu-search input:-moz-placeholder { color: #999; opacity: 1; }
.mobmenu .mobmenu-search input:-webkit-input-placeholder { color: #999; }
.mobmenu .mobmenu-search .button { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 100%; border-radius: 5px; background: url(../img/icons/search.png) center center no-repeat; outline: none; box-shadow: none; background-size: 40%; }
.mobmenu .mobmenu-controls { margin-top: 40px; }
.mobmenu .mobmenu-controls a { font-weight: 700; display: inline-block; padding: 12px 32px; font-size: 14px; color:#ffffff; background: #13ce66;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.mobmenu .mobmenu-controls a:hover { background: #ffffff; color: #ff4c7c; }

.mobmenu.open { bottom: 0; }

.header:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); z-index: 1; }

.header { padding: 33px 0; position: relative; z-index: 100; position: fixed; left: 0; right: 0; top: 0; background: #fff; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; -ms-transition: padding 0.3s; transition: padding 0.3s; }
.header .dropdown-menu { font-size: 14px; top: 100% !important; background: #fcfcfc; margin: 40px 0 0; border-radius: 0; border: 0; padding: 0; transform: none !important; z-index: 1; border-bottom: 2px solid #D71E0F; }
.header .dropdown-menu li + li { margin-top: 15px; }
.header .dropdown-menu a { white-space: nowrap; }
.header .container { font-size: 0; text-align: justify; position: relative; }
.header .container > div { display: inline-block; letter-spacing: normal; vertical-align: middle; padding: 0 15px; }
.header .container:after { content: ""; width: 100%; height: 0; visibility: hidden; overflow: hidden; display: inline-block; }
.header .header-logo { width: 195px; margin-right: 25px; padding-left: 0 !important; }
.header .header-logo img { width: 100%; }
.header .header-nav { font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; text-align: center; }
.header .header-nav > ul { padding-top: 2px; }
.header .header-nav > ul > li { display: inline-block; vertical-align: middle; margin: 0 20px; }
.header .header-nav > ul > li:first-child { margin-left: 0; }
.header .header-nav > ul > li:last-child { margin-right: 0; }
.header .header-nav .show > a, .header .header-nav a:hover { color: #D71E0F; }
.header .header-nav .show .dropdown-toggle:after, .header .header-nav .dropdown-toggle:hover:after { background: url(../img/icons/arrow-dropdown-hover.svg) center center no-repeat; background-size: contain; }
.header .header-nav .dropdown-toggle { padding-right: 20px; position: relative; }
.header .header-nav .dropdown-toggle:after { content: ""; position: absolute; right: 0; top: 50%; margin: -3px 0 0 0; padding: 0; border: 0; width: 10px; height: 6px; background: url(../img/icons/arrow-dropdown.svg) center center no-repeat; background-size: contain; }
.header .header-nav .dropdown-menu { left: -30px !important; min-width: 140px; padding: 30px 30px 25px; }
.header .header-lang { font-size: 14px; font-family: "Circe-Regular", Arial, sans-serif; }
.header .header-lang .dropdown-toggle:after { display: none; }
.header .header-lang .languages { padding-left: 35px; position: relative; text-transform: uppercase; }
.header .header-lang .languages > a { border-bottom: 1px solid #282C36; }
.header .header-lang .show > a, .header .header-lang .languages > a:hover { border-color: transparent; }
.header .header-lang .languages:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../img/icons/lang.svg) center center no-repeat; background-size: contain; }
.header .header-lang .dropdown-menu { padding: 30px 35px 25px; min-width: 0; }
.header .header-lang .dropdown-menu li + li { margin-top: 15px; }
.header .header-lang .dropdown-menu a:hover { color: #D71E0F; }
.header .header-phones { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; padding: 4px 0 0 0 !important; }
.header .header-phones li { x-padding-left: 35px; position: relative; }
.header .header-phones li + li { margin-top: 10px; }
/*
.header .header-phones li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 20px; height: 20px; background: url(../img/icons/phone.svg) center center no-repeat; background-size: contain; }
*/
.header .header-phones a:hover { color: #D71E0F; }
.header .container .header-search { position: relative; font-size: 14px; padding: 0 0 0 15px;}
.header .header-search .btn { display: block; width: 22px; height: 42px; background: url(../img/icons/search.png) center center no-repeat; outline: none; box-shadow: none; padding-right:0px}
.header .header-search .form { display: none; position: absolute; right: 100%; top: 50%; width: 870px; margin-top: -20px; padding: 0 1px; border: 1px solid #d1d1d1; border-radius: 5px; overflow: hidden; height: 40px; background: #fff; z-index: 1; }
.header .header-search form { height: 100%; width: 100%; }
.header .header-search input { padding: 0 60px 0 20px; text-align: left; height: 100%; width: 100%; color: #282C36; border-radius: 5px; }
.header .header-search input:-moz-placeholder, .header .header-search input:-moz-placeholder { color: #999; opacity: 1; }
.header .header-search input:-webkit-input-placeholder { color: #999; }

.banner { padding: 30px 0; margin-bottom: -50px; }
.banner .container { height: 100%; }
.banner .banner-content { display: table; table-layout: fixed; width: 100%; height: 100%; }
.banner .banner-content > div { display: table-cell; vertical-align: middle; }
.banner .info { padding-right: 30px; width: 50%; padding: 40px 0; }
.banner .info .info-title { font-family: "Circe-Bold", Arial, sans-serif; font-size: 46px; font-weight: normal; padding-bottom: 30px; position: relative; line-height: 1.15; max-width: 560px; }
.banner .info .info-title:after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 70px; background: #D71E0F; }
.banner .info .info-description { margin-top: 35px; font-size: 24px; }
.banner .info .info-description span { color: #D71E0F; }
.banner .info .info-text { font-size: 17px; line-height: 1.7; margin-top: 30px; max-width: 480px; }
.banner .info .info-price { font-size: 24px; color: #D71E0F; font-family: "Circe-Bold", Arial, sans-serif; }
.banner .info .info-form { margin-top: 50px; max-width: 560px; }
.banner .info .info-form .row { margin: 0 -5px; }
.banner .info .info-form .row > div { padding: 0 5px; }
.banner .info .info-form .btn { width: 100%; }
.banner .info .info-form .openform { width: 50%;margin-left:25%; }
.banner .info .info-form .openform.nomargin {margin-left:0;}
.banner .info .info-form .form { x-overflow: hidden; display: none; }
.banner .info .info-form .form form,
.presentation .info .info-form .form form { x-margin-bottom: -10px; padding-top: 30px; }
.banner .image { width: 50%; font-size: 0; padding-left: 30px; text-align: center; }
.banner .image img { max-width: 100%; max-height: 600px; }

.banner.text-center .info .info-title, .banner.text-center .info .info-text, .banner.text-center .info .info-description, .banner.text-center .info .info-form { margin-left: auto; margin-right: auto; }
.banner.text-center .info .info-title:after { left: 50%; margin-left: -35px; }

.banner-order .info-title:after { display: none; }

.presentation .info .info-form .form { x-overflow: hidden; display: none; }

hr { border-top: 3px solid #f6f6f7; }

.banner + .clients { padding-bottom: 40px; }

.articleslist, .solutions { padding: 0 0 140px; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%), #F8F8F8; }

.article { display: table; width: 100%; height: 320px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden; }
.article .article-image { display: table-cell; vertical-align: top; position: relative; width: 42%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }
.article .article-image:hover { opacity: 0.9; }
.article .article-content { width: 58%; display: table-cell; vertical-align: top; padding: 30px 68px; background: #fff; }
.article .article-content .heading { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
.article .article-content .heading a:hover { color: #D71E0F; }
.article .article-content .heading:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #D71E0F; }
.article .article-content .description { font-size: 17px; line-height: 1.7; }
.article .article-content .readmore { display: inline-block; margin-top: 40px; color: #D71E0F; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.article .article-content .readmore:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../img/icons/arrow-readmore.svg) center center no-repeat; background-size: contain; }
.article .article-content .readmore:hover { padding-right: 24px; color: #df2924; }

.article + .article { margin-top: 30px; }

.articles-sm { margin-bottom: -30px; }
.articles-sm .article { margin-bottom: 30px; }
.articles-sm .article .article-image { width: 35%; }
.articles-sm .article .article-content { width: 65%; padding: 30px; }
.articles-sm .article .article-content .heading { font-size: 19px; }
.articles-sm .article .article-content .readmore { margin-top: 30px; }

.clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .newsOuter, .videoOuter, .targets, .premises, .information, .bgbanner { margin-top: 140px; }
.videoOuter { margin-top: 120px; }

.clients .arrows,
.solutions .arrows,
.videoOuter .arrows,
.newsOuter .arrows { display: block; position: absolute; top: 50%; margin-top: -20px; right: 0; z-index: 10; font-size: 0; }
.clients .slick-arrow,
.solutions .slick-arrow,
.videoOuter .slick-arrow,
.newsOuter .slick-arrow { width: 40px; height: 40px; border-radius: 50%; font-size: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); outline: none; }
.clients .slick-arrow:hover,
.solutions .slick-arrow:hover,
.videoOuter .slick-arrow:hover,
.newsOuter .slick-arrow:hover { opacity: 1; }
.clients .slick-prev,
.solutions .slick-prev,
.videoOuter .slick-prev,
.newsOuter .slick-prev { background: url(../img/icons/prev.svg) 14px center no-repeat #fff; }
.clients .slick-prev:hover,
.solutions .slick-prev:hover,
.newsOuter .slick-prev:hover,
.videoOuter .slick-prev:hover { background: url(../img/icons/prev-hover.svg) 14px center no-repeat #fff; }
.clients .slick-next,
.solutions .slick-next,
.newsOuter .slick-next,
.videoOuter .slick-next { background: url(../img/icons/next.svg) 16px center no-repeat #fff; margin-left: 20px; }
.clients .slick-next:hover,
.solutions .slick-next:hover,
.newsOuter .slick-next:hover,
.videoOuter .slick-next:hover { background: url(../img/icons/next-hover.svg) 16px center no-repeat #fff; }

.clients .clients-heading,
.solutions .clients-heading,
.newsOuter .clients-heading,
.videoOuter .clients-heading { margin-bottom: 50px; font-size: 24px; position: relative; padding-right: 160px; }

.clients .clients-heading span,
.solutions .clients-heading span,
.newsOuter .clients-heading span,
.videoOuter .clients-heading span { color: #D71E0F; }
.clients .clients-carousel .client,
.solutions .clients-carousel .client,
.newsOuter .clients-carousel .client,
.videoOuter .clients-carousel .client { margin: 0 22px; height: 100px; line-height: 100px; text-align: center; opacity: 0.6; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; }
.clients .clients-carousel .client img,
.solutions .clients-carousel .client img,
.newsOuter .clients-carousel .client img,
.videoOuter .clients-carousel .client img { vertical-align: middle; display: inline-block; width: auto; max-width: 100%; max-height: 100px; }
.clients .clients-carousel .client:hover,
.solutions .clients-carousel .client:hover,
.newsOuter .clients-carousel .client:hover,
.videoOuter .clients-carousel .client:hover { opacity: 1; }

.videoOuter + .presentation {margin-top:0;}

.bannerform {background: #D7F0D4;}
.bannerform .bannerform-content {border-radius: 5px; padding: 70px; }
.bannerform .bannerform-content form { max-width: 900px; margin: 0 auto; }
.bannerform .bannerform-content form .row { margin: 0 -5px; }
.bannerform .bannerform-content form .row > div { padding: 0 5px; }
.bannerform .bannerform-content .form-control { background: #FEFEFE; }
.bannerform .bannerform-content button { width: 100%; }

.capabilities-bg,
.bg-bottom { padding: 0 0 80px; x-background: linear-gradient(180deg, #eceaea 0%, rgba(255, 255, 255, 0) 100%), #eceaea; }

.capabilities .capabilities-heading { text-align: center; font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 60px; }
.capabilities .capabilities-content { margin-bottom: -30px; }

.potential-bg, .bg-top { padding: 50px 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), #F8F8F8; }

.capability { padding: 30px 70px 30px 30px; background: #FFFFFF; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05); border-radius: 8px 8px 31px 8px; position: relative; margin-bottom: 30px; }
.capability .capability-title { font-size: 16px; line-height: 1.8;font-weight:bold;margin-bottom:3px;}
.capability .capability-text { font-size: 16px; line-height: 1.8; }
.capability .capability-icon { width: 60px; height: 60px; border-radius: 50%; line-height: 60px; font-size: 0; text-align: center; background: #fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); position: absolute; right: 0; bottom: 0; }
.capability .capability-icon img { display: inline-block; vertical-align: middle;
max-width: 35px; max-height: 35px;
width: 28px;height: auto;}

.capabilities-all { padding: 0 0 140px; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%), #F8F8F8; position: relative; }
.capabilities-all .button-all { text-align: center; position: absolute; left: 0; right: 0; bottom: -30px; }
.capabilities-all .button-all a { min-width: 430px; }

.presentation { background: linear-gradient(0deg, #282c36, #282c36), #F8F8F8; color: #fff; overflow: hidden; }
.presentation .presentation-content { display: table; width: 100%; }
.presentation .presentation-content > div { display: table-cell; }
.presentation .presentation-content .info { vertical-align: middle; width: 52%; padding: 30px 0; }
.presentation .presentation-content .info .info-title { font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; }
.presentation .presentation-content .info .info-description { font-size: 24px; margin-top: 20px; }
.presentation .presentation-content .info .info-form { margin-top: 50px; max-width: 560px; }
.presentation .presentation-content .info .row { margin: 0 -5px; }
.presentation .presentation-content .info .row > div { padding: 0 5px; }
.presentation .presentation-content .info .btn { width: 100%; }
.presentation .presentation-content .image { width: 48%; font-size: 0; vertical-align: bottom; padding-top: 55px; }
.presentation .presentation-content .image img { max-width: 100%; position: relative; left: 50px; }

.contactus { padding: 80px 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
.contactus .contactus-content { display: table; width: 100%; font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; }
.contactus .contactus-content > div { display: table-cell; vertical-align: middle; width: 50%; }
.contactus .contactus-content .info { text-align: left; padding-right: 15px; }
.contactus .contactus-content .info span { color: #D71E0F; }
.contactus .contactus-content .phones { padding-left: 15px; text-align: right; }
.contactus .contactus-content .phones a:hover { color: #D71E0F; }

.footer { background: #f6f6f7; }
.footer .footer-nav { padding: 60px 0; }
.footer .footer-nav .heading { font-size: 17px; margin-bottom: 35px; text-transform: uppercase; font-family: "Circe-Bold", Arial, sans-serif; color: #8f9196; }
.footer .footer-nav .menu { font-size: 18px; line-height: 1.4; }
.footer .footer-nav .menu li + li { margin-top: 20px; }
.footer .footer-nav .menu a:hover { color: #D71E0F; }
.footer .footer-copy { padding: 30px 0; border-top: 2px solid #EBEBEB; color: #8f9196; overflow: hidden; }
.footer .footer-copy .info { font-size: 14px; }
.footer .footer-copy .links { margin-top: 45px; margin-left: -60px; }
.footer .footer-copy .links li { display: inline-block; vertical-align: top; margin: 5px 0 0 60px; }
.footer .footer-copy .links li a { text-decoration: underline; }
.footer .footer-copy .links li a:hover { text-decoration: none; }
.footer .footer-copy .text { font-size: 12px; line-height: 1.8; }

.social { font-size: 0; margin-top: 50px; }
.social li { display: inline-block; vertical-align: middle; width: 34px; height: 34px; margin-right: 25px; }
.social a { display: block; }
.social a:hover { opacity: 0.8; }

.potential .potential-list { font-size: 17px; line-height: 1.4; }
.potential .potential-list li { padding-left: 22px; position: relative; }
.potential .potential-list li:before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #D71E0F; }
.potential .potential-list li + li { margin-top: 15px; }
.potential .potential-image { font-size: 0; position: relative; padding-top: 4px; }
.potential .potential-image img { width: 100%; border-radius:5px;}
.potential .potential-image p { position: absolute; left: 0; right: 0; bottom: 0; font-size: 17px; color: #fff; line-height: 1.7; padding: 25px 45px; background: rgba(40, 44, 54, 0.9); }

.products { margin-bottom: -30px; }

.product { border-radius: 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); margin-bottom: 30px; overflow: hidden; }
.product .product-image { font-size: 0; text-align: center; background: #f9f9f9; }
.product .product-image span { display: block; height: 350px; width: 100%; line-height: 320px; padding: 15px; }
.product .product-image span img { display: inline-block; vertical-align: middle; max-height: 300px; max-width: 100%; }
.product .product-info { padding: 40px 70px; background: #fff; }
.product .product-info .name { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; }
.product .product-info .price { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; color: #D71E0F; margin-top: 20px; }
.product .product-info .options { margin-top: 32px; font-size: 17px; line-height: 1.4; }
.product .product-info .options li { padding-left: 22px; position: relative; }
.product .product-info .options li:before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #D71E0F; }
.product .product-info .options li + li { margin-top: 15px; }

.solutions { overflow: hidden; }
.solutions .solutions-carousel { margin: 0 -15px; }
.solutions .slick-list { overflow: visible; }

.solution { display: table; width: 100%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); margin: 0 15px; position: relative; }
.solution > div { display: table-cell; vertical-align: top; }
.solution .solution-image { width: 33%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; text-align: center; height: 330px; }
.solution .solution-image span { font-size: 100px; color: #fff; opacity: 0.5; }
.solution .solution-info { width: 67%; background: #fff; padding: 40px; }
.solution .solution-info .heading { font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.solution .solution-info .heading:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #D71E0F; }
.solution .solution-info .heading a:hover {color:#D71E0F;}
.solution .solution-info .description { font-size: 17px; line-height: 1.6; }
.solution .solution-info .description b { display: block; font-family: "Circe-Bold", Arial, sans-serif; font-weight: normal; margin-top: 10px; }
.solution .solution-info .description i { display: block; margin-top: 10px;font-size:13px;text-align:right;}

.solution:before { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; }

.solution:not(.slick-active):before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%); }

.newsOuter { overflow: hidden; }
.newsOuter .newsOuter-carousel { margin: 0 -15px; }
.newsOuter .slick-list { overflow: visible; }

.newsItemOuter { display: table; width: 100%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); margin: 0 15px; position: relative; }
.newsItemOuter > div { display: table-cell; vertical-align: top; }
.newsItemOuter .newsItem-image { width: 33%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; text-align: center; height: 330px; }
.newsItemOuter .newsItem-info { width: 67%; background: #fff; padding: 40px; }
.newsItemOuter .newsItem-info .heading { font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.newsItemOuter .newsItem-info .heading:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #D71E0F; }
.page .content .newsItem-info .heading a {color:#282C36;text-decoration:none;}
.newsItemOuter .newsItem-info .heading a:hover {color:#D71E0F;}
.newsItemOuter .newsItem-info .description { font-size: 17px; line-height: 1.6; }
.newsItemOuter .newsItem-info .description b { display: block; font-family: "Circe-Bold", Arial, sans-serif; font-weight: normal; margin-top: 10px; }
.newsItemOuter .newsItem-info .description i { display: block; margin-top: 18px;font-size:13px;text-align:right;}
.news-all {margin-top:35px;}
.news-link-all {text-decoration:underline; font-size: 18px;font-weight: 300; color: #b3b3b3; text-decoration: underline; text-align: left; padding: 5px 0 0 3px; }
.news-link-all:hover {color:#D71E0F;}

.page .content ul.pagination {text-align:center;display:block;margin-top:55px;}
.page .content ul.pagination li {display:inline-block;}
.page .content ul.pagination li:before {content:none;background:none;}
.page .content ul.pagination li a {text-decoration:none;}
ul.pagination .page-item.active .page-link {background-color: #D71E0F;border-color: #D71E0F;}

.page .content .simplesearch-result + .simplesearch-result {margin-top:35px;}
.simplesearch-result h4 {font-size:18px;margin-bottom:12px;}
span.simplesearch-highlight {x-background:yellow;}

.videoOuter { overflow: hidden; }

.videoItem { display: table; width: 100%; position: relative; }
.videoItem > div { display: table-cell; vertical-align: top; }
.videoItem a { position: relative; display: block; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; text-align: center; height: 450px; }
.videoItem a:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.25); position: absolute; left: 0; top: 0; }
.videoItem .video-info { width: 100%; position: absolute; left: 0; top: 50%; font-size: 21px; padding: 65px 15px 0;text-align:center; color:#fff; font-family: "Circe-Bold", Arial, sans-serif; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.videoItem .video-info:before { content: ""; position: absolute; left: 50%; top: 0; width: 50px; height: 50px; margin-left:-25px; background: url(../img/icons/play.png) center center no-repeat; background-size: contain; }
.videoItem .video-info .description { font-size: 17px; line-height: 1.6; }
.videoItem .video-info .description b { display: block; font-family: "Circe-Bold", Arial, sans-serif; font-weight: normal; margin-top: 10px; }
.videoItem .video-info .description i { display: block; margin-top: 18px;font-size:13px;text-align:right;}

.productdetail { margin-top: 100px; }
.productdetail .productdetail-images { font-size: 0; overflow: hidden; margin-right: -30px; }
.productdetail .productdetail-images img { width: 100%; }
.productdetail .productdetail-images .thumbs { margin: 8px -4px 0; }
.productdetail .productdetail-images .thumbs .thumb { margin: 0 4px; cursor: pointer; }
.productdetail .productdetail-info { padding-left: 70px; }
.productdetail .productdetail-info .name { font-size: 46px; font-family: "Circe-Bold", Arial, sans-serif; line-height: 1.15; padding-bottom: 35px; position: relative; }
.productdetail .productdetail-info .name:after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 70px; background: #D71E0F; }
.productdetail .productdetail-info .text { font-size: 17px; line-height: 1.7; margin-top: 20px; }
.productdetail .productdetail-info .price,
.banner-content .info .price { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; color: #D71E0F; margin-top: 30px; }
.banner-content .info .price_caption {margin-top:7px;color:#797979;}
.productdetail .productdetail-info .options { margin-top: 50px; }
.productdetail .productdetail-info .option .option-heading { font-size: 15px; text-transform: uppercase; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 15px; }
.productdetail .productdetail-info .option ul { font-size: 0; overflow: hidden; margin-bottom: -10px; }
.productdetail .productdetail-info .option li { display: inline-block; vertical-align: top; margin-right: 12px; margin-bottom: 12px; }
.productdetail .productdetail-info .option input[type='radio'] { display: none; }
.productdetail .productdetail-info .option label { font-size: 14px; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-family: "Circe-Bold", Arial, sans-serif; border: 1px solid #ebebec; border-radius: 18px; overflow: hidden; cursor: pointer; display: block; height: 36px; line-height: 34px; color: #93959a; padding: 0 15px; }
.productdetail .productdetail-info .option input[type='radio']:checked + label { border-color: #D71E0F; background: #D71E0F; color: #fff; }
.productdetail .productdetail-info .option + .option, .work_form-action { margin-top: 40px; }
 
.consist .consist-heading { text-align: center; font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 60px; }

.consist-positions { margin-bottom: -30px; }
.consist-positions .position { display: table; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #EBEBEB; }
.consist-positions .position > div { display: table-cell; vertical-align: top; }
.consist-positions .position .position-image { width: 100px; font-size: 0; }
.consist-positions .position .position-image img { width: 100%; }
.consist-positions .position .position-content { padding-left: 30px; padding-top: 13px; font-size: 17px; }
.consist-positions .position .position-content .heading { font-family: "Circe-Bold", Arial, sans-serif; }
.consist-positions .position .position-content .heading a:hover {color:#D71E0F;}
.consist-positions .position .position-content .price { color: #D71E0F; font-family: "Circe-Bold", Arial, sans-serif; text-align: right; }
.consist-positions .position .position-content .text { line-height: 1.7; margin-top: 10px; }

.integrations-categories { margin-bottom: -30px; overflow: hidden; }
.integrations-categories .nav-tabs { margin: 0 -15px; position: relative; }
.integrations-categories .nav-tabs .nav-item { margin: 0 0 30px; padding: 0 15px; }
.integrations-categories .nav-tabs .nav-link { border: 0; border-radius: 0; padding: 0; }
.integrations-categories .category .category-image { font-size: 0; display: block; margin-bottom: 20px; border-radius: 5px; overflow: hidden; }
.integrations-categories .category .category-image img { width: 100%; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; }
.integrations-categories .category .category-name { font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; line-height: 1.4; }
.integrations-categories .category .category-name:hover { color: #D71E0F; }
.integrations-categories .category:hover .category-image img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.integrations-categories .category:hover .category-image:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); }
.integrations-categories .slick-arrow { width: 40px; height: 40px; border-radius: 50%; font-size: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); outline: none; }
.integrations-categories .slick-arrow:hover { opacity: 1; }
.integrations-categories .slick-prev { background: url(../img/icons/prev.svg) 14px center no-repeat; float: right; margin-bottom: 25px; margin-right: 80px; }
.integrations-categories .slick-prev:hover { background: url(../img/icons/prev-hover.svg) 14px center no-repeat; }
.integrations-categories .slick-next { background: url(../img/icons/next.svg) 16px center no-repeat; margin-left: 30px; position: absolute; right: 15px; top: 0; }
.integrations-categories .slick-next:hover { background: url(../img/icons/next-hover.svg) 16px center no-repeat; }
.integrations-categories .slick-list { clear: both; }

.integrations-variants { margin-top: 90px; }
.integrations-variants .section { padding-top: 50px; padding-bottom: 30px; border-bottom: 3px solid #F6F6F7; border-radius: 5px; }
.integrations-variants .section:last-child { border: 0; padding-bottom: 0; margin-bottom: -30px; }
.integrations-variants .heading { font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 50px; }
.integrations-variants .variant { border-radius: 5px; overflow: hidden; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05); background: #fff; margin-bottom: 30px; }
.integrations-variants .variant .variant-image { font-size: 0; display: block; overflow: hidden; }
.integrations-variants .variant .variant-image img { width: 100%;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.integrations-variants .variant .variant-info { padding: 30px; }
.integrations-variants .variant .variant-info .name { font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; }
.integrations-variants .variant .variant-info .name:hover { color: #D71E0F; }
.integrations-variants .variant .variant-info .description { font-size: 17px; line-height: 1.7; margin-top: 15px; }
.integrations-variants .variant:hover .variant-image img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.integrations-variants .variant:hover .variant-image:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); }

.integration .integration-header { text-align: center; }
.integration .integration-header .image { font-size: 0; }
.integration .integration-header .image img { width: 100%; }
.integration .integration-header .heading,
.integrationBanner .info .heading { margin-top: 75px; padding-bottom: 40px; margin-bottom: 30px; position: relative; }
.integration .integration-header .heading h1 { font-family: "Circe-Bold", Arial, sans-serif; font-size: 46px; font-weight: normal; position: relative; line-height: 1.15; }
.integration .integration-header .heading p,
.integrationBanner .info .heading p { margin-top: 20px; font-size: 17px; line-height: 1.4; text-transform: uppercase; font-family: "Circe-Bold", Arial, sans-serif; }
.integration .integration-header .heading:after,
.integrationBanner .info .heading:after { content: ""; position: absolute; left: 50%; margin-left: -35px; bottom: 0; height: 3px; width: 70px; background: #D71E0F; }
.integration .integration-header .description { font-size: 17px; line-height: 1.7; margin: 0 auto; max-width: 560px; }
.integration .integration-header .form { max-width: 560px; margin: 50px auto 0; }
.integration .integration-header .form .row { margin: 0 -5px; }
.integration .integration-header .form .row > div { padding: 0 5px; }
.integration .integration-header .form .btn { width: 100%; }
.integration .integration-content .heading { font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 90px; }
.integration .integration-content .section { padding-bottom: 30px; border-bottom: 3px solid #F6F6F7; }
.integration .integration-content .section .section-heading { font-size: 24px; font-family: "Circe-Bold", Arial, sans-serif; }
.integration .integration-content .section .section-values { font-size: 17px; line-height: 1.7; }
.integration .integration-content .section .section-values li + li { margin-top: 30px; padding-top: 30px; border-top: 3px solid #F6F6F7; }
.integration .integration-content .section + .section { margin-top: 30px; }
.integration .integration-content .button-all { margin-top: 50px; }
.integration .integration-content .button-all a { min-width: 430px; }

.out-banner.integrationBanner { background:none; }
.integrationBanner .banner .info {padding:0;}
.integrationBanner .banner.text-center .info .info-title {max-width:100%;padding:0;}
.integrationBanner .banner.text-center .info .info-title:after {content:none;height:0;width:0;background:none;}
.integrationBanner .banner.text-center .info .info-link {display:inline-block;margin-top:22px;color:#D71E0F;text-decoration:underline;font-family: "Circe-Bold", Arial, sans-serif;}
.integrationBanner .banner.text-center .info .info-link:hover {color:#282C36;}

.breadcrumb { padding: 0; margin: 0; background: none; border-radius: 0; font-size: 12px; }
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item.active { color: #86888d; padding-right: 8px; }
.breadcrumb .breadcrumb-item + .breadcrumb-item { padding: 0 8px 0 0; }
.breadcrumb .breadcrumb-item:before { display: none; }
.breadcrumb .breadcrumb-item:after { padding-left: 8px; color: #86888d; content: "|"; }
.breadcrumb .breadcrumb-item:last-child { padding-right: 0; }
.breadcrumb .breadcrumb-item:last-child:after { display: none; }
.breadcrumb a:hover { color: #D71E0F; }

.breadcrumb + * { margin-top: 30px; }

.page h1 { font-size: 36px; font-weight: normal; font-family: "Circe-Bold", Arial, sans-serif; }
.page .page-header { background: #282c36; padding: 35px 0 30px; color: #fff; margin-bottom: 60px; }
.page .content { font-size: 17px; line-height: 1.7; }
.page .content div + div { margin-top: 20px; }
.page .content .content-image { font-size: 0; margin-bottom: 50px; line-height: 1; }
.page .content .content-image img { width: 100%; }
.page .content img { max-width: 100%; }
.page .content ul li { padding-left: 12px; position: relative; }
.page .content ul li:before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background: #d71e0f; }
.page .content a { color: #D71E0F; text-decoration: underline; }
.page .content a:hover { text-decoration: none; }
.page .content * + p, .page .content * + ul, .page .content * + ol { margin-top: 20px; }
.page .content * + h2 { margin-top: 45px; }

.page.widePage .page-header {margin-bottom: 20px;}
.page.widePage .breadcrumb {margin-bottom: 50px;}
.page.widePage .date {margin-bottom:12px;font-weight:bold;color:#838998;}

.contacts .section { font-size: 17px; }
.contacts .section + .section { margin-top: 35px; }
.contacts .section-heading { font-family: "Circe-Bold", Arial, sans-serif; }
.contacts .section-content { margin-top: 15px; line-height: 1.4; }
.contacts .section-content li + li { margin-top: 8px; }
.contacts .section-content a:hover { color: #D71E0F; }
.contacts .section.mail .section-content { color: #bbbcbf; }
.contacts .section.mail .section-content a { border-bottom: 1px solid #dbdcdf; }
.contacts .section.mail .section-content a:hover { color: #bbbcbf; border-color: transparent; }
.contacts .contacts-map { font-size: 0; height: 430px; background: url(../img/map.jpg) center center no-repeat; background-size: cover; }

.sidebar { padding-right: 70px; }
.sidebar .categories { font-size: 17px; }
.sidebar .categories li { position: relative; line-height: 1.4; padding: 20px 0 20px 23px; }
.sidebar .categories .active:before { content: ""; position: absolute; left: 0; height: 30px; top: 50%; margin-top: -16px; width: 2px; background: #D71E0F; }
.sidebar .categories li + li { border-top: 3px solid #f6f6f7; }
.sidebar .categories a:hover { color: #D71E0F; }

.contactform form { background: #f6f6f7; padding: 90px 100px; }
.contactform .contactform-header { margin-bottom: 45px; }
.contactform .contactform-header p.titleForm { font-size: 36px; font-family: "Circe-Bold", Arial, sans-serif; display: block; }
.contactform .contactform-header p { font-size: 24px; margin-top: 22px; }
.contactform .form-group { margin-bottom: 34px; }
.contactform .form-control { background: #fff; }
.contactform .files #doc { display: none; }
.contactform .files .selectlink { color: #8f9196; font-size: 14px; position: relative; padding-left: 26px; cursor: pointer; }
.contactform .files .selectlink span { border-bottom: 1px solid #afb1b6; }
.contactform .files .selectlink:hover span { border-color: transparent; }
.contactform .files .selectlink:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 17px; height: 20px; background: url(../img/icons/file.png) center center no-repeat; background-size: contain !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.contactform .files .selectlink.selected:before { background: url(../img/icons/file-active.png) center center no-repeat; }
.contactform .info { font-size: 12px; color: #96979c; line-height: 1.6; margin-top: -5px; }
.contactform .info a { text-decoration: underline; }
.contactform .info a:hover { text-decoration: none; }
.contactform .btn { min-width: 270px; margin-top: 30px; }

.tariffs { padding: 0; overflow: hidden; font-size: 17px; line-height: 1.7; }
.tariffs .container { overflow: hidden; position: relative; }
.tariffs .tariffs-keys { width: 25%; float: left; }
.tariffs .tariffs-items { width: 75%; float: left; }
.tariffs .keys { font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; }
.tariffs .keys > div { min-height: 70px; padding: 25px 10px 25px 0; line-height: 1.4; }
.tariffs .keys > div + div { border-top: 3px solid #F6F6F7; }
.tariffs .keys > div:first-child { background: #F6F6F7; min-height: 70px; color: #8f9196; text-transform: uppercase; font-family: "Circe-Bold", Arial, sans-serif; padding: 12px 10px 10px !important; }
.tariffs .keys > div:first-child + div { border-top: 0 !important; }
.tariffs .tariff > div { min-height: 70px; padding: 25px 10px; }
.tariffs .tariff > div + div { border-top: 3px solid #F6F6F7; }
.tariffs .tariff .name + div { border-top: 0 !important; }
.tariffs .tariff .option + .option { margin-top: 25px; padding-top: 25px; border-top: 3px solid #F6F6F7; }
.tariffs .tariff .options { padding-left: 0; padding-right: 0; }
.tariffs .tariff .options .option { padding-left: 10px; padding-right: 10px; }
.tariffs .tariff .options .empty { border-color: transparent !important; position: relative; }
.tariffs .tariff .options .empty:before { display: none; content: ""; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: 5px; width: 15px; height: 4px; border-radius: 2px; background: #D71E0F; }
.tariffs .price { color: #D71E0F; font-family: "Circe-Bold", Arial, sans-serif; }
.tariffs .name { background: #F6F6F7; min-height: 70px; color: #8f9196; text-transform: uppercase; font-family: "Circe-Bold", Arial, sans-serif; padding: 12px 10px 10px !important; line-height: 1.4; display: table; width: 100%; }
.tariffs .name p { display: table-cell; vertical-align: middle; }

.neighbors {margin-top:45px;padding-top:18px;x-border-top:1px solid #e2e2e2;display: flex;align-items:center;}
.neighbors .btn-link {color:#D71E0F;padding-left:0;padding-right:0;white-space: pre-wrap;}
.neighbors .btn-link:hover {color:#282C36;}

.neighbors .btn-light {color: #6b6f73;background-color: #e9ebec;border-color: #e9ebec;white-space: pre-wrap;}
.neighbors .btn-light:hover {color:#D71E0F;}

.neighbors .link-prev a, .neighbors .link-next a { padding: 0!important; width: 40px; height: 40px; border-radius: 50%; font-size: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); outline: none; }
.neighbors .link-prev a { background: url(../img/icons/prev.svg) 14px center no-repeat #fff; }
.neighbors .link-prev a:hover { background: url(../img/icons/prev-hover.svg) 14px center no-repeat #fff; }
.neighbors .link-next a { background: url(../img/icons/next.svg) 16px center no-repeat #fff; }
.neighbors .link-next a:hover { background: url(../img/icons/next-hover.svg) 16px center no-repeat #fff; }
.neighbors .link-up a { background: #fff; color: #282C36; padding: 10px 30px!important; border-radius: 20px; border: 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
.neighbors .link-up a:hover, .neighbors .link-up a:focus, .neighbors .link-up a:active { background: #fff; color: #D71E0F; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }

.sticky { position: fixed; z-index: 1; }
.stop { position: relative; z-index: 1; }

.targets .readmore { display: inline-block; color: #D71E0F; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.targets .readmore:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../img/icons/arrow-readmore.svg) center center no-repeat; background-size: contain; }
.targets .readmore:hover { padding-right: 24px; color: #df2924; }
.targets .order { display: inline-block; color: #D71E0F; border: 2px solid #D71E0F; box-sizing: border-box; border-radius: 30px; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding: 9px 15px; width: 100%; max-width: 175px; text-align: center; }
.targets .order i { display: inline-block; vertical-align: middle; width: 6px; height: 10px; background: url(../img/icons/arrow-readmore.svg) center center no-repeat; background-size: contain; margin-left: 10px; position: relative; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.targets .order:hover i { left: 5px; }
.targets ul, .premises ul { margin: -15px; letter-spacing: -10px; font-size: 0; }
.targets ul > li, .premises ul > li { padding: 15px; letter-spacing: normal; width: 33.33333333%; display: inline-block; vertical-align: middle; }
.target { padding: 35px; background: #eceaea; border-radius: 8px; overflow: hidden; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.premise { padding: 30px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.target:hover,
.premise:hover { x-box-shadow: 0px 1px 30px rgba(99, 119, 238, 0.5); }
.target .target-name { color: #282C36; font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; padding-bottom: 18px; margin-bottom: 20px; position: relative; line-height: 1.4; }
.target .target-name:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #D71E0F;  }
.premise .premise-name { color: #282C36; font-size: 19px; font-family: "Circe-Bold", Arial, sans-serif; margin-bottom: 10px; line-height: 1.4; }
.target .target-icon { width: 100%; max-width: 170px; display: inline-block; }
.target .target-icon img { max-width: 100%; max-height: 170px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.target .target-icon img:hover {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
.target .target-image { margin: -35px -35px 0; overflow: hidden; border-radius: 8px 8px 0 0; position: relative; z-index: 1; }
.target .target-image img { width: 100%; position: relative; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -ms-transition: -ms-transform 0.3s; transition: transform 0.3s;}
.target .target-image:hover img {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
.premise .premise-icon { width: 100%; max-width: 230px; margin-left: auto; margin-right: auto; }
.premise .premise-icon img { max-width: 100%; max-height: 230px;border-radius: 8px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.premise .premise-icon img:hover {transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);}
.target .target-icon + *, .target .target-image + * { margin-top: 40px; }
.premise .premise-icon + * { margin-top: 25px; }
.target * + .target-icon, .target * + .target-image { margin-top: 35px; }
.premise * + .premise-icon { margin-top: 20px; }
.target .target-text { font-size: 17px; line-height: 1.6; color: #8f9196; }
.premise .premise-text { font-size: 17px; line-height: 1.6; color: #8f9196; }
.target .target-controls { margin-top: 25px; }
.center { text-align: center; }
.center .target-name:after { left: 50%; margin-left: -20px; }
.target.left .target-icon {max-width:100%;text-align:center;}

.premises ul { position: relative; }
.premises .sizer { width: 1.11111111%; display: none; }
.premises li:nth-child(1) { margin-top:16px; }
.premises li:nth-child(2) { margin-top:48px; }
.premises li:nth-child(3) { margin-top: 0px; }
.premises.wide li:nth-child(4) { margin-top:32px; }

.information { color: #282C36; }
.information .caption { padding-right: 0; }
.information .information-content { display: flex; align-items: center; }
.information .information-content.top { align-items: flex-start; }
.information .image { width: 53%; font-size: 0; }
.information .image img { width: 100%; border-radius: 5px; }
.information .description { width: 47%; padding-left: 35px; flex: 1 0; }
.information p, .information ul, .information ol { font-size: 17px; line-height: 1.6; }
.information p + p { margin-top: 25px; }
.information ul {margin:22px 0;}
.information li { padding-left: 25px; position: relative; }
.information li:before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #D71E0F; }
.information li + li {
    x-margin-top: 25px;
    margin-top:7px;
}
.information a, .information a + * { margin-top: 55px; }
.information .caption { margin-bottom: 50px; }
.information .order { font-size: 16px; color: #1a826f; font-family: "Circe-Bold", Arial, sans-serif; border: 2px solid #1a826f; border-radius: 5px; padding: 18px 20px; width: 100%; max-width: 270px; text-align: center; display: inline-block; }
.information .order:hover { background: #1a826f; color: #fff; }
.information.reverse .description { order: -1; padding: 0 35px 0 0; }
.information.bg {
    x-background-size: 100%!important;
    background-size: 100%!important;
    background-position: center center!important; background-repeat: no-repeat!important; padding: 100px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.information.bg:hover { x-background-size: 110%!important; background-size: 110%!important; }
.information.white { color: #fff; }
.information.white .order { color: #fff; border: 2px solid #fff; }
.information.white .order:hover { color: #000; background: #fff; }

/*
.information .readmore { display: inline-block; color: #D71E0F; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.information .readmore:hover { x-padding-right: 24px; color: #df2924; }
*/

.information .readmore { display: inline-block; color: #D71E0F; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.information .readmore:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../img/icons/arrow-readmore.svg) center center no-repeat; background-size: contain; }
.information .readmore:hover { padding-right: 24px; color: #df2924; }

.information.white .readmore { display: inline-block; color: #fff; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.information.white .readmore:hover { x-padding-right: 24px; color: #fafafa; }

.clients .clients-outer {background:#fff;border-radius:10px;padding:10px 5px;}
.clients .nav-tabs { x-margin: -15px -15px 50px;
margin-bottom:50px;border: 0;x-display: table;width: 100%;}
.clients .nav-tabs .nav-item { margin: 0; width: 20%; text-align: center; x-padding: 15px;x-display: table-cell;}
.clients .nav-tabs .nav-link.active,
.clients .nav-tabs .nav-item.show .nav-link { color: #D71E0F; background: #fff; border: 0; }
.clients .nav-tabs .nav-link { font-family: "Circe-Regular", Arial, sans-serif; border: 0;font-size: 17px;background: #F8F8F8;margin:0px 5px 10px 5px;
x-border-radius: 3px;
x-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); }
.clients .nav-link { padding: 20px 0; x-height: 60px; display: flex; align-items: center; justify-content: center; }
.clients .tab-pane ul { font-size: 0; letter-spacing: -10px; margin: -15px; overflow: hidden; }
.clients .tab-pane ul li { width: 16.66666666%; display: inline-block; vertical-align: middle; letter-spacing: normal; text-align: center; padding: 15px 30px; }
.clients img { max-width: 100%; }
.clients .tab-content li { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.clients .tab-content li:hover {x-opacity:0.5;
transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);}

.bgbanner { color: #fff; x-height: 700px;overflow:hidden;
/*background-position: center center!important; background-repeat: no-repeat!important;*/
x-background-size: 100% 100%!important;
x-padding: 100px 0;
display: table; width: 100%; }
.bgbanner .bgbanner-content {
    background-size: 100%!important;background-position: center center!important; background-repeat: no-repeat!important;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.bgbanner:hover .bgbanner-content { x-background-size: 110%!important; background-size: 110%!important;}
.bgbanner .bgbanner-content { display: table-cell; vertical-align: middle;
x-padding: 50px 0;
padding:125px 0 75px 0;
}
.bgbanner .text, .bgbanner .info { max-width: 700px; margin: 20px auto 0; font-size: 17px; line-height: 1.6; padding: 0 20px; }
.bgbanner .info { max-width: 760px; margin: 55px auto 0; }
.bgbanner .controls { margin-top: 40px; text-align: center; }
.bgbanner .controls .order { font-size: 16px; color: #Fff; font-family: "Circe-Bold", Arial, sans-serif; border: 2px solid #fff; border-radius: 5px; padding: 18px 20px; width: 100%; max-width: 270px; text-align: center; display: inline-block; }
.bgbanner .controls .order:hover { background: #fff; color: #000; }
.bgbanner-1 .heading { font-size: 56px; font-family: "Circe-Bold", Arial, sans-serif; x-letter-spacing: 0.1em; text-align: center; max-width: 1030px; margin: 0 auto; }
.bgbanner-2 .heading { font-size: 26px; font-family: "Circe-Bold", Arial, sans-serif; letter-spacing: 0.05em; line-height: 1.4; }
.bgbanner-1 .text {x-text-align: center;}

.bgbanner.white {color:#282C36;}
.bgbanner.white .order { color: #D71E0F; border: 2px solid #D71E0F; }
.bgbanner.white .order:hover { color: #fff; background:#D71E0F; }

.bgbanner .readmore { display: inline-block; color: #ffffff; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.bgbanner .readmore:hover { x-padding-right: 24px; color: #fafafa; }
.bgbanner.white .readmore { display: inline-block; color: #D71E0F; font-size: 16px; font-family: "Circe-Bold", Arial, sans-serif; position: relative; padding-right: 18px; }
.bgbanner.white .readmore:hover { x-padding-right: 24px; color: #df2924; }

.modal .modal-dialog { max-width: 500px; margin: 15px auto; padding: 0 15px; min-height: calc(100% - (15px * 2)); }
.modal .modal-dialog-centered:before { height: calc(100vh - (15px * 2)); }
.modal .modal-content { border: 0; border-radius: 0; }
.modal .modal-header { padding: 35px 20px 25px 20px; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-weight: normal; display: block; }
.modal .modal-header .close { position: absolute; right: 15px; top: 15px; width: 22px; height: 22px; background: url(../img/icons/close.svg) center center no-repeat; background-size: contain; padding: 0; margin: 0; border: 0; float: none; font-size: 0; text-shadow: none; outline: none; opacity: .6; }
.modal .modal-header .close:not(:disabled):not(.disabled):hover, .modal .modal-header .close:not(:disabled):not(.disabled):focus { opacity: 1; }
.modal .modal-body { padding: 0 40px 40px; }
.modal .form-group .info { font-size: 16px; margin-top: 5px; }
.modal .btn { width: 100%; max-width: 220px; }
.modal .heading { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; padding-top: 5px; }
.modal .modal-title { padding: 0 20px; font-size:32px;}
.modal .consent { margin-top: 20px; }

.mainblock { background-size: cover!important; background-position: center center!important; font-family: 'Roboto', sans-serif; }
.mainblock-content { color: #fff; text-align: center; display: table; width: 100%; }
.mainblock-content .wrapper { display: table-cell; vertical-align: middle; padding: 20px 0 50px; }
.mainblock-content h1 { font-size: 46px; font-weight: 700; font-family: 'Roboto', sans-serif; letter-spacing: 0.5px; }
.mainblock-content h2 { font-size: 24px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 1.4; }
.mainblock-content * + h2 { margin-top: 35px; }
.topline { padding: 30px 40px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.topline .mobmenu-toggle { left: auto; right: 30px; margin-top: -12px; }
.topline .mobmenu-toggle span { background: #FFFFFF; }
.topline .mobmenu-toggle span:before, .mobmenu-toggle span:after { background: #FFFFFF; }
.topline-logo a { display: block; color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 1.5px; }
.topline-nav { color: #ffffff; font-size: 16px; font-weight: 600; margin-left: auto; }
.topline-nav ul { display: flex; align-items: center; }
.topline-nav li + li { margin-left: 32px; }
.topline-controls { margin-left: 40px; }
.topline-controls a { font-weight: 700; display: inline-block; padding: 12px 32px; font-size: 14px; color:#ffffff; background: #1a826f;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.topline-controls a:hover { background: #1d4d44; x-color: #ff4c7c; }
.ptb { padding: 150px 0; }
.pt { padding: 150px 0 0; }
.title { text-align: center; margin-bottom: 70px; font-family: 'Roboto', sans-serif; }
.title h2 { font-weight: 600; font-size: 44px; margin: 0; }
.title p { font-size: 24px; font-weight: 300; }
.title h2 + p { line-height: 1.5; max-width: 480px; margin: 20px auto 0; }
.advantages { font-family: 'Roboto', sans-serif; }
.advantages-list { display: flex; flex-wrap: wrap; padding: 0 90px; }
.advantage { width: 50%; padding: 20px; overflow: hidden; }
.advantage-icon { width: 45px; font-size: 0; float: left; }
.advantage-icon img { width: 100%; }
.advantage-info { overflow: hidden; padding-left: 20px; }
.advantage-info h3 { font-size: 22px; font-weight: 600; }
.advantage-info p { font-size: 16px; font-weight: 300; line-height: 1.5; margin-top: 10px; }
.tplans { font-family: 'Roboto', sans-serif; }
.tplans-list { display: flex; flex-wrap: wrap; padding: 50px 0; }
.tplan { width: 32.5%; text-align: center; padding: 45px 65px; position: relative; z-index: 1; }
.tplan:before { content: ""; position: absolute; left: 15px; top: 0; right: 15px; bottom: 0; border: 1px solid #e0e6ed; border-radius: 9px; z-index: -1; }
.tplan:nth-child(2), .tplan:nth-child(5), .tplan:nth-child(8) { width: 35%; }
.tplan:nth-child(2):before, .tplan:nth-child(5):before, .tplan:nth-child(8):before { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); top: -20px; bottom: -20px; }
.tplan-name { font-size: 22px; font-weight: 600; }
.tplan-info { font-weight: 300; margin-top: 10px; font-size: 14px; color: #777; line-height: 1.5; }
.tplan-price { font-size: 42px; font-weight: 600; margin-top: 30px; }
.tplan-descr { font-size: 16px; font-weight: 300; margin-top: 40px; }
.tplan-descr p + p, .tplan-descr ul + p, .tplan-descr p + ul, .tplan-descr li + li { margin-top: 24px; }
.tplan-descr .ext { margin-top: 40px; }
.tplan-descr b { font-weight: 700; }
.tplan-controls { margin-top: 40px; }
 
@media screen and (max-width: 1629px) {
  .clients .nav-tabs { x-margin: -10px -10px 45px; }
  .clients .nav-tabs .nav-item { width: 20%; padding:0px; }  
  .clients .nav-link { x-height: 56px; }

  .bgbanner { x-height: 650px; }
  .bgbanner-1 .heading { font-size: 46px; }
  .bgbanner-2 .heading { font-size: 82px; }
}

@media screen and (max-width: 1350px) { 
  .ui-selectmenu-button.ui-button {max-width: 525px;}  
  .form-control { height: 56px; }
  .ui-selectmenu-button.ui-button { padding: 14px 20px;}
  .btn { padding: 16px 20px; }
  .btn-primary { padding: 12px 30px; }
  button.btn { height: 56px; padding: 0 15px; }
  .header { padding: 22px 0; }
  .header .dropdown-menu { margin: 31px 0 0; }
  .header .header-phones { font-size: 22px; }
  .header .header-search .form { width: 890px; }
  .banner .info .info-title { font-size: 42px; max-width: 510px; }
  .banner .info .info-description { font-size: 22px; }
  .banner .image { padding: 0 0 0 20px; }
  .articleslist, .solutions { padding-bottom: 120px; }
  .potential-bg, .bg-top { padding: 120px 0 0; }
  .capabilities-all { padding: 0 0 120px; }
  .capabilities-all .button-all { bottom: -28px; }
  .capabilities-all .button-all a { min-width: 400px; }
  .capabilities-bg, .bg-bottom { padding: 0 0 120px; }
  .clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .targets, .premises, .information, .bgbanner { margin-top: 120px; }
  .productdetail { margin-top: 80px; }
  .productdetail .productdetail-images { margin-right: 0; }
  .productdetail .productdetail-info { padding-left: 20px; }
  .productdetail .productdetail-info .name { font-size: 40px; padding-bottom: 30px; }
  .productdetail .productdetail-info .price { margin-top: 30px; }
  .productdetail .productdetail-info .options { margin-top: 45px; }
  .productdetail .productdetail-info .option + .option, .work_form-action { margin-top: 35px; }
  .integrations-categories .category .category-image { margin-bottom: 15px; }
  .integrations-categories .category .category-name { font-size: 18px; }
  .integrations-variants { margin-top: 70px; }
  .integrations-variants .heading { font-size: 33px; margin-bottom: 40px; }
  .integrations-variants .variant .variant-info { padding: 25px; }
  .integrations-variants .variant .variant-info .name { font-size: 18px; }
  .integrations-variants .variant .variant-info .description { font-size: 16px; }
  .integration .integration-header .heading { margin-top: 70px; }
  .integration .integration-header .heading h1 { font-size: 42px; }
  .integration .integration-content .heading { margin-bottom: 80px; }
  .integration .integration-content .button-all a { min-width: 400px; } 

  .information.bg { padding: 90px 0; }
  .information .description { padding-left: 30px; }
  .information p, .information ul, .information ol { font-size: 16px; }
  .information li + li { margin-top: 20px; }
  .information a, .information a + * { margin-top: 45px; }
  .information .caption { margin-bottom: 45px; }

  .bgbanner { x-height: 600px; }
  .bgbanner-1 .heading { font-size: 44px; }
  .bgbanner-2 .heading { font-size: 74px; }
}
@media screen and (max-width: 1229px) { 
  h2 { font-size: 22px; margin-bottom: 18px; }
  .caption { font-size: 33px; padding-left: 32px; margin-bottom: 55px; }
  .caption-sub { font-size: 16px; margin-bottom: 45px; }
  .form-control { height: 52px; font-size: 14px; }  
  .btn { font-size: 14px; padding: 15px 20px; }
  .btn-primary { padding: 12px 30px; }
  button.btn { height: 52px; padding: 0 15px; }
  .ui-selectmenu-button.ui-button { padding: 13px 20px; font-size: 14px; }
  .ui-selectmenu-button.ui-button .ui-selectmenu-icon { margin-top:8px; width: 16px; height: 10px; }
  .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper { padding: 10px 20px; }
  .ui-selectmenu-menu .ui-menu.ui-widget-content { font-size: 14px; }
  .header { padding: 20px 0; }
  .header .container > div { padding: 0 10px; }
  .header .dropdown-menu { margin: 23px 0 0; }
  .header .header-logo { width: 160px; margin-right: 15px; }
  .header .header-nav > ul > li { margin: 0 10px; }
  .header .header-phones { font-size: 18px; }
  .header .header-phones li { padding-left: 26px; }
  .header .header-phones li:before { margin-top: -10px; width: 18px; height: 18px; }
  .header .header-search .form { width: 710px; }
  .banner { margin-bottom: -40px; }
  .banner .info { padding: 0 25px 0 0; }
  .banner .info .info-title { font-size: 38px; max-width: 460px; }
  .banner .info .info-description { font-size: 20px; }
  .banner .info .info-form { max-width: 460px; }
  .banner .image { padding: 0 0 0 25px; }
  .articleslist, .solutions { padding: 0 0 100px; }
  .potential-bg, .bg-top { padding: 100px 0 0; }
  .article { height: 280px; }
  .article .article-content { padding: 30px 50px; }
  .article .article-content .heading { font-size: 22px; }
  .article .article-content .description { font-size: 16px; }
  .article .article-content .readmore { margin-top: 35px; }
  .articles-sm .article .article-image { width: 20%; }
  .articles-sm .article .article-content { width: 80%; padding: 25px; }
  .articles-sm .article .article-content .heading { font-size: 18px; }
  .articles-sm .article .article-content .description { font-size: 15px; }
  .clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .targets, .premises, .information, .bgbanner { margin-top: 100px; }
  .clients .clients-heading { margin-bottom: 45px; font-size: 23px; }
  .capabilities-bg, .bg-bottom { padding: 0 0 100px; }
  .capabilities .capabilities-heading { font-size: 33px; margin-bottom: 55px; }
  .consist .consist-heading { font-size: 33px; margin-bottom: 55px; }
  .capabilities-all { padding: 0 0 100px; }
  .capabilities-all .button-all { bottom: -26px; }
  .capabilities-all .button-all a { min-width: 370px; }
  .presentation .presentation-content .info .info-title { font-size: 33px; }
  .presentation .presentation-content .info .info-description { font-size: 22px; }
  .presentation .presentation-content .info .info-form { margin-top: 45px; }
  .contactus { padding: 70px 0; }
  .contactus .contactus-content { font-size: 33px; }
  .footer .footer-nav { padding: 50px 0; }
  .footer .footer-nav .heading { font-size: 16px; margin-bottom: 30px; }
  .footer .footer-nav .menu { font-size: 16px; }
  .footer .footer-nav .menu li + li { margin-top: 15px; }
  .footer .footer-copy .links { margin-left: -30px; }
  .footer .footer-copy .links li { margin: 5px 0 0 30px; }
  .social { margin-top: 45px; }
  .social li { margin-right: 20px; }
  .potential .potential-list { font-size: 16px; }
  .potential .potential-list li { padding-left: 20px; }
  .potential .potential-list li + li { margin-top: 12px; }
  .potential .potential-image p { font-size: 16px; padding: 20px 30px; }
  .product .product-image a { height: 300px; line-height: 270px; }
  .product .product-image a img { max-height: 240px; }
  .product .product-info { padding: 30px 50px; }
  .product .product-info .name { font-size: 22px; }
  .product .product-info .price { font-size: 22px; }
  .product .product-info .options { margin-top: 30px; font-size: 16px; }
  .product .product-info .options li { padding-left: 20px; }
  .product .product-info .options li:before { top: 7px; }
  .product .product-info .options li + li { margin-top: 12px; }
  .solution .solution-image { height: 300px; }
  .solution .solution-image span { font-size: 95px; }
  .solution .solution-info .heading { font-size: 18px; }
  .solution .solution-info .description { font-size: 16px; }
  
  .newsItemOuter .newsItem-image { height: 300px; }
  .newsItemOuter .newsItem-image span { font-size: 95px; }
  .newsItemOuter .newsItem-info .heading { font-size: 18px; }
  .newsItemOuter .newsItem-info .description { font-size: 16px; }
  
  .videoOuter { margin-top: 80px; }
  
  .productdetail { margin-top: 60px; }
  .productdetail .productdetail-info { padding-left: 0px; }
  .productdetail .productdetail-info .name { font-size: 34px; padding-bottom: 25px; }
  .productdetail .productdetail-info .text { font-size: 16px; }
  .productdetail .productdetail-info .price { font-size: 22px; margin-top: 25px; }
  .productdetail .productdetail-info .options { margin-top: 40px; }
  .productdetail .productdetail-info .option .option-heading { font-size: 14px; }
  .productdetail .productdetail-info .option + .option, .work_form-action { margin-top: 30px; }
  .consist-positions .position .position-content { padding-top: 0; font-size: 16px; }
  .integrations-variants { margin-top: 50px; }
  .integrations-variants .heading { font-size: 30px; margin-bottom: 30px; }
  .integration .integration-header .heading { margin-top: 65px; }
  .integration .integration-header .heading h1 { font-size: 38px; }
  .integration .integration-content .heading { font-size: 33px; margin-bottom: 70px; }
  .integration .integration-content .section .section-heading { font-size: 22px; }
  .integration .integration-content .button-all a { min-width: 370px; }
  .breadcrumb + * { margin-top: 20px; }
  .sidebar { padding-right: 30px; }
  .sidebar .categories { font-size: 16px; }
  .sidebar .categories li { padding: 18px 0 18px 20px; }
  .sidebar .categories .active:before { height: 26px; margin-top: -14px; }
  .page h1 { font-size: 33px; }
  .page .page-header { padding: 30px 0 25px; margin-bottom: 60px; }
  .page .content { font-size: 16px; }
  .page .content .content-image { margin-bottom: 45px; }
  .page .content * + p, .page .content * + ul, .page .content * + ol { margin-top: 18px; }
  .page .content * + h2 { margin-top: 40px; }
  .contacts .section-content { margin-top: 10px; }
  .contacts .section { font-size: 16px; }
  .contactform form { padding: 70px 75px; }
  .contactform .contactform-header { margin-bottom: 40px; }
  .contactform .contactform-header span { font-size: 33px; }
  .contactform .contactform-header p { font-size: 22px; margin-top: 20px; }
  .tariffs { font-size: 16px; }
  .tariffs .keys { font-size: 18px; }
  .tariffs .keys > div { min-height: 60px; padding: 20px 10px 20px 0; }
  .tariffs .keys > div + div { border-top: 2px solid #F6F6F7; }
  .tariffs .keys > div:first-child { min-height: 60px; }
  .tariffs .tariff > div { min-height: 60px; padding: 20px 10px; }
  .tariffs .tariff > div + div { border-top: 2px solid #F6F6F7; }
  .tariffs .tariff .option + .option { margin-top: 20px; padding-top: 20px; border-top: 2px solid #F6F6F7; }
  .tariffs .name { min-height: 60px; } 
  .videoItem a { height: 400px; }

  .target, .premise { padding: 25px; }
  .target:hover { box-shadow: 0px 1px 20px rgba(99, 119, 238, 0.5); }
  .target .target-name { font-size: 18px; padding-bottom: 18px; margin-bottom: 20px; }
  .target .target-image { margin: -25px -25px 0; }
  .premise .premise-name { font-size: 18px; }
  .target .target-icon { max-width: 150px; }
  .target .target-icon img { max-height: 150px; }
  .target .target-icon + *, .target .target-image + * { margin-top: 30px; }
  .target * + .target-icon, .target * + .target-image { margin-top: 25px; }
  .target .target-text, .premise .premise-text { font-size: 16px; }
  .target .target-controls { margin-top: 20px; }

  .premises.wide li:nth-child(4) { margin-top: 0; }

  .information.bg { padding: 80px 0; x-background-size: auto 100%!important; background-size: auto 100%!important; }
  .information li + li { margin-top: 15px; }
  .information a, .information a + * { margin-top: 40px; }
  .information .caption { margin-bottom: 40px; }
  
  .information.bg:hover { x-background-size: auto 110%!important; background-size: auto 110%!important; }

  .clients .nav-tabs { x-margin: -10px -10px 40px; }
  .clients .nav-tabs .nav-item { width: 33.33333333%; } 
  .clients .nav-link { x-height: 52px; }
    
  .bgbanner .bgbanner-content { background-size: 130%!important; }
  .bgbanner:hover .bgbanner-content { x-background-size: 140%!important; background-size: 140%!important;}
  .bgbanner { x-height: 500px; }
  .bgbanner .text { font-size: 16px; }
  .bgbanner .info { margin-top: 40px; }
  .bgbanner-1 .heading { font-size: 42px; }
  .bgbanner-2 .heading { font-size: 66px; }
  
  .targets ul > li, .premises ul > li {width:50%;}

  .ptb { padding: 120px 0; }
  .pt { padding: 120px 0 0; }
  .title { text-align: center; margin-bottom: 60px; }
  .title h2 { font-size: 38px; }
  .title p { font-size: 22px; }
  .advantages-list { padding: 0; }

  .tplans-list { display: flex; flex-wrap: wrap; padding: 45px 0; }
  .tplan { width: 32.5%; text-align: center; padding: 30px 35px; }
  .tplan:before { left: 10px; right: 10px; }
  .tplan-name { font-size: 20px; }
  .tplan-price { font-size: 34px; }
  .tplan-descr { margin-top: 35px; }
  .tplan-descr p + p, .tplan-descr ul + p, .tplan-descr p + ul, .tplan-descr li + li { margin-top: 20px; }
  .tplan-descr .ext { margin-top: 35px; }
  .tplan-controls { margin-top: 35px; }
}
@media screen and (max-width: 991px) { 
  .out { background: none; }
 .work_form button {width:100%;}
  h2 { margin-bottom: 16px; font-size: 20px; }
  .caption { font-size: 30px; padding-left: 30px; margin-bottom: 50px; }
  .caption-sub { margin-bottom: 40px; }
  .caption:before { top: 5px; bottom: 9px; }
  .form-control { height: 48px; }
  .btn { padding: 13px 15px; }
  .btn-primary { padding: 12px 30px; }
  button.btn { height: 48px; padding: 0 15px; }
  .ui-selectmenu-button.ui-button { padding: 11px 15px; }
  .ui-selectmenu-button.ui-button .ui-selectmenu-icon { margin-top:8px; width: 14px; height: 9px; }
  .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper { padding: 8px 15px; }
  .mobmenu-toggle, .mobmenu { display: block; }
  .header { background: #fff; }
  .header .dropdown-menu { margin: 22px 0 0; }
  .header .container { padding-left: 60px; }
  .header .container:after { display: none; }
  .header .header-logo { width: 180px; padding: 0 10px 0 0; margin: 3px 0 0; }
  .header .header-nav { display: none !important; }
  .header .header-lang { float: right; margin-left: 10px; padding: 0 0 0 10px !important; }
  .header .header-lang .languages { padding-left: 24px; }
  .header .header-lang .languages:before { margin-top: -8px; width: 16px; height: 16px; }
  .header .header-lang .dropdown-menu { padding: 25px 24px 20px; min-width: 0; }
  .header .header-lang .dropdown-menu li + li { margin-top: 15px; }
  .header .header-lang .dropdown-menu a:hover { color: #D71E0F; }
  .header .header-phones { font-size: 16px; float: right; padding: 0!important; position: relative; top: 4px; }
  .header .header-phones li { padding-left: 22px; }
  .header .header-phones li:before { margin-top: -9px; width: 15px; height: 15px; }
  .header .header-search { display: none!important; }
  
  .bgbanner {background-size:cover !important;}
  .bgbanner .text p,
  .bgbanner .text p span,
  .bgbanner .text span {font-size:22px !important;}
  .bgbanner .bgbanner-content { background-size: auto 100%!important; }
  .bgbanner:hover .bgbanner-content { x-background-size: auto 110%!important; background-size: auto 110%!important;}
  
  .banner { height: auto!important; padding: 40px 0 45px; margin-bottom: -30px; }
  .banner .banner-content .info { width: 58%; }
  .banner .banner-content .image { width: 42%; }
  .banner .info { padding: 0 15px 0 0; }
  .banner .info .info-title { font-size: 32px; max-width: 100%; padding-bottom: 30px; }
  .banner .info .info-title:after { height: 2px; }
  .banner .info .info-text { margin-top: 25px; }
  .banner .info .info-description { font-size: 18px; margin-top: 30px; }
  .banner .info .info-price { font-size: 22px; }
  .banner .info .info-form { margin-top: 40px; }
  .banner .image { padding: 0 0 0 15px; }
  hr { border-top: 2px solid #f6f6f7; }
  .banner + .clients { padding-bottom: 35px; }
  .articleslist, .solutions { padding: 0 0 80px; }
  .potential-bg, .bg-top { padding: 80px 0 0; }
  .article { height: 230px; }
  .article .article-content { padding: 30px; }
  .article .article-content .heading { font-size: 20px; }
  .article .article-content .description { font-size: 15px; }
  .article .article-content .readmore { margin-top: 30px; font-size: 14px; }
  .clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .targets, .premises, .information, .bgbanner { margin-top: 80px; }
  .clients .slick-next, .solutions .slick-next { margin-left: 25px; }
  .clients .clients-heading, .solutions .clients-heading { margin-bottom: 40px; font-size: 22px; }
  .bannerform .bannerform-content { padding: 60px; }
  .bannerform .bannerform-content button.btn {margin-top: 12px;}
  .capabilities-bg, .bg-bottom { padding: 0 0 80px; }
  .capabilities .capabilities-heading { font-size: 30px; margin-bottom: 50px; }
  .consist .consist-heading { font-size: 30px; margin-bottom: 50px; }
  .capabilities-all { padding: 0 0 80px; }
  .capabilities-all .button-all { bottom: -24px; }
  .capabilities-all .button-all a { min-width: 340px; }
  .capability .capability-text { line-height: 1.6; }
  .presentation .presentation-content .info .info-title { font-size: 30px; }
  .presentation .presentation-content .info .info-description { font-size: 20px; }
  .presentation .presentation-content .info .info-form { margin-top: 40px; }
  .contactus { padding: 60px 0; }
  .contactus .contactus-content { font-size: 30px; }
  .footer .footer-nav { padding: 45px 0; }
  .footer .footer-nav .heading { font-size: 14px; margin-bottom: 20px; height: auto !important; }
  .footer .footer-nav .menu { font-size: 14px; margin-bottom: 35px; }
  .footer .footer-nav .menu li + li { margin-top:10px; }
  .mainMenuFooterOuter {border-top: 2px solid #EBEBEB;}
  .footer .footer-nav .menu.mainMenuFooter {text-align:center;}
  .footer .footer-nav .menu.mainMenuFooter li {display:inline-block;}
  .footer .footer-nav .menu.mainMenuFooter li + li {margin-top:0px;margin-left:22px;}
  .footer .footer-copy .links { margin-top: 15px; margin-left: -15px; }
  .footer .footer-copy .links li { margin: 5px 0 0 15px; }
  .social { margin-top: 40px; }
  .social li { margin-right: 15px; }
  .potential .potential-image { margin-top: 30px; }
  .product .product-image a { height: 250px; line-height: 220px; }
  .product .product-image a img { max-height: 200px; }
  .product .product-info { padding: 25px; }
  .product .product-info .name { font-size: 20px; }
  .product .product-info .price { font-size: 20px; }
  .product .product-info .options { margin-top: 25px; font-size: 14px; }
  .product .product-info .options li:before { top: 5px; }
  .product .product-info .options li + li { margin-top: 10px; }
  .solution .solution-image { height: 270px; }
  .solution .solution-image span { font-size: 90px; }
  .solution .solution-info { padding: 35px; }
  
  .newsItemOuter .newsItem-image { height: 270px; }
  .newsItemOuter .newsItem-image span { font-size: 90px; }
  .newsItemOuter .newsItem-info { padding: 35px; }
  
  .videoOuter { margin-top: 60px; }
  
  .productdetail { margin-top: 40px; }
  .productdetail .productdetail-info .name { font-size: 28px; padding-bottom: 20px; }
  .productdetail .productdetail-info .text { font-size: 14px; }
  .productdetail .productdetail-info .price { font-size: 20px; }  
  .integrations-variants { margin-top: 30px; }
  .integrations-variants .heading { font-size: 27px; }
  .integrations-variants .section { padding-top: 40px; padding-bottom: 20px; }
  .integration .integration-header .heading { margin-top: 60px; padding-bottom: 30px; margin-bottom: 25px; }
  .integration .integration-header .heading h1 { font-size: 32px; }
  .integration .integration-header .heading p { font-size: 16px; }
  .integration .integration-header .heading:after { height: 2px; }
  .integration .integration-content .heading { font-size: 30px; margin-bottom: 60px; }
  .integration .integration-content .section { border-bottom: 2px solid #F6F6F7; }
  .integration .integration-content .section .section-heading { font-size: 20px; }
  .integration .integration-content .section .section-values { font-size: 16px; }
  .integration .integration-content .section .section-values li + li { border-top: 2px solid #F6F6F7; }
  .integration .integration-content .button-all { margin-top: 45px; }
  .integration .integration-content .button-all a { min-width: 340px; }
  .breadcrumb + * { margin-top: 25px; }
  .sidebar { padding-right: 0; }
  .sidebar .categories { font-size: 15px; }
  .sidebar .categories li { padding: 16px 0 16px 18px; }
  .sidebar .categories .active:before { height: 20px; margin-top: -11px; }
  .sidebar .categories li + li { border-top: 2px solid #f6f6f7; }
  .page h1 { font-size: 30px; }
  .page .page-header { padding: 30px 0 26px; margin-bottom: 60px; }
  .page .content .content-image { margin-bottom: 40px; }
  .page .content * + p, .page .content * + ul, .page .content * + ol { margin-top: 16px; }
  .page .content * + h2 { margin-top: 35px; }
  .contactform form { padding: 50px; }
  .contactform .contactform-header { margin-bottom: 35px; }
  .contactform .contactform-header span { font-size: 30px; }
  .contactform .contactform-header p { font-size: 20px; margin-top: 15px; }
  .tariffs .container { padding-bottom: 30px; }
  .tariffs .keys > div { min-height: 50px; padding: 15px 10px 15px 0; }
  .tariffs .keys > div:first-child { min-height: 50px; }
  .tariffs .tariff > div { min-height: 50px; padding: 15px 10px; }
  .tariffs .tariff .option + .option { margin-top: 15px; padding-top: 15px; }
  .tariffs .tariff .options .empty:before { display: block; }
  .tariffs .name { min-height: 50px; }
  .slick-slider { position: static; }
  .slick-dots { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; } 
  .videoItem a { height: 350px; }

  .targets .readmore { font-size: 14px; }
  .targets .order { font-size: 14px; padding: 9px 15px; max-width: 150px; }
  .targets ul > li, .premises ul > li { width: 50%; }
  .target, .premise { padding: 30px; }  
  .target .target-image { margin: -30px -30px 0; }
  .premises li:nth-child(2) { margin-top: 30px; }
  .premises li:nth-child(3) { margin-top: 0; }

  .information.bg { padding: 70px 0; }
  .information .information-content { display:block;align-items: flex-start; }
  .information .image, .information .description { width: 100%; }
  .information .image { padding-right: 15px; }
  .information .description { padding-left: 15px; }
  .information li { padding-left: 20px; }
  .information li:before { top: 8px; width: 5px; height: 5px; }
  .information li + li { margin-top: 10px; }
  .information a, .information a + * { margin-top: 35px; }
  .information .caption { margin-bottom: 35px; }
  .information .order { font-size: 14px; padding: 16px 20px; max-width: 230px; }
  .information p + p { margin-top: 20px; }

  .clients .nav-tabs { x-margin: -10px -10px 35px; }
  .clients .nav-tabs .nav-item { width: 50%; }   
  .clients .tab-pane ul li { width: 25%; x-padding: 15px; }

  .bgbanner { x-height: 500px; }  
  .bgbanner .controls { margin-top: 30px; }
  .bgbanner .controls .order { font-size: 14px; padding: 16px 20px; max-width: 230px; }
  .bgbanner-1 .heading { font-size: 42px; }
  .bgbanner-2 .heading { font-size: 58px; }  
  
  .information.bg { x-background-size: auto 100%!important; background-size: auto 100%!important; }
  .information.bg:hover { x-background-size: auto 110%!important; background-size: auto 110%!important; }

  .mainblock-content h1 { font-size: 40px; }
  .mainblock-content h2 { font-size: 22px; }
  .topline { padding: 30px; }
  .topline-nav { display: none; }
  .topline-controls { display: none; }

  .ptb { padding: 90px 0; }
  .pt { padding: 90px 0 0; }
  .title { text-align: center; margin-bottom: 50px; }
  .title h2 { font-size: 32px; }
  .title p { font-size: 20px; }
  .advantage-info h3 { font-size: 20px; }

  .tplans-list { display: block; padding: 0; }
  .tplan { width: 100%; padding: 30px 20px;}
  .tplan + .tplan { margin-top: 30px; }
  .tplan:before { left: 0px; top: 0; right: 0px; bottom: 0; }
  .tplan:nth-child(2), .tplan:nth-child(5), .tplan:nth-child(8) { width: 100%; }
  .tplan:nth-child(2):before, .tplan:nth-child(5):before, .tplan:nth-child(8):before { top: 0; bottom: 0; }
  .tplan-info { font-size: 15px; }
  .tplan-price { font-size: 28px; }
  .tplan-descr { font-size: 15px; margin-top: 30px; height: auto!important; }
  .tplan-descr p + p, .tplan-descr ul + p, .tplan-descr p + ul, .tplan-descr li + li { margin-top: 16px; }
  .tplan-descr .ext { margin-top: 30px; }
  .tplan-controls { margin-top: 30px; }
}
@media screen and (max-width: 767px) {
   .mobmenu .container { padding: 80px 0 40px; }
   .ui-selectmenu-button.ui-button {max-width: 100%;}
   .work_form .form-control {margin-bottom:12px;}
   .work_form button {width:100%;}
  .caption { font-size: 27px; padding-left: 28px; margin-bottom: 45px; padding-right: 130px; }
  .caption-sub { margin-bottom: 35px; }
  .caption:before { top: 5px; bottom: 7px; }
  .header { padding: 15px 0; }
  .header .dropdown-menu { margin: 15px 0 0; }
  .header .header-logo { width: 158px; margin: 2px 0 0; }
  .header .header-lang .dropdown-menu { padding: 20px 15px 15px; left: 0px !important; right: -15px !important; text-align: center; }
  .header .header-phones { font-size: 14px; }
  
  .bgbanner .text p,
  .bgbanner .text p span,
  .bgbanner .text span {font-size:18px !important;}
  
  .banner { max-height: none; }
  .banner .banner-content .info { width: 100%; }
  .banner .banner-content .image { display: table-header-group; width: 100%; }
  .banner .info { padding: 40px 0 0; text-align: center; }
  .banner .info .info-title:after { left: 50%; margin-left: -35px; }
  .banner .info .info-form { margin: 40px auto 0; }
  .banner .info .info-form .row { margin: 0 -10px; }
  .banner .info .info-form .row > div { padding: 0 10px; }
  .banner .image { padding: 0; }
  .banner .image img { width: 100%; max-width: 320px; }
  .banner .info .info-form .openform { width: 100%; text-align: center;margin-left:0; }
  .banner .info .info-form .openform .btn { width: 50%; }
  .articleslist, .solutions { padding: 0 0 60px; }
  .potential-bg, .bg-top { padding: 60px 0 0; }
  .article { height: 180px; }
  .article .article-content .heading { font-size: 18px; }
  .article .article-content .description { font-size: 14px; }
  .article .article-content .readmore { margin-top: 25px; }
  .clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .targets, .premises, .information, .bgbanner { margin-top: 60px; }
  .clients .slick-next, .solutions .slick-next { margin-left: 20px; }
  .clients .clients-heading, .solutions .clients-heading { margin-bottom: 35px; font-size: 21px; }
  .bannerform .bannerform-content { padding: 50px; }
  .bannerform .bannerform-content form { max-width: 240px; margin: 0 auto; }
  .bannerform .bannerform-content form .form-control { text-align: center; }
  .bannerform .bannerform-content form .row { margin: 0 -15px; }
  .bannerform .bannerform-content form .row > div { padding: 0 15px; }
  .bannerform .bannerform-content form .row > div + div { margin-top: 10px; }
  .capabilities-bg, .bg-bottom { padding: 0 0 60px; }
  .capabilities .capabilities-heading { font-size: 27px; margin-bottom: 45px; }
  .consist .consist-heading { font-size: 27px; margin-bottom: 45px; }
  .capabilities-all { padding: 0 0 60px; }
  .capabilities-all .button-all a { min-width: 310px; }
  .capability { padding: 30px 65px 30px 30px; border-radius: 8px 8px 26px 8px; height: auto !important; }
  .capability .capability-icon { width: 50px; height: 50px; line-height: 50px; }
  .capability .capability-icon img { max-width: 30px; max-height: 30px; }
  .presentation { padding: 60px 0 0; }
  .presentation .presentation-content { display: block; text-align: center; }
  .presentation .presentation-content > div { display: block; }
  .presentation .presentation-content .info { width: 100%; padding: 0; }
  .presentation .presentation-content .info .info-title { font-size: 27px; }
  .presentation .presentation-content .info .info-description { font-size: 18px; }
  .presentation .presentation-content .image { width: 100%; padding-top: 40px; }
  .presentation .presentation-content .image img { position: static; }
  .contactus { padding: 50px 0; }
  .contactus .contactus-content { font-size: 27px; display: block; }
  .contactus .contactus-content > div { display: block; width: 100%; }
  .contactus .contactus-content .info { text-align: center; padding: 0; }
  .contactus .contactus-content .phones { padding: 0; text-align: center; margin-top: 30px; }
  .footer .footer-nav { padding: 40px 0; }
  .footer .footer-copy .links { margin-top: 15px; margin-left: 0; }
  .footer .footer-copy .links li { display: block; margin: 0; }
  .footer .footer-copy .links li + li { margin-top: 5px; }
  
  .footer .footer-nav .menu.mainMenuFooter {text-align:left;}
  .footer .footer-nav .menu.mainMenuFooter li {display:block;}
  .footer .footer-nav .menu.mainMenuFooter li + li {margin-top:5px;margin-left:0px;}
  
  .social { margin-top: 30px; }
  .social li { margin-right: 15px; }
  .solution .solution-image { height: 240px; }
  .solution .solution-image span { font-size: 85px; }
  .solution .solution-info { padding: 30px; }
  .solution .solution-info .heading { font-size: 16px; }
  .solution .solution-info .description { font-size: 14px; }
  
  .newsItemOuter .newsItem-image { height: 240px; }
  .newsItemOuter .newsItem-image span { font-size: 85px; }
  .newsItemOuter .newsItem-info { padding:12px 30px 30px 30px; }
  .newsItemOuter .newsItem-info .heading { font-size: 16px; }
  .newsItemOuter .newsItem-info .description { font-size: 14px; }
  
  .productdetail .productdetail-info { margin-top: 40px; }
  .productdetail .productdetail-info .name { font-size: 22px; }
  .integrations-categories .category .category-name { font-size: 16px; }
  .integrations-variants .section { border-bottom: 2px solid #F6F6F7; }
  .integrations-variants .heading { font-size: 24px; margin-bottom: 25px; }
  .integrations-variants .variant .variant-info { padding: 22px 20px 20px; }
  .integrations-variants .variant .variant-info .description { margin-top: 10px; }
  .integration .integration-header .heading { margin-top: 55px; }
  .integration .integration-header .heading h1 { font-size: 28px; }
  .integration .integration-header .heading p { font-size: 15px; }
  .integration .integration-content .heading { font-size: 27px; margin-bottom: 50px; }
  .integration .integration-content .button-all { margin-top: 40px; }
  .integration .integration-content .button-all a { min-width: 310px; }
  .breadcrumb + * { margin-top: 25px; }
  .sidebar { height: auto!important; position: static!important; }
  .sidebar .sticky { height: auto!important; position: static!important; }
  .sidebar .categories li { padding: 8px 0 8px 20px; }
  .sidebar .categories .active:before { height: 100%; top: 0; margin: 0; }
  .sidebar .categories li + li { border-top: 2px solid #f6f6f7; }
  .page h1 { font-size: 27px; }
  .page .page-header { margin-bottom: 50px; }
  .page .content { font-size: 15px; margin-top: 35px; }
  .page .content .content-image { margin-bottom: 35px; }
  .page .content * + p, .page .content * + ul, .page .content * + ol { margin-top: 14px; }
  .page .content * + h2 { margin-top: 30px; }
  .contacts .contacts-map { margin-top: 40px; }
  .contactform { text-align: center; }
  .contactform form { padding: 30px; }
  .contactform .contactform-header { margin-bottom: 30px; }
  .contactform .contactform-header span { font-size: 27px; }
  .contactform .contactform-header p { font-size: 18px; margin-top: 10px; }
  .contactform .form-group { margin-bottom: 20px; }
  .contactform .info { margin-top: 20px; }
  .contactform .btn { min-width: 250px; }
  .tariffs .tariffs-keys { width: 40%; }
  .tariffs .tariffs-items { width: 60%; }
  .tariffs .keys > div { min-height: 50px; padding: 15px 10px 15px 0; }
  .tariffs .keys > div:first-child { min-height: 50px; }
  .tariffs .tariff > div { min-height: 50px; padding: 15px 10px; }
  .tariffs .tariff .option + .option { margin-top: 15px; padding-top: 15px; }
  .tariffs .name { min-height: 50px; } 
  .videoItem a { height: 300px; }
  .clients .clients-heading, .solutions .clients-heading, .newsOuter .clients-heading, .videoOuter .clients-heading { padding-right: 130px; }

  .targets ul, .premises ul { margin: -10px; }
  .targets ul > li, .premises ul > li { width: 50%; padding: 10px; }
  .target, .premise { padding: 25px 20px 22px; }  
  .target .target-image { margin: -25px -20px 0; }
  .target .target-name, .premise .premise-name { font-size: 16px; }
  .target .target-icon { max-width: 130px; }
  .target .target-icon img { max-height: 130px; }
  .target .target-icon + *, .target .target-image + * { margin-top: 20px; }
  .target * + .target-icon, .target * + .target-image { margin-top: 15px; }
  .target .target-text, .premise .premise-text { font-size: 15px; } 
  .premise .premise-icon + * { margin-top: 20px; }
  .premise * + .premise-icon { margin-top: 15px; }

  .information.bg { padding: 60px 0; }
  .information .information-content { display: block; }
  .information .image { width: 100%; padding: 0; }
  .information .description { width: 100%; padding: 0; margin-top: 30px; }
  .information.reverse .description { padding: 0; }
  .information a, .information a + * { margin-top: 20px; }
  .information .caption { margin-bottom: 20px; }
  .information li + li { margin-top: 5px; }
  .information .order { padding: 14px 15px; max-width: 200px; } 
  .information p + p { margin-top: 15px; } 

  .clients .nav-tabs { margin: -10px -10px 30px; }  
  .clients .nav-tabs .nav-item { width: 50%; }
  .clients .nav-tabs .nav-link { font-size: 15px; }

  .bgbanner { x-height: 450px; }
  .bgbanner .controls .order { font-size: 14px; padding: 14px 15px; max-width: 200px; }
  .bgbanner-1 .heading { font-size: 40px; }
  .bgbanner-2 .heading { font-size: 50px; }

  .mainblock-content h1 { font-size: 32px; }
  .mainblock-content h2 { font-size: 20px; }
  .topline { padding: 20px; }
  .topline .mobmenu-toggle { right: 20px; }

  .ptb { padding: 70px 0; }
  .pt { padding: 70px 0 0; }
  .title { margin-bottom: 50px; }
  .title h2 { font-size: 26px; }
  .title p { font-size: 18px; }
  .advantages-list { display: block; }
  .advantage { width: 100%; padding: 0; }
  .advantage + .advantage { margin-top: 35px }
  .advantage-info h3 { font-size: 17px; }
  .advantage-info p { font-size: 14px; }
}
@media screen and (max-width: 575px) { 
  .caption { font-size: 24px; padding-left: 26px; margin-bottom: 40px; line-height: 1.4; padding-right: 100px; }
  .caption-sub { margin-bottom: 30px; }
  .form-group
  .article {border-bottom: 1px solid #D71E0F;}
  .article .article-image {width:100%;}
  .article .article-content {width:100%;}
  .caption:before { top: 6px; bottom: 9px; }
  .header .header-phones { display: none !important; }
  .header .header-lang { padding: 0 !important; }
  .banner { height: auto !important; padding: 40px 0 45px; }
  .banner .info .info-title { font-size: 28px; }
  .banner .info .info-price { font-size: 20px; }
  .banner .info .info-form { max-width: 260px; margin: 40px auto 0; }  
  .banner + .clients { padding-bottom: 30px; }  
  .banner .info .info-form .openform .btn { width: 100%; }
  .articleslist, .solutions { padding: 0 0 50px; }
  .potential-bg, .bg-top { padding: 50px 0 0; }
  
  .newsOuter .slick-arrow, .clients .slick-arrow, .solutions .slick-arrow, .videoOuter .slick-arrow, .newsOuter .slick-arrow { width: 34px; height: 34px; background-size: 30%!important; }
  .newsOuter .slick-prev, .clients .slick-prev, .solutions .slick-prev, .videoOuter .slick-prev, .newsOuter .slick-prev { background-position: 10px center!important; }
  .clients .slick-next, .solutions .slick-next, .newsOuter .slick-next, .videoOuter .slick-next { background-position: 13px center!important; }
  .clients .arrows, .solutions .arrows, .videoOuter .arrows, .newsOuter .arrows { margin-top: -18px; }
  .article { height: auto; display: block; }
  .article .article-image { display: block; x-width: 28%; height: 180px; }
  .article .article-content { x-width: 72%; display: block; }
  
  .articles-sm .article { display: table; width: 100%; height: 200px; }
  .articles-sm .article .article-image { display: table-cell; width: 28%; }
  .articles-sm .article .article-content { display: table-cell; width: 72%; padding: 20px; }
  .articles-sm .article .article-content .heading { font-size: 16px; }
  .articles-sm .article .article-content .description { font-size: 14px; }
  .articles-sm .article .article-content .readmore { margin-top: 20px; }
  .clients, .bannerform, .capabilities, .presentation, .potential, .articleslist, .products, .solutions, .consist, .integrations, .integration-content, .contactform, .tariffs, .targets, .premises, .information, .bgbanner { margin-top: 50px; }
  .clients .slick-next, .solutions .slick-next, .clients .slick-next, .solutions .slick-next, .newsOuter .slick-next, .videoOuter .slick-next { margin-left: 10px; }
  .clients .clients-heading, .solutions .clients-heading { font-size: 20px; }
  .bannerform .bannerform-content { padding: 40px; }
  .capabilities-bg, .bg-bottom { padding: 0 0 40px; }
  .capabilities .capabilities-heading { font-size: 24px; margin-bottom: 40px; }
  .consist .consist-heading { font-size: 24px; margin-bottom: 40px; }
  .capabilities-all { padding: 0 0 40px; }
  .capabilities-all .button-all { position: static; margin-top: 35px; }
  .capabilities-all .button-all a { min-width: 280px; }
  .presentation { padding: 40px 0 0; }
  .presentation .presentation-content .info .info-title { font-size: 24px; }
  .presentation .presentation-content .info .info-form { max-width: 240px; margin: 40px auto 0; }
  .presentation .presentation-content .info .info-form .form-control { text-align: center; }
  .presentation .presentation-content .info .info-form .row > div + div { margin-top: 10px; }
  .contactus { padding: 40px 0; }
  .contactus .contactus-content { font-size: 24px; }
  .footer .footer-nav .heading { margin-bottom: 15px; }
  .footer .footer-copy .text { margin-top: 25px; }
  .potential .potential-image { margin-top: 20px; }
  .potential .potential-image p { position: static; padding: 15px 20px; line-height: 1.5; }
  .product .product-image a { height: 200px; line-height: 170px; }
  .product .product-image a img { max-height: 150px; }
  .product .product-info { padding: 25px; }
  .product .product-info .name { font-size: 20px; }
  .product .product-info .price { font-size: 18px; margin-top: 10px; }
  .product .product-info .options { margin-top: 22px; }
  .solution { display: block; }
  .solution .solution-image { height: 200px; display: none; }
  .solution.newsItem .solution-image { height: 200px; display:block;width:100%; }
  .solution .solution-image span { font-size: 70px; }
  .solution .solution-info { display: block; width: 100%; }
  
  .articles .newsItemOuter .newsItem-image { height: 200px; display:block;width:100%; }
  .newsItemOuter .newsItem-image span { font-size: 70px; }
  .newsItemOuter .newsItem-info { display: block; width: 100%; }
  
  .consist-positions .position .position-image { width: 80px; }
  .consist-positions .position .position-content { padding-left: 20px; font-size: 14px; }
  .consist-positions .position .position-content .price { text-align: left; margin-top: 10px; }  
  .integrations-categories .nav-tabs { margin: 0 -10px; }
  .integrations-categories .nav-tabs .nav-item { padding: 0 10px; }
  .integrations-variants .heading { font-size: 21px; }
  .integrations-variants .variant { height: auto !important; }
  .integration .integration-header .heading { margin-top: 40px; }
  .integration .integration-header .heading h1 { font-size: 28px; }
  .integration .integration-header .heading p { font-size: 15px; margin-top: 10px; }
  .integration .integration-header .form { margin-top: 35px; }
  .integration .integration-header .form .form-control { text-align: center; }
  .integration .integration-header .form .row > div + div { margin-top: 20px; }
  .integration .integration-content .heading { font-size: 24px; margin-bottom: 40px; }
  .integration .integration-content .section .section-heading { margin-bottom: 15px; }
  .integration .integration-content .button-all { margin-top: 35px; text-align: center; }
  .integration .integration-content .button-all a { min-width: 280px; }
  .breadcrumb + * { margin-top: 20px; }
  .page h1 { font-size: 24px; }
  .page .page-header { margin-bottom: 40px; padding: 28px 0 20px; }
  .contacts .section { font-size: 15px; }
  .contacts .section + .section { margin-top: 25px; }
  .contacts .contacts-map { margin-top: 40px; height: 350px; }
  .contactform form { padding: 30px 25px; }
  .contactform .contactform-header span { font-size: 24px; }
  .contactform .btn { min-width: 230px; }
  .tariffs { font-size: 15px; }
  .tariffs .keys { font-size: 16px; }
  .tariffs .name { font-size: 14px; }
  input.form-control {margin-bottom: 12px;}
  .videoItem a { height: 250px; }
  .videoItem .video-info { font-size: 18px; }
  .clients .clients-heading, .solutions .clients-heading, .newsOuter .clients-heading, .videoOuter .clients-heading { padding-right: 100px; }

  .targets ul, .premises ul { margin: 0; }
  .targets ul > li, .premises ul > li { width: 100%; padding: 0; }
  .targets ul > li + li, .premises ul > li + li { margin-top: 20px!important; }
  .target, .premise { padding: 30px 25px 26px; height: auto!important; }   
  .target .target-image { margin: -30px -25px 0; }
  .premises li:nth-child(2) { margin-top: 0; }

  .clients .nav-tabs { margin: 0 0 30px; }  
  .clients .nav-tabs .nav-item { width: 100%; padding: 0; }
  .clients .nav-tabs .nav-item + .nav-item { margin-top: 20px; }
  .clients .tab-pane ul li { width: 25%; }

  .information.bg { padding: 60px 0!important; }

  .bgbanner { x-height: 400px; }
  .bgbanner .info { margin-top: 30px; }
  .bgbanner-1 .heading { font-size: 38px; }
  .bgbanner-2 .heading { font-size: 42px; }

  .modal .modal-header { font-size: 20px; }

  .mainblock-content h1 { font-size: 28px; }
  .mainblock-content h2 { font-size: 18px; }  
}

@media screen and (max-width: 480px) {
  .bgbanner { height: 350px; }
  .bgbanner-1 .heading { font-size: 37px; }
  .bgbanner-2 .heading { font-size: 34px; }
  .mainblock-content h2 { font-size: 16px; max-width: 200px; margin: 30px auto 0; }
  .title { margin-bottom: 40px; }
}

@media screen and (max-width: 359px) { .caption { font-size: 21px; padding-left: 24px; margin-bottom: 35px; }
  .caption:before { top: 4px; bottom: 8px; }
  .banner { padding: 30px 0 45px; }
  .banner .info { padding: 30px 0 0; }
  .banner .info .info-title { font-size: 24px; }
  .bannerform .bannerform-content { padding: 30px; }
  .capabilities .capabilities-heading { font-size: 21px; margin-bottom: 35px; }
  .consist .consist-heading { font-size: 21px; margin-bottom: 35px; }
  .capabilities-all { border-radius: 0; }
  .capabilities-all .button-all a { min-width: 260px; }
  .presentation .presentation-content .info .info-title { font-size: 21px; }
  .contactus .contactus-content { font-size: 21px; }
  .contactus .contactus-content .phones { margin-top: 20px; }
  .integration .integration-header .heading h1 { font-size: 24px; }
  .integration .integration-header .heading p { font-size: 14px; }
  .contactform .contactform-header span { font-size: 21px; }
  .contactform .contactform-header p { font-size: 16px; }
  .contactform .btn { min-width: 230px; } 
  .videoItem a { height: 200px; }
  .clients .tab-pane ul li { width: 33.33333333%; }
  .bgbanner-1 .heading { font-size: 32px; }
  .bgbanner-2 .heading { font-size: 26px; }
}
@media screen and (min-width: 992px) { .openmenu { overflow: auto; }
  .header.fixed { padding: 15px 0; }
  .header.fixed .dropdown-menu { margin: 18px 0 0; } }
@media screen and (min-width: 1230px) { .header.fixed .dropdown-menu { margin: 21px 0 0; } }
@media screen and (min-width: 1230px) { 
	.container { max-width: 1200px; } 	
	.premises-list .container { max-width: 900px; }
	.wide .premises-list .container { max-width: 1200px; }	
	.wide.premises ul > li { width: 25%; }
	.wide.premises .sizer { width: 1%; }
}
@media screen and (min-width: 1630px) { 
	.wide .targets-list .container { max-width: 1600px; }
	.wide.targets ul > li { width: 25%; }
	.information .container, .clients .container { max-width: 1340px; }
	.clients .clients-list .container { max-width: 1500px; }
	.fixwidth .clients .container,
	.fixwidth .clients-list .container,
	.fixwidth .information .container,
	.fixwidth .wide .targets-list .container {max-width: 1200px;}
}