@charset "UTF-8";
* { color: inherit; font: inherit; margin: 0; padding: 0; }
a img { border: none; }
a { text-decoration: none; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
fieldset { border: none; }
input, textarea, select, option, button { box-sizing: border-box; }
[hidden] { display: none !important; }
sub, sup { font-size: smaller; }
button::-moz-focus-inner { border: 0; padding: 0; }
html { background: #FFF; color: #000; font: 12pt "Roboto", "Liberation Sans", "Arimo", "Arial", sans-serif; }
body { margin: 0 auto; }

.envelope, .category-desc, #hidden-form form { box-sizing: border-box; display: table; width: 100%; table-layout: fixed; }

.clearfix::after, .sidebar-1 > section::after, .sidebar-2 > section::after { content: ""; display: table; clear: both; }

table.equal-cage-top, table.equal-cage-middle, table.equal-cage-bottom { border-collapse: collapse; table-layout: fixed; width: 100%; }
table.equal-cage-top:not(:first-child), table.equal-cage-middle:not(:first-child), table.equal-cage-bottom:not(:first-child) { margin-top: 1em; }

table.equal-cage-top > tbody > tr > td { vertical-align: top; }

table.equal-cage-middle > tbody > tr > td { vertical-align: middle; }

table.equal-cage-bottom > tbody > tr > td { vertical-align: bottom; }

table.simple { border-collapse: collapse; margin-left: auto; margin-right: auto; }
table.simple:not(:first-child) { margin-top: 1em; }
table.simple > thead > tr > td, table.simple > thead > tr > th, table.simple > tbody > tr > td, table.simple > tbody > tr > th, table.simple > tfoot > tr > td, table.simple > tfoot > tr > th { border: 1px solid #AAA; padding: 8px; }
table.simple > thead > tr > td, table.simple > tbody > tr > td, table.simple > tfoot > tr > td { vertical-align: top; }
table.simple > thead > tr > th, table.simple > tbody > tr > th, table.simple > tfoot > tr > th { vertical-align: middle; }

table.bordered:not(:first-child) { margin-top: 1em; }
table.bordered > thead > tr > td, table.bordered > thead > tr > th, table.bordered > tbody > tr > td, table.bordered > tbody > tr > th, table.bordered > tfoot > tr > td, table.bordered > tfoot > tr > th { border: 1px solid #666; }

table.spaced-cells > thead > tr > td, table.spaced-cells > thead > tr > th, table.spaced-cells tbody > tr > td, table.spaced-cells tbody > tr > th, table.spaced-cells tfood > tr > td, table.spaced-cells tfood > tr > th { padding: .5em .5ex; }
table.spaced-cells > thead > tr > td:first-child, table.spaced-cells > thead > tr > th:first-child, table.spaced-cells tbody > tr > td:first-child, table.spaced-cells tbody > tr > th:first-child, table.spaced-cells tfood > tr > td:first-child, table.spaced-cells tfood > tr > th:first-child { padding-left: 0; }
table.spaced-cells > thead > tr > td:last-child, table.spaced-cells > thead > tr > th:last-child, table.spaced-cells tbody > tr > td:last-child, table.spaced-cells tbody > tr > th:last-child, table.spaced-cells tfood > tr > td:last-child, table.spaced-cells tfood > tr > th:last-child { padding-right: 0; }
table.spaced-cells > :first-child > tr:first-child > td, table.spaced-cells > :first-child > tr:first-child > th { padding-top: 0; }
table.spaced-cells > :last-child > tr:last-child > td, table.spaced-cells > :last-child > tr:last-child > th { padding-bottom: 0; }

table.spaced-rows > thead > tr > td, table.spaced-rows > thead > tr > th, table.spaced-rows tbody > tr > td, table.spaced-rows tbody > tr > th, table.spaced-rows tfood > tr > td, table.spaced-rows tfood > tr > th { padding-top: .5em; padding-bottom: .5em; }
table.spaced-rows > :first-child > tr:first-child > td, table.spaced-rows > :first-child > tr:first-child > th { padding-top: 0; }
table.spaced-rows > :last-child > tr:last-child > td, table.spaced-rows > :last-child > tr:last-child > th { padding-bottom: 0; }

table.symmetrical-aligned-cells > tbody > tr > td { text-align: center; }
table.symmetrical-aligned-cells > tbody > tr > td:first-child { text-align: left; }
table.symmetrical-aligned-cells > tbody > tr > td:last-child { text-align: right; }

table.wide { width: 100%; }

@media print { table.collapse-on-print > tbody, table.collapse-on-print > tbody > tr, table.collapse-on-print > tbody > tr > td { display: block !important; width: auto !important; text-align: left !important; }
  table.collapse-on-print > thead, table.collapse-on-print > tfoot { display: none !important; }
  table.collapse-on-print > tbody > tr:not(:first-child) > td { padding: 1em 0 0 0 !important; }
  table.collapse-on-print > tbody > tr:first-child > td:not(:first-child) { padding: 1em 0 0 0 !important; } }
.pull-right { float: right; margin-left: 1ex; }

.pull-left { float: left; margin-right: 1ex; }

input, textarea, select, option, button { background: #FFF; color: #000; }

input, textarea, select, button { border: 1px solid #C7C7C7; padding: .2em 1ex; }

h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) { margin-top: 1em; }

h1 > a, h2 > a { text-decoration: none !important; }

h3, h4, h5, h6 { font-weight: bold; }

hr { border: 1px solid #DDD; color: #DDD; }
hr:not(:first-child) { margin-top: 1em; }

.fullscreen-layout { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); overflow: auto; }

#old-ie { background: #FFF; color: #000; border-bottom: 2px solid #861207; font-size: 12pt; margin-bottom: 1em; padding: .5em 0; text-align: center; }
#old-ie a { color: #861207; text-decoration: underline; }
#old-ie a.firefox { color: #3D6D31; }

.hidden-form-layout { width: 600px; height: 100%; table-layout: fixed; border-spacing: 0; margin: 0 auto; }
.hidden-form-layout > tbody > tr > td { vertical-align: middle; }
.hidden-form-layout > tbody > tr > td > div { background: #0096CF; color: #FFF; box-sizing: border-box; padding: 25px 43px 34px 43px; border-radius: 4px; width: 600px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3); position: relative; }
.hidden-form-layout .cancel { cursor: pointer; position: absolute; top: 0; right: 0; border-radius: 0 0 0 26px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); padding: 0 3px 5px 10px; background: #FFF; color: #000; border: none; font-size: 16pt; transition: background 300ms; }
.hidden-form-layout .cancel:hover, .hidden-form-layout .cancel:focus { background: #F1F1F1; }

.space-above { margin-top: 1em; }

.space-above-2x { margin-top: 2em; }

.space-above-3x { margin-top: 3em; }

.space-below { margin-bottom: 1em; }

.space-below-2x { margin-bottom: 2em; }

.space-below-3x { margin-bottom: 3em; }

.sidebar-1 { float: left; width: 250px; }
.sidebar-1 ~ .content { margin-left: 266px; }
.sidebar-1 > section:not(:first-child) { margin-top: 1em; }

.sidebar-2 { float: right; width: 250px; }
.sidebar-2 ~ .content { margin-right: 266px; }
.sidebar-2 > section:not(:first-child) { margin-top: 1em; }

.limit-content { max-width: 995px; box-sizing: border-box; margin-left: auto; margin-right: auto; position: relative; }
@media (max-width: 1026px) { .limit-content { padding-left: 16px; padding-right: 16px; } }

.tip-wrap { background: #FFF; color: #000; border: 1px solid #999; padding: 3px; }

.tooltip { display: none !important; }

.blog .item-image { text-align: center; margin-top: 1em; }
.blog .blog-intro-layout { width: 100%; border-collapse: collapse; table-layout: fixed; }
.blog .blog-intro-layout:not(:first-child) { margin-top: 1em; }
.blog .blog-intro-layout > tbody > tr > td { vertical-align: top; padding: 1em 1ex 0 1ex; }
.blog .blog-intro-layout > tbody > tr > td:first-child { padding-left: 0; }
.blog .blog-intro-layout > tbody > tr > td:last-child:not(:first-child) { padding-right: 0; }
.blog .blog-intro-layout > tbody > tr:first-child > td { padding-top: 0; }

span.highlight { background-color: #FFFFCC; font-weight: bold; padding: 1px 4px; }

#article-index li { display: inline; border-left: 1px solid #D1D1D1; margin-left: .5ex; padding-left: .75ex; }

#article-index li:first-child { margin-left: 0; padding-left: 0; border-left: none; }

.category-desc + .cat-items { margin-top: 1em; }

.readmore:not(:first-child) { margin-top: 1em; }
.readmore > a { display: inline-block; border: 1px solid #303030; background: #424242; color: #FFF; padding: 0.3em 0.8ex; text-decoration: none !important; box-shadow: 1px 2px 2px 0 rgba(100, 100, 100, 0.3); transition: background 0.3s linear, border-color 0.3s linear, color 0.3s linear; }
.readmore > a:hover, .readmore > a:focus { background: #303030; color: #FFF; border: 1px solid #424242; }

.navigation, .pagination { clear: both; padding-top: 1em; text-align: center; }
.navigation > ul, .pagination > ul { display: inline-block; margin: 0 !important; border: 1px solid #303030; border-radius: .2em; background: #424242; color: #FFF; }
.navigation > ul > li, .pagination > ul > li { display: inline-block; margin: 0 !important; }
.navigation > ul > li > *, .pagination > ul > li > * { display: block; border-left: 1px solid #303030; padding: 0.3em 0.8ex; text-decoration: none; }
.navigation > ul > li > a:hover, .navigation > ul > li > span, .pagination > ul > li > a:hover, .pagination > ul > li > span { background: #303030; color: #FFF; }
.navigation > ul > li:first-child > *, .pagination > ul > li:first-child > * { border-left: none; }
.navigation > ul > li.pagination-start > *, .navigation > ul > li.pagination-prev > *, .navigation > ul > li.pagination-next > *, .navigation > ul > li.pagination-end > *, .pagination > ul > li.pagination-start > *, .pagination > ul > li.pagination-prev > *, .pagination > ul > li.pagination-next > *, .pagination > ul > li.pagination-end > * { background: transparent; color: inherit; }
.navigation > .counter, .pagination > .counter { display: inline-block; margin: 0; }

#system-message-container { position: relative; }
#system-message-container .alert { background: #FBF9F9; border: 1px solid #CCC; padding: 8px 14px; color: #000; }
#system-message-container .alert h4 { color: #000064; margin: 5px 0; }
#system-message-container .alert p { padding: 0; margin: 0; }
#system-message-container .close { position: absolute; right: 4px; top: 0; cursor: pointer; text-decoration: none; border: none; background: transparent; color: inherit; font-size: 16pt; }
#system-message-container .close:focus, #system-message-container .close:hover { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: #EEE6C2; color: #000; }

.table-bordered { border-collapse: collapse; }
.table-bordered > thead > tr > td, .table-bordered tbody > tr > td, .table-bordered tfoot > tr > td { border: 1px solid #EEE; }

.table-hover > tbody > tr:hover > td { background: #333; color: #FFF; }

.item-page > .page-header { margin-bottom: 1em; }

.login { margin-top: 1em; }
.login fieldset { display: table; }
.login .controls { margin-top: 1em; }
.login .control-label { float: left; width: 15ex; }
.login .control-group { clear: left; }

.icon-calendar { display: inline-block; background: transparent url("../../../media/system/images/calendar.png"); width: 16px; height: 16px; }

@media print { .discardable { display: none !important; } }
.content #searchForm { margin-top: 1em; }
.content #searchForm .btn-toolbar button::before { content: "➟"; }
.content #searchForm fieldset { margin-top: 1em; }
.content #searchForm legend { margin-bottom: .5em; }
.content #searchForm .ordering-box { margin-top: 1em; }
.content #searchForm + .error { margin-top: 1em; font-weight: bold; }

.top { background: #DDEBEC url("../images/top.jpg") no-repeat center top; color: #272727; }
.top > .limit-content { box-sizing: border-box; padding-top: 39px; height: 698px; }
.top .logo { width: 499px; font-size: 35pt; font-weight: 300; }
.top .phone-call { float: right; text-align: right; }
.top .phone { font-size: 22pt; }
.top .call { margin-top: 19px; font-size: 13pt; font-weight: 300; background: transparent; border: none; color: #FF4B4A; cursor: pointer; }
.top .call:hover, .top .call:focus { text-decoration: underline; }
.top h1 { clear: both; margin-top: 132px; text-align: center; font-size: 46pt;}

.top .sub { font-size: 29pt; font-weight: 300; text-align: center; }
.top .sub_1 {font-weight: 300; text-align: center; font-size: 20pt;}
.top .order { position: absolute; left: 50%; bottom: 74px; }
.top .order-button { background: #FF5E3B; color: #FFF; font-size: 21pt; font-weight: 300; padding: 28px 0; width: 382px; margin-left: -191px; text-align: center; border: none; border-radius: 14px; cursor: pointer; transition: background 500ms; }
.top .order-button:hover, .top .order-button:focus { background: #002E4C; }

#hidden-form { font-weight: 300; }
#hidden-form textarea { height: 5em; resize: vertical; }
#hidden-form .submit-w { text-align: center; margin-top: 16px; }
#hidden-form .submit { background: #f7374b; color: #FFF; box-shadow: none; width: 100%; height: 43px; line-height: 43px; text-align: center; border-radius: 9px; border: none; font-size: 11pt; padding: 0; cursor: pointer; transition: background 300ms; }
#hidden-form .submit:hover, #hidden-form .submit:focus { background: #FFAF00; }
#hidden-form .form-unit-group { width: calc(50% - 6px); }
#hidden-form .form-unit-group > *:not(:first-child) { margin-top: 7px; }
#hidden-form .form-unit-group-1 { float: left; }
#hidden-form .form-unit-group-2 { float: right; }
#hidden-form form { margin-top: 8px; }
#hidden-form .form-unit input { height: 43px; line-height: 43px; width: 100%; padding: 0 8px; border-radius: 9px; border: none; background: #FFF; color: #000; }
#hidden-form .form-unit textarea { height: 93px; width: 100%; padding: 8px; border-radius: 9px; border: none; background: #FFF; color: #000; }
#hidden-form h2 { font-size: 23pt; padding: 2px 0 4px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.why-us { background: #FF8C27 url("../images/why-us.jpg") no-repeat center top; color: #FFF; box-sizing: border-box; padding-top: 48px; height: 1016px; }
.why-us-layout { margin: 0 auto; border-collapse: collapse; }
.why-us-layout > tbody > tr > td { vertical-align: middle; text-align: center; }
.why-us-layout > tbody > tr > td:not(:first-child) { padding-left: 30px; }
.why-us-layout > tbody > tr > td:not(:last-child) { padding-right: 30px; }
.why-us-layout > tbody > tr:not(:first-child) > td { padding-top: 80px; }
.why-us .title-1 { font-size: 300pt; font-weight: bold; text-shadow: 6px 6px 0 #FF3C08; line-height: 1; }
.why-us .title-2 { font-size: 36pt; font-weight: bold; line-height: 1; }
.why-us .picture { margin-bottom: 30px; }
.why-us .picture img { vertical-align: top; }
.why-us .text { font-size: 15pt; font-weight: 300; }
.why-us .hl { font-size: 22pt; font-weight: bold; }

.order-now { padding: 46px 0 60px 0; text-align: center; background: #FFF; background: linear-gradient(to bottom, #FFF, #DAFBFB); color: #1C1C1C; }
.order-now h2 { font-size: 50pt; }
.order-now .sub { font-size: 22pt; }
.order-now .button-w { margin-top: 58px; }
.order-now .button { font-size: 32pt; font-weight: bold; color: #F03E3D; border: 9px solid #F03E3D; border-radius: 13px; padding: 19px 93px; cursor: pointer; background: transparent; transition: background-color 300ms, color 300ms; }
.order-now .button:hover, .order-now .button:focus { background-color: #F03E3D; color: #FFF; }
.order-now .slider { margin-top: 50px; }

.trust { color: #343434; padding: 80px 0 0px 0; text-align: center; }
.trust h2 { font-size: 39pt; font-weight: 300; }
.trust .sub { font-size: 39pt; color: #F13C3C; margin-top: 5px; font-weight: bold; }
.trust .sub .hl { color: #004B9C; margin-left: 1ex; }
.trust .sub img { vertical-align: top; }
.trust .slider { margin-top: 76px; }

.bottom { background: #FF9817 url("../images/footer.jpg") no-repeat center top; color: #FFF; box-sizing: border-box; padding-top: 55px; height: 630px; }
.bottom h2 { text-align: center; font-size: 35pt; }
.bottom-layout { margin-top: 100px; width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 22pt; font-weight: 300; line-height: 1.5; }
.bottom-layout > tbody > tr > td { vertical-align: top; }
.bottom-layout > tbody > tr > td:nth-child(2) { width: 270px; }
.bottom-layout .hl { font-weight: bold; }
.bottom-layout .gap { margin-top: 60px; }
.bottom-layout .gap-2 { margin-top: 100px; }
.bottom a:hover, .bottom a:focus { text-decoration: underline; }
.bottom .copyright { font-size: 18pt; }

.services { font-size: 15pt; color: #393B3F; margin-top: 50px; }
@media (max-width: 1057px) { .services { padding-left: 8px; padding-right: 8px; } }
@media (max-height: 500px) { .services { padding-top: 40px; padding-bottom: 40px; } }
.services-layout { margin-left: auto; margin-right: auto; border-collapse: collapse; width: 100%; max-width: 1274px; }
.services-layout > tbody > tr > td { vertical-align: top; text-align: center; }
.services-layout > tbody > tr:not(:first-child) > td { padding-top: 32px; }
.services .title { font-size: 20pt; color: #002734; font-weight: 300; }
.services .price { color: #FF4849; font-size: 24pt; font-weight: bold; }
.services .currency { font-size: 44pt; vertical-align: middle; font-family: "Carlito", "Calibri", "Symbola", "Liberation Sans", "Arimo", "Arial", "Roboto", sans-serif; line-height: 1; }
.services .button-order { background: #FF4D4D; color: #FFF; border: none; padding: 15px 30px; border-radius: 3px; cursor: pointer; transition: background 300ms; }
.services .button-order:hover, .services .button-order:focus { background: #FFAF00; }
.services .button-order-invert { background: #FFAF00; }
.services .button-order-invert:hover, .services .button-order-invert:focus { background: #FF4D4D; }
@media (max-width: 1216px) { .services .button-order { font-size: 13pt; font-weight: normal; padding: 10px 8px; } }

.form-free { background: #D2EDEF url("../images/form-free.png") no-repeat center top; color: #484848; box-sizing: border-box; height: 700px; padding-top: 51px; font-size: 13pt; }
.form-free h2 { font-size: 40pt; color: #FF5E3B; font-weight: bold; }
.form-free .sub { font-weight: 300; }
.form-free form { width: 476px; margin: 66px auto 0 auto; padding-right: 173px; }
.form-free .form-line:not(:first-child) { margin-top: 17px; }
.form-free input, .form-free textarea { background: #FFF; color: #000; border: 1px solid #BDEFEB; border-radius: 11px; padding: 16px 15px; }
.form-free textarea { height: 68px; width: 100%; }
.form-free input[name="phone"] { margin-left: 28px; }
.form-free input[name="email"], .form-free input[name="phone"] { width: calc(50% - 14px); }
.form-free input[name="price"] { width: 184px; }
.form-free button { background: #FF5E3B; color: #FFF; border: none; border-radius: 12px; padding: 15px 49px; font-size: 15pt; cursor: pointer; transition: background-color 400ms; margin-left: 23px; }
.form-free button:hover, .form-free button:focus { background-color: #002E4C; }

.my-price { background: transparent url("../images/my-price.png") no-repeat 50% 15px; color: #272727; height: 441px; margin: 81px 0 0 0; }
.my-price-content { width: 618px; margin: 0 auto; padding-left: 302px; }
.my-price h2 { font-size: 40pt; color: #FF5E3B; font-weight: bold; text-align: left; }
.my-price .sub { font-weight: 300; font-size: 17pt; text-align: left; }
.my-price form { margin-top: 43px; padding-left: 144px; }
.my-price .form-line:not(:first-child) { margin-top: 17px; }
.my-price input, .my-price textarea { background: #FFF; color: #000; border: 1px solid #BDEFEB; border-radius: 11px; padding: 16px 15px; }
.my-price textarea { height: 68px; width: 100%; }
.my-price input[name="phone"] { margin-left: 8px; }
.my-price input[name="email"], .my-price input[name="phone"] { width: calc(50% - 4px); }
.my-price input[name="price"] { width: 286px; }
.my-price button { background: #FF5E3B; color: #FFF; border: none; border-radius: 12px; padding: 15px 49px; font-size: 15pt; cursor: pointer; transition: background-color 400ms; margin-left: 8px; }
.my-price button:hover, .my-price button:focus { background-color: #002E4C; }
.my-price .my-price-bottom-text { margin-top: 32px; font-weight: 300; font-size: 12pt; text-align: left; }
.humane, .humane-flatty { position: fixed; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 100000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.humane, .humane-flatty { font-family: Helvetica Neue, Helvetica, san-serif; font-size: 16px; top: 0; left: 30%; opacity: 0; width: 40%; color: #444; padding: 10px; text-align: center; background-color: #fff; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }

.humane p, .humane-flatty p, .humane ul, .humane-flatty ul { margin: 0; padding: 0; }

.humane ul, .humane-flatty ul { list-style: none; }

.humane.humane-flatty-info, .humane-flatty.humane-flatty-info { background-color: #3498db; color: #FFF; }

.humane.humane-flatty-success, .humane-flatty.humane-flatty-success { background-color: #18bc9c; color: #FFF; }

.humane.humane-flatty-error, .humane-flatty.humane-flatty-error { background-color: #e74c3c; color: #FFF; }

.humane-animate, .humane-flatty.humane-flatty-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.humane-animate:hover, .humane-flatty.humane-flatty-animate:hover { opacity: 0.7; }

.humane-js-animate, .humane-flatty.humane-flatty-js-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.humane-js-animate:hover, .humane-flatty.humane-flatty-js-animate:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
.blog, .blog > .cat-children, .blog > .items-row, .blog > .items-row > .item { box-sizing: border-box; display: table; width: 100%; }

.blog > .cat-children > ul > li { float: left; list-style: none; text-align: center; width: 33%; margin-bottom: 1em; }
.blog > .cat-children > ul > li:nth-child(3n + 1) { clear: left; }
.blog > .cat-children > ul > li > .item-image img { border: 3px solid #FFF; border-radius: 3px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15), -1px -1px 2px 0 rgba(0, 0, 0, 0.15); margin-bottom: 6px; vertical-align: top; }
.blog > .cat-children > ul > li > .item-title { font-size: 12pt; }
.blog > .cat-children > ul > li > .item-title > a { text-decoration: none; }
.blog > .cat-children > ul > li > .item-title > a:hover { text-decoration: underline; }
.blog > .items-row > .item { padding-top: 1em; }
.blog > .items-row.row-0 > .item { padding-top: 0; }
.blog > .items-row:not(.cols-1) > .item { float: left; margin-right: 1%; width: 32%; }
.blog > .items-row:not(.cols-1) > .item > .img-intro-left img, .blog > .items-row:not(.cols-1) > .item > .img-intro-right img, .blog > .items-row:not(.cols-1) > .item > .img-intro-none img { border: 3px solid #FFF; border-radius: 3px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15), -1px -1px 2px 0 rgba(0, 0, 0, 0.15); vertical-align: top; }
.menu-horizontal li { list-style: none; position: relative; }
.menu-horizontal li:hover > ul, .menu-horizontal li:focus > ul { display: block; }
.menu-horizontal li > :first-child:focus + ul { display: block; }
.menu-horizontal > li { display: inline-block; }
.menu-horizontal > li ul { display: none; position: absolute; }
.menu-horizontal > li > ul { left: 0; top: 100%; }
.menu-horizontal > li > ul ul { left: 100%; top: 0; }
.menu-horizontal > li li > :first-child { display: block; padding: .2em 1ex; }
.gallery .sectiontableheader { font-weight: bold !important; margin-top: 1em !important; }

.jg_subcatelem_txt > ul, .jg_catelem_txt > ul { margin: 0 !important; }
.jg_subcatelem_txt > ul > li, .jg_catelem_txt > ul > li { list-style: none; }
.jg_subcatelem_txt > ul > li > b, .jg_catelem_txt > ul > li > b { font-weight: normal !important; }

.jg_dtl_photo { margin-top: 1em; }
.qlform fieldset input, .qlform textarea, .qlform .captcha input, .qlform select, .qlform option { width: 100%; }
.qlform fieldset input[type="checkbox"] { width: auto; }
.qlform dd.submit, .qlform .submit-w { margin-top: 1em; }
.qlform textarea { height: 15em; resize: vertical; }
.qlform .message { margin-bottom: 1em; }
.qlform .additionalFields { margin-top: .5em; margin-bottom: .5em; }
.qlform .jform_sendcopy { display: inline-block; }
.menu-vertical li { list-style: none; position: relative; }
.menu-vertical li:hover > ul, .menu-vertical li:focus > ul { display: block; }
.menu-vertical li > :first-child:focus + ul { display: block; }
.menu-vertical > li ul { display: none; position: absolute; left: 100%; top: 0; }
.menu-vertical > li li > :first-child { display: block; padding: .2em 1ex; }
.wysiwyg-content p:not([class]):not(:first-child), .wysiwyg-content p.default-styles:not(:first-child) { margin-top: 1em; }
.wysiwyg-content ul:not([class]), .wysiwyg-content ul.default-styles, .wysiwyg-content ol:not([class]), .wysiwyg-content ol.default-styles { margin-top: 1em; margin-left: 3ex; }
.wysiwyg-content ul:not([class]) ul:not([class]), .wysiwyg-content ul:not([class]) ul.default-styles, .wysiwyg-content ul:not([class]) ol:not([class]), .wysiwyg-content ul:not([class]) ol.default-styles, .wysiwyg-content ul.default-styles ul:not([class]), .wysiwyg-content ul.default-styles ul.default-styles, .wysiwyg-content ul.default-styles ol:not([class]), .wysiwyg-content ul.default-styles ol.default-styles, .wysiwyg-content ol:not([class]) ul:not([class]), .wysiwyg-content ol:not([class]) ul.default-styles, .wysiwyg-content ol:not([class]) ol:not([class]), .wysiwyg-content ol:not([class]) ol.default-styles, .wysiwyg-content ol.default-styles ul:not([class]), .wysiwyg-content ol.default-styles ul.default-styles, .wysiwyg-content ol.default-styles ol:not([class]), .wysiwyg-content ol.default-styles ol.default-styles { margin-top: .5em; }
.wysiwyg-content ul:not([class]) > li:not(:first-child), .wysiwyg-content ul.default-styles > li:not(:first-child), .wysiwyg-content ol:not([class]) > li:not(:first-child), .wysiwyg-content ol.default-styles > li:not(:first-child) { margin-top: .5em; }
.wysiwyg-content td > :first-child:not([class]), .wysiwyg-content td > :first-child.default-styles, .wysiwyg-content th > :first-child:not([class]), .wysiwyg-content th > :first-child.default-styles { margin-top: 0; }
.wysiwyg-content a:not([class]), .wysiwyg-content a.default-styles { text-decoration: underline; }
.wysiwyg-content img { max-width: 100%; }
.wysiwyg-content blockquote:not([class]), .wysiwyg-content blockquote.default-styles { margin-top: 1ex; margin-left: 1ex; padding-left: 1ex; border-left: 2px solid #ddd; }
.wysiwyg-content a[href$=".doc"]:not([class])::before, .wysiwyg-content a[href$=".doc"].default-styles::before, .wysiwyg-content a[href$=".docx"]:not([class])::before, .wysiwyg-content a[href$=".docx"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/doc.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".xls"]:not([class])::before, .wysiwyg-content a[href$=".xls"].default-styles::before, .wysiwyg-content a[href$=".xlsx"]:not([class])::before, .wysiwyg-content a[href$=".xlsx"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/xls.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".pdf"]:not([class])::before, .wysiwyg-content a[href$=".pdf"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/pdf.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".txt"]:not([class])::before, .wysiwyg-content a[href$=".txt"].default-styles::before, .wysiwyg-content a[href$=".odt"]:not([class])::before, .wysiwyg-content a[href$=".odt"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/odt.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".zip"]:not([class])::before, .wysiwyg-content a[href$=".zip"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/zip.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".rar"]:not([class])::before, .wysiwyg-content a[href$=".rar"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/rar.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content a[href$=".ppt"]:not([class])::before, .wysiwyg-content a[href$=".ppt"].default-styles::before, .wysiwyg-content a[href$=".pptx"]:not([class])::before, .wysiwyg-content a[href$=".pptx"].default-styles::before { content: ""; display: inline-block; vertical-align: middle; background: transparent url("../../../media/media/images/mime-icon-32/ppt.png") no-repeat left top; height: 32px; width: 32px; margin-right: 4px; }
.wysiwyg-content > :first-child { margin-top: 0; }
.team h2 {
    font-size: 39pt;
    font-weight: 300;
}
.team .sub {
    margin-top: 31px;
    font-weight: 300;
    font-size: 17pt;
}
.team .sub-2 {
    margin-top: 10px;
    font-weight: 300;
    font-size: 17pt;
}

.team .chief {
    margin-top: 92px;
    font-weight: 300;
}

.team-layout {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 78px auto 0 auto;
    font-weight: 300;
}

.team-layout > tbody > tr > td:not(:last-child) {
    padding-right: 50px;
}

.team-layout > tbody > tr > td {
    vertical-align: top;
}

.team {
    color: #4D6167;
    padding: 0 8px;
    padding-bottom: 70px;
    font-size: 15pt;
    text-align: center;
}

.mobile-visible {
    display: none;
}

.howi-content {
    padding: 0 16px;
}

@media screen and (min-width: 720px) and (max-width: 999px) {
    .top {
        max-width: 100%;
    }
    .top > .limit-content {
        max-width: 768px;
    }
    .logo {
        max-width: 50%;
    }

    .logo img {
        max-width: 100%;
    }

    .why-us {
        padding: 20px 16px;
    }

    .why-us .picture img {
        max-width: 190px;
    }

    .why-us .title-1 {
        font-size: 240pt;
        line-height: 0.8;
    }

    .why-us .title-2 {
        font-size: 30pt;
    }

    .why-us .hl {
    font-size: 16pt;
    font-weight: bold;
}

    .services-layout img {
        max-width: 90%;
    }

    .my-price {
        background-position: right bottom;
    }

    .my-price-content {
        padding-left: 12%;
    }

    .team-layout > tbody > tr > td {
        padding: 10px 10px;
    }

    .mobile-visible {
        display: none;
    }
    
}

@media screen and (min-width: 480px) and (max-width: 719px) {
    .top {
        width: 100%;
    }

    .top .phone-call {
    width: 100%;
    text-align: center;
    float: none;
    }

    .top .phone-call {
    width: 100%;
    text-align: center;
}

    .top .logo {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}

    .top > .limit-content {
        width: 100%;
    }
    .logo {
        max-width: 70%;
    }

    .logo img {
        max-width: 100%;
    }

    .top h1 {
        font-size: 30pt;
        margin-top: 90px;
        white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
    }
    @keyframes type{
    from { width: 0; }
}
 
@-webkit-keyframes type{
    from { width: 0; }
}

    .top .order-button {
        font-size: 16pt;
    }

    .top .sub {
    font-size: 21pt;
}

    .mobile-visible {
        display: block;
        text-align: center;
    }

    .why-us-layout_mobile {
        display: inline-block;
        vertical-align: middle;
        max-width: 300px;
        padding: 20px;
    }

    .why-us-layout_mobile_five {
        display: block;
        max-width: 719px;
        min-width: 440px;
        text-align: center;
    }

    .why-us {
        padding: 20px 16px;
        height: auto;
        background:  #FF8C27 url("../images/why-us.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position:  center top;
    }

    .why-us .picture img {
        max-width: 190px;
    }

    .why-us .title-1 {
        font-size: 200pt;
        line-height: 0.8;
    }

    .why-us .title-2 {
        font-size: 30pt;
    }

    .why-us .hl {
    font-size: 16pt;
    font-weight: bold;
}

.why-us-layout {
    display: none;
}

.order-now h2 {
    font-size: 40pt;
    text-align: center;
}

.order-now .sub {
    font-size: 18pt;
    text-align: center;
}

.services-layout {
    display: none;
}

.services-layout_mobile {
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.services-layout_mobile div {
    padding: 10px 0;
}

.services .title {
    min-height: 65px;
}
    

    .my-price {
        background-position: right bottom;
        background: none;
        padding: 0 8px;
        height: auto;
    }

    .my-price-content {
        padding-left: 0;
        width:100%;
    }

    .my-price form {
        padding-left: 0;
    }

    .my-price button {
        margin-top: 10px;
    }

    .my-price .my-price-bottom-text {
        text-align: center;
    }

    .order-now .button {
        font-size: 20pt;
    }

    .team-layout, .chief {
        display: none;
    }

    .team-layout_mobile {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        max-width: 200px;
    }

    .dir {
        display: block;
        max-width: 719px;
        min-width: 420px;
        margin-top: 50px;
    }

    .form-free {
        height: auto;
        padding-bottom: 100px;
        position: relative;
        padding-top: 0px;
    }

    .form-free .limit-content {
        padding-top: 51px;
    }

    .mobile-visible_blue {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(210,237,239, 0.6)
    }

    .form-free form {
        padding: 0;
        max-width: 100%;
    }

    .bottom {
        height: auto;
        padding-top: 0;
        position: relative;
    }

    .bottom .limit-content {
        padding-top: 51px;
        padding-bottom: 100px;
    }

    .mobile-visible_orange {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255,152,23, 0.8)
    }

    .bottom-layout {
        font-size: 16pt;
    }

    .bottom-layout > tbody > tr > td:nth-child(2) {
    width: 10px;
}
    .hidden-form-layout {
     width: 100%;
 }
    .hidden-form-layout > tbody > tr > td > div {
        width: 100%;
    }

    #hidden-form .form-unit-group {
    width: 100%;
}

    #hidden-form h2 {
        font-size: 19pt;
    }

    #hidden-form .form-unit textarea {
        margin-top: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    .top {
        width: 100%;
    }

    .top .phone-call {
    width: 100%;
    text-align: center;
    float: none;
    }

    .top .phone-call {
    width: 100%;
    text-align: center;
}

    .top .logo {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}

    .top > .limit-content {
        width: 100%;
    }
    .logo {
        max-width: 90%;
    }

    .logo img {
        max-width: 100%;
    }

    .top h1 {
        font-size: 30pt;
        margin-top: 50px;
    }

    .top .order {
    position: absolute;
    left: 50%;
    bottom: 74px;
    }

    .top .sub_1 {
        padding: 5px 0;
        font-size: 17pt;
    }

    .top .order-button {
        font-size: 14pt;
        width: 270px;
        margin-left: -135px;
        padding: 21px 0;
    }

    .top .sub {
    font-size: 21pt;
}

    .mobile-visible {
        display: block;
        text-align: center;
    }

    .why-us-layout_mobile {
        display: inline-block;
        vertical-align: middle;
        max-width: 300px;
        padding: 20px;
    }

    .why-us-layout_mobile_five {
        display: block;
        max-width: 480px;
        min-width: 250px;
        text-align: center;
    }

    .why-us {
        padding: 20px 16px;
        height: auto;
        background:  #FF8C27 url("../images/why-us.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position:  center top;
    }

    .why-us .picture img {
        max-width: 190px;
    }

    .why-us .title-1 {
        font-size: 130pt;
        line-height: 0.8;
    }

    .why-us .title-2 {
        font-size: 25pt;
    }

    .why-us .hl {
    font-size: 16pt;
    font-weight: bold;
}

.why-us-layout {
    display: none;
}

.order-now h2 {
    font-size: 27pt;
    text-align: center;
}

.order-now .sub {
    font-size: 15pt;
    text-align: center;
}

.order-now .button {
    font-size: 16pt;
    border: 4px solid #F03E3D;
    padding: 10px 30px;
}

.trust h2 {
    font-size: 25pt;
}

.trust .sub {
    font-size: 20pt;
}

.trust .sub img {
    max-height: 42px;
}

.team h2 {
    font-size: 27pt;
}

.team .sub {
    font-size: 15pt;
}

.team .sub-2 {
    font-size: 15pt;
}

.services-layout {
    display: none;
}

.services-layout_mobile {
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.services-layout_mobile div {
    padding: 10px 0;
}

.services .title {
    min-height: 65px;
}
    

    .my-price {
        background-position: right bottom;
        background: none;
        padding: 0 8px;
        height: auto;
    }

    .my-price-content {
        padding-left: 0;
        width:100%;
    }

    .my-price form {
        padding-left: 0;
    }

    .my-price button {
        margin-top: 10px;
    }

    .my-price .my-price-bottom-text {
        text-align: center;
    }

    .team-layout, .chief {
        display: none;
    }

    .team-layout_mobile {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        max-width: 200px;
    }

    .dir {
        display: block;
        max-width: 480px;
        min-width: 250px;
        margin-top: 50px;
    }

    .form-free {
        height: auto;
        padding-bottom: 100px;
        position: relative;
        padding-top: 0px;
    }

    .form-free .limit-content {
        padding-top: 51px;
    }

    .form-free button {
        margin-left: 0;
        margin-top: 20px;
    }

    .mobile-visible_blue {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(210,237,239, 0.6)
    }

    .form-free form {
        padding: 0;
        max-width: 100%;
        margin-top: 21px;
    }

    .form-free input, .form-free textarea {
        font-size: 10pt;
    }

    .bottom {
        height: auto;
        padding-top: 0;
        position: relative;
    }

    .bottom h2 {
        font-size: 27pt;
    }

    .bottom .limit-content {
        padding-top: 51px;
        padding-bottom: 100px;
    }

    .mobile-visible_orange {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255,152,23, 0.8)
    }

    .bottom-layout {
        font-size: 16pt;
    }
    .bottom-layout a {
        font-size: 0.9em;
    }

    .bottom-layout > tbody > tr > td:nth-child(2) {
    width: 10px;
}

 .hidden-form-layout {
     width: 100%;
 }
    .hidden-form-layout > tbody > tr > td > div {
        width: 100%;
    }

    #hidden-form .form-unit-group {
    width: 100%;
}

    #hidden-form h2 {
        font-size: 19pt;
    }

    #hidden-form .form-unit textarea {
        margin-top: 10px;
    }
}

#dontgo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 12px; border-collapse: collapse; table-layout: fixed; background: rgba(0, 0, 0, 0.5); z-index: 15; }
#dontgo > tbody > tr > td { vertical-align: middle; }
#dontgo > tbody > tr > td > div {
	box-sizing: border-box;
	width: 644px;
	background-color: #004693;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/eu.png");
	background-image: url("../images/eu.png"), linear-gradient(to bottom, #004693, #004690);
	color: #FFF;
	border-radius: 4px;
	margin: 0 auto;
	position: relative;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 25px 43px 34px 43px;
	overflow-y: auto;
}
#dontgo .qlform { padding: 32px 0 0 0; }
#dontgo h2 {
	font-size: 36pt;
}
#dontgo input {
	width: 100%;
	border: none;
	border-radius: 3px;
	padding: 9px 8px;
	font-size: 11pt;
}
#dontgo .code {
	margin-top: 11px;
	border-radius: 3px;
	background: #FFF;
	padding: 9px 8px;
	font-size: 11pt;
	color: #000;
	text-align: center;
	font-weight: normal;
}
#dontgo .form-unit:not(:first-child) {
	margin-top: 18px;
}
#dontgo .submit-w {
	margin-top: 18px;
}
#dontgo .submit {
	background: #FFDF00;
	color: #3D3D3D;
	width: 100%;
	text-align: center;
	padding: 9px 0;
	box-shadow: none;
}
#dontgo .dt.jform_cb2name,
#dontgo .dt.jform_cb2phone,
#dontgo .dt.jform_cb2email,
#dontgo .dt.jform_cb2package
{
	display: none;
}
#dontgo .descr {
	margin-top: 28px;
}
#dontgo .callback-cancel { cursor: pointer; position: absolute; top: 0; right: 0; border-radius: 0 0 0 26px; box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3); padding: 0 3px 5px 8px; background: #FFF; color: #000; border: none; font-size: 16pt; }
.cms-message .close {
	display: none;
}

@media screen and (min-width: 960px) and (max-width: 1174px) {
	#dontgo > tbody > tr > td > div {
		width: 100%;
		background: linear-gradient(to bottom, #004693, #004690);
	}
	#dontgo .equal-cage-bottom > tbody > tr > td {
		display: block;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.langs {
	position: fixed;
	z-index: 49;
	top: 0;
	right: 0;
	background: #ff5e3b;
	color: #fff;
	padding: 8px 16px;
	border-bottom-left-radius: 8px;
	box-shadow: -2px 2px 2px 0 rgba(100,100,100,.3);
}
.langs a:hover,
.langs a:focus,
.langs .current {
	text-decoration: underline;
}
.portfolio {
	margin: 50px 0 0 0;
	text-align: center;
	font-size: 0;
}
.portfolio-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	transition: border-color 300ms ease-out;
	overflow: hidden;
	text-align: left;
}
.portfolio-item-bg {
	width: 100%;
	max-width: 480px;
	vertical-align: top;
}
.portfolio-item-title {
	display: block;
	box-sizing: border-box;
	font-size: 24pt;
	font-weight: bold;
}
.portfolio-item-type {
	display: block;
	box-sizing: border-box;
	margin-top: 20px;
	font-size: 16pt;
	font-style: italic;
}
.portfolio-item:hover,
.portfolio-item:focus {
	z-index: 1;
}
.portfolio-title {
	margin: 60px auto 0 auto;
	color: #fe5e3c;
	text-align: center;
	font-size: 34pt;
	font-weight: bold;
}
.portfolio-button {
	background: #f03e3e;
	color: #fff;
	font-size: 18pt;
	padding: 20px 52px;
	border: none;
	border-radius: 2px;
	transition: background-color 300ms ease-out;
}
.portfolio-button:hover, .portfolio-button:focus {
	background-color: #c23232;
}
.portfolio-button-decor {
	vertical-align: -.3em;
	margin-right: 12px;
}
.portfolio-item-description {
	opacity: 0;
	padding: 34px 40px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	transition: opacity 300ms ease-out;
}
.portfolio-item:hover .portfolio-item-description,
.portfolio-item:focus .portfolio-item-description {
	opacity: 1;
}
.portfolio-item-commands {
	display: block;
	margin-top: 120px;
}
.portfolio-item-decor-button {
	display: inline-block;
	background: #fe5e3a;
	color: #fff;
	padding: 15px 19px;
	border-radius: 2px;
	transition: background-color 300ms ease-out;
	font-size: 12pt;
	font-weight: bold;
}
.portfolio-item-decor-button:hover, .portfolio-item-decor-button:focus {
	background-color: #f03e3e;
}
@media (min-width: 1500px) {
	.portfolio-item { width: 25%; }
}
@media (min-width: 1000px) and (max-width: 1499.999px) {
	.portfolio-item { width: calc(100% / 3); }
	.portfolio-item-commands { margin-top: 35px; }
}
@media (min-width: 800px) and (max-width: 999.999px) {
	.portfolio-item { width: 50%; }
	.portfolio-item-commands { margin-top: 35px; }
}
@media (max-width: 799.999px) {
	.portfolio-item { display: block; max-width: 480px; margin-left: auto; margin-right: auto; }
	.portfolio-item:not(:first-child) { margin-top: 32px; }
	.portfolio-item-commands { margin-top: 35px; }
}