@font-face { font-family: 'vag-black'; src: url('../fonts/vag-rounded-ce-black.woff2') format('woff2'), url('../fonts/vag-rounded-ce-black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'vag-bold'; src: url('../fonts/vag-rounded-ce-bold.woff2') format('woff2'), url('../fonts/vag-rounded-ce-bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'vag-light'; src: url('../fonts/vag-rounded-ce-light.woff2') format('woff2'), url('../fonts/vag-rounded-ce-light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'vag-thin'; src: url('../fonts/vag-rounded-ce-thin.woff2') format('woff2'), url('../fonts/vag-rounded-ce-thin.woff') format('woff'); font-weight: normal; font-style: normal; }
body { font-size: 16px; font-size: 1rem; }
h1,
h2,
h3 { font-family: 'vag-black'; }
a { transition: color 400ms ease-in-out; color: #ad8b2b; }
    a:hover { color: #987b26; }
#mainc { padding-top: 0; font-size: 1em; width: auto; }
    #mainc h1 { line-height: 1.2em; }
    #mainc h2 { font-size: 1.5rem; }
    #mainc h3 { font-size: 1.25rem; width: 100%;}
    #mainc dl.courses { margin-left: 1em; }
        #mainc dl.courses dt { width: 3.5em; }
        #mainc dl.courses + h2 { font-size: 1.25rem; }
    #mainc .info-icon { float: left; margin: 2px 10px 8px 0; }

@media (max-width: 640px) {
    .hidden-mobile { display: none !important; }
}

@media (max-width: 960px) {
    #header,
    #container,
    #footer,
    .footer { width: 92%; }
}

 .course blockquote {
            margin-left: 4rem;
            position: relative;
            font-size: 1.5rem;
            font-style: italic;
            line-height: 1.5;
            margin-bottom: 2rem;
          }
          .course blockquote::before {
            content: "„";
            position: absolute;
            left: -4rem;
            bottom: -1rem;
            color: #c19c30;
            font-weight: bold;
            font-size: 6rem;
          }

@media (max-width: 640px) {
    #header,
    #container,
    #footer,
    .footer { width: 94%; }
}

  @media (min-width: 640px) {
            .pull-left {
              float: left;
              margin: 0px 1em 1px 0px;
              max-width: 33%;
            }
          }

@media (max-width: 480px) {
    #header,
    #container,
    #footer,
    .footer { width: 96%; }
}

@media (max-width: 960px) {
    #header #main,
    #container #main,
    #footer #main,
    .footer #main { width: 100%; margin-left: 0; }
}

@media (max-width: 960px) {
    #flash { width: 100%; height: auto; }
}

@media (max-width: 960px) {
    #flash img { max-width: 100%; height: auto !important; position: relative; },

}

@media (max-width: 960px) {
    #flash img.ictpro_banner_2 { display: none; }
}

@media (max-width: 960px) {
    #main { width: 92%; margin-left: 4%; }
}

@media (max-width: 640px) {
    #main { width: 94%; margin-left: 3%; },
  
}

@media (max-width: 480px) {
    #main { width: 96%; margin-left: 2%; }
}

@media (max-width: 960px) {
    #main #mainc { padding-left: 0; width: auto; }
}

#header { position: relative; }

@media (max-width: 960px) {
    #header { text-align: center; }
}

#header .right { position: absolute; right: 0; top: 8px; }

@media (max-width: 960px) {
    #header .right { left: 0; width: 100%; }
}

#header .big { font-size: 1rem; }

@media (max-width: 960px) {
    #header h3 { width: 100%; margin-bottom: 10px; }
}

@media (max-width: 960px) {
    #header h3 span,
    #header h3 b { display: none; }
}

@media (max-width: 960px) {
    #header h3 .img { width: 200px; margin: 0 0 0 -100px; left: 50%; display: block; }
}

@media (max-width: 960px) {
    #langchooser { text-align: left; font-size: 12px; float: left; }
}

@media (max-width: 960px) {
    #login_link { text-align: right; font-size: 12px; float: right; padding-right: 0; background: none; line-height: 1; }
}

#search { position: absolute; bottom: 55px; right: 0; width: 220px; }

@media (max-width: 960px) {
    #search { position: relative; width: 50%; float: left; bottom: auto; margin: 5px 0 20px; }
}

#search input[type="image"],
#search input[type="submit"] { height: 30px; width: 30px; background: #ecac00 url('../images/ic_search.svg') no-repeat center center !important; }
#search input[type="text"] { height: 30px; box-sizing: border-box; width: 192px; font-size: .825rem; }

@media (max-width: 960px) {
    #search input[type="text"] { width: 100%; }
}

#mainmenu { display: table; width: 100%; margin-bottom: 4px; }

@media (max-width: 960px) {
    #mainmenu { width: 100%; position: fixed; display: block; left: 0; top: 0; margin: 0 0 0 -220px; width: 220px; height: 100%; background-color: #fff; z-index: 900; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-top: 22px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-sizing: border-box; }
}

#mainmenu li { display: table-cell; width: 1%; float: none; padding-left: 4px; }

@media (max-width: 960px) {
    #mainmenu li { display: block; width: 100%; border-bottom: 1px solid #eceded; text-align: left; }
}

#mainmenu li:first-child { padding-left: 0; }

@media (max-width: 960px) {
    #mainmenu li.selected a { background-image: none; background: #ecac00; color: #ffffff; }
}

#mainmenu li.selected a:hover,
#mainmenu li.selected a:focus { background-image: url('../images/border-gray-light-6-selected.png'); background-position: right bottom; }

@media (max-width: 960px) {
    #mainmenu li.selected a:hover,
    #mainmenu li.selected a:focus { background-image: none; background: #ecac00; color: #ffffff; }
}

#mainmenu li a { width: auto; display: block; font-size: 1rem; height: 32px; line-height: 32px; position: relative; background: url('../images/border-gray-light-6.png') no-repeat right bottom; }

@media (max-width: 960px) {
    #mainmenu li a { background: none; height: 36px; line-height: 36px; }
}

#mainmenu li a:hover,
#mainmenu li a:focus { background-image: url('../images/border-gray-light-6-hover.png'); background-position: right bottom; }

@media (max-width: 960px) {
    #mainmenu li a:hover,
    #mainmenu li a:focus { background-image: none; }
}

#mainmenu li a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #eceded; z-index: -1; }

@media (max-width: 960px) {
    #mainmenu li a:before { display: none; }
}

@media (max-width: 960px) {
    #headimg { width: 100%; }
}

#headimg .note p { font-size: 0.75rem; line-height: 1rem; }
#showmenu { display: none; }

@media (max-width: 960px) {
    #showmenu:checked + #showmenu_label { content: ""; position: fixed; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; }
}

@media (max-width: 960px) {
    #showmenu:checked + #showmenu_label span { z-index: 1; right: 10px; top: 25px; left: auto; background-color: #fff; transform: rotate(45deg); }
        #showmenu:checked + #showmenu_label span:nth-child(1) { transform: rotate(-45deg); }
}

@media (max-width: 960px) {
    #showmenu:checked + #showmenu_label + #mainmenu { margin: 0; box-shadow: 2px 0 3px rgba(0, 0, 0, 0.6); }
}

#showmenu_label { display: none; }

@media (max-width: 960px) {
    #showmenu_label { display: block; width: 46px; height: 38px; position: relative; float: right; transition: margin 0.5s ease-in-out; cursor: pointer; background-color: rgba(236, 172, 0, 0.5); box-sizing: border-box; }
}

@media (max-width: 960px) {
    #showmenu_label span { display: block; position: absolute; height: 4px; width: 36px; background: #846e39; opacity: 1; left: 5px; transform: rotate(0deg); transition: 0.25s ease-in-out; }
        #showmenu_label span:nth-child(1) { top: 6px; }
        #showmenu_label span:nth-child(2) { top: 17px; }
        #showmenu_label span:nth-child(3) { top: 28px; }
}

.footer { border-top: 1px solid #eceded; padding: 1rem 0 1.5rem; overflow: hidden; }

@media (max-width: 960px) {
    .footer { text-align: center; }
}

.copy { padding-left: 0; font-size: 12px; white-space: nowrap; }

@media (max-width: 960px) {
    .copy { white-space: normal; }
}

.social-icons { margin-right: 0; }

@media (max-width: 960px) {
    .social-icons { float: none; margin: 0 auto 10px; text-align: center; }
}

@media (max-width: 960px) {
    .social-icons a { display: inline-block; float: none; }
}

@media (max-width: 960px) {
    #menu { width: auto; display: block; float: none; }
}

@media (max-width: 960px) {
    #menu .menu1 { margin: 0 0 15px; }
}

#menu .menu1 ul li { margin-bottom: 1px; }
    #menu .menu1 ul li a { line-height: 1.2em; padding: 6px 6px 6px .75rem; }
#menu .menu1 #menuKurzy,
#menu .menu1 #menuCertifikace,
#menu .menu1 #menuKontakty { /*
			li {
				@media (max-width: @screen-md) {
					display: inline-block;
					margin: 0 2px 6px 0;
					line-height: 1;
				}

				&.selected {
					a {
						@media (max-width: @screen-md) {
							text-decoration: none;
							color: @orange;
						}
					}
				}

				a {
					@media (max-width: @screen-md) {
						background: none;
						color: @orange-dark;
						text-decoration: underline;
						display: inline-block;
						padding: 0;
						font-size: 13px;
						font-weight: normal;
					}
				}

				.children {
					display: inline;
				}
			}
			*/ }

@media (max-width: 960px) {
    #menu .menu1 #menuKurzy,
    #menu .menu1 #menuCertifikace,
    #menu .menu1 #menuKontakty { display: none; }
}

@media (max-width: 960px) {
    #menu .sectionrn,
    #menu .menu1 { margin: 0 0 15px; }
}

#menu .sectionrn > input[type="checkbox"],
#menu .menu1 > input[type="checkbox"] { display: none; }

@media (max-width: 960px) {
    #menu .sectionrn > input[type="checkbox"]:checked ~ .body,
    #menu .menu1 > input[type="checkbox"]:checked ~ .body { display: block; }
}

@media (max-width: 960px) {
    #menu .sectionrn > input[type="checkbox"]:checked ~ #menuKurzy,
    #menu .menu1 > input[type="checkbox"]:checked ~ #menuKurzy,
    #menu .sectionrn > input[type="checkbox"]:checked ~ #menuCertifikace,
    #menu .menu1 > input[type="checkbox"]:checked ~ #menuCertifikace,
    #menu .sectionrn > input[type="checkbox"]:checked ~ #menuKontakty,
    #menu .menu1 > input[type="checkbox"]:checked ~ #menuKontakty { display: block; }
}

#menu .sectionrn > input[type="checkbox"]:checked + .sectionrn-label:after,
#menu .menu1 > input[type="checkbox"]:checked + .sectionrn-label:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); top: 0; }
#menu .sectionrn > input[type="checkbox"] + .sectionrn-label,
#menu .menu1 > input[type="checkbox"] + .sectionrn-label { display: none; }

@media (max-width: 960px) {
    #menu .sectionrn > input[type="checkbox"] + .sectionrn-label,
    #menu .menu1 > input[type="checkbox"] + .sectionrn-label { display: block; background-color: #ECAC00; color: white; text-transform: uppercase; font-size: 1.2em; padding: .75rem .75rem .5rem; line-height: 1em; position: relative; cursor: pointer; }
}

@media (max-width: 960px) {
    #menu .sectionrn > input[type="checkbox"] + .sectionrn-label:after,
    #menu .menu1 > input[type="checkbox"] + .sectionrn-label:after { content: "»"; position: absolute; right: 6px; top: 8px; line-height: 26px; width: 24px; font-size: 26px; color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; }
}

#menu .sectionrn h2,
#menu .menu1 h2 { padding: .75rem .75rem .5rem; line-height: 1em; }

@media (max-width: 960px) {
    #menu .sectionrn h2,
    #menu .menu1 h2 { display: none; }
}

#menu .sectionrn .body,
#menu .menu1 .body,
#menu .sectionrn .menu-rychla-navigace-container,
#menu .menu1 .menu-rychla-navigace-container { padding: .75rem .75rem .5rem; position: relative; background: url('../images/border-gray-light.png') no-repeat right bottom; }

@media (max-width: 960px) {
    #menu .sectionrn .body,
    #menu .menu1 .body,
    #menu .sectionrn .menu-rychla-navigace-container,
    #menu .menu1 .menu-rychla-navigace-container { display: none; }
}

#menu .sectionrn .body:before,
#menu .menu1 .body:before,
#menu .sectionrn .menu-rychla-navigace-container:before,
#menu .menu1 .menu-rychla-navigace-container:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #eceded; background: #fefefe; z-index: -1; transition: all 500ms ease-in-out; }
#menu .sectionrn .body li,
#menu .menu1 .body li,
#menu .sectionrn .menu-rychla-navigace-container li,
#menu .menu1 .menu-rychla-navigace-container li { padding-bottom: .5rem; }
#menu .sectionrn .body td a,
#menu .menu1 .body td a,
#menu .sectionrn .menu-rychla-navigace-container td a,
#menu .menu1 .menu-rychla-navigace-container td a { display: block; padding-bottom: .5rem; }
#menu .sectionrn .menu-rychla-navigace-container,
#menu .menu1 .menu-rychla-navigace-container { margin-bottom: 15px; }

@media (max-width: 960px) {
    .fb-like-box.fb_iframe_widget { display: none; }
}

#navi { margin-left: .75rem; font-size: .825rem; }
    #navi .pbc { margin-right: 2px; }
.section h1,
.section h2 { color: #ecac00; background: none; text-transform: uppercase; font-size: 1.5rem; line-height: 1.5rem; padding: 0; margin: 0 0 .5rem; }
.section .body { background: none; padding: 0; }
.section p { margin: 0 0 1rem; text-align: inherit; line-height: 1.125rem; }
.section .text-columns { margin: 0; }
.section .text-column { width: 50%; padding: 0 1rem 0 0; margin: 0; box-sizing: border-box; }
    .section .text-column.last { padding: 0 0 0 1rem; }
#flash + .clear + .section .text-columns { display: table; border-collapse: separate; border-spacing: 1rem; margin: -1rem -1rem 0; }

@media (max-width: 640px) {
    #flash + .clear + .section .text-columns { display: block; margin: 0; }
}

#flash + .clear + .section .text-column { display: table-cell; float: none; position: relative; padding: 1.25rem 1.5rem 1rem; text-align: center; vertical-align: top; background: url('../images/border-gray-light.png') no-repeat right bottom; }

@media (max-width: 640px) {
    #flash + .clear + .section .text-column { display: block; width: 100%; margin: 0 0 15px; }
}

#flash + .clear + .section .text-column:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #eceded; z-index: -1; }
#flash + .clear + .section .text-column.last h2 { margin-top: 1.5rem; }
#flash + .clear + .section .text-column h2 { margin: 0 0 1rem; padding: 0 0 .5rem; font-size: 1.25rem; border-bottom: 1px solid #ecac00; }

@media (max-width: 960px) {
    .sections-columns { clear: both; float: none; width: 100%; }
}

.sections-columns .sections-column { box-sizing: border-box; }

@media (max-width: 960px) {
    .sections-columns .sections-column { clear: both; float: none; width: auto; margin: 0 0 25px; overflow: hidden; }
}

.sections-columns .sections-column:first-child { border-right: 1px solid #eceded; }

@media (max-width: 960px) {
    .sections-columns .sections-column:first-child { border: 0; width: auto; }
}

.section-new-courses table { font-size: 14px; }
.section-new-courses dt { display: none; }
.section-new-courses dd { font-weight: bold; }
.section-slider:nth-child(2) { margin-top: 15px; padding-top: 10px; border-top: 1px solid #eceded; }
.section-slider h2 { font-size: 1.125rem; }

@media (max-width: 960px) {
    .section-slider .slider.horizontal { width: 100%; }
}

@media (max-width: 960px) {
    .section-slider .slider ul { min-height: 60px; }
}

.section-slider .slider ul li { padding-left: 0; width: 417px; }

@media (max-width: 960px) {
    .section-slider .slider ul li { width: 96vw; font-size: 12px; min-height: 60px; }
}

.section-slider .slider ul li table { margin-left: 0; }

@media (max-width: 960px) {
    .section-slider .slider ul li table tbody tr td:nth-child(2) { text-align: right; }
}

@media (max-width: 960px) {
    .section-slider .slider ul.actual-courses li { line-height: 1.6em; }
}

.section-slider .slider ul.actual-courses li span { width: 132px; }

@media (max-width: 960px) {
    .section-slider .slider ul.actual-courses li span { width: 50%; text-align: right; }
}

@media (max-width: 960px) {
    .section-slider .slider ul.actual-courses li a { width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

@media (max-width: 960px) {
    .section-slider .slider-controls { opacity: .5; }
}

.courses-columns { margin: 0 -8px 0 -7px; }

@media (max-width: 960px) {
    .courses-columns { margin: 0; }
}

.course-category .icon { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 32px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0; opacity: .6; transition: opacity 500ms ease-in-out; }
.courses-column { position: relative; padding: 1rem; margin: 0 7px 15px 8px; vertical-align: top; background: url('../images/border-gray-light.png') no-repeat right bottom; box-sizing: border-box; width: 300px; min-height: 210px; }

@media (max-width: 960px) {
    .courses-column { width: calc(50% - 15px); }
}

@media (max-width: 480px) {
    .courses-column { width: 100%; margin: 0 0 15px 0; min-height: auto; }
}

.courses-column:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #eceded; background: #fefefe; z-index: -1; transition: all 500ms ease-in-out; }
.courses-column:hover:before { background: #f4f4f4; }
.courses-column:hover .course-category .icon { opacity: 1; }
.courses-column:nth-child(6) { padding-bottom: .5rem; }
    .courses-column:nth-child(6) .courses ul:first-child { width: 55%; }
    .courses-column:nth-child(6) .courses ul:last-child { width: 45%; }
.courses-column:nth-child(12) { padding-bottom: .5rem; }
.courses-column.first { padding: 1rem; width: 300px; clear: both; }

@media (max-width: 960px) {
    .courses-column.first { width: calc(50% - 15px); clear: none; }
}

@media (max-width: 480px) {
    .courses-column.first { width: 100%; }
}

.courses-column .course-category { position: relative; margin: 0 0 1rem; padding-top: 44px; font-size: 1.125rem; display: block; font-family: 'vag-black'; text-align: center; }
.courses-column .courses ul { width: 50%; }
    .courses-column .courses ul li { display: table-row; }
        .courses-column .courses ul li a { font-size: 13px; }
#main p.course_info { line-height: 1.5em; }
#main .course_term { background: none; padding-left: 0; float: none; color: #846e39; font-family: 'vag-black'; font-size: 1.25rem; }
    #main .course_term + br { display: none; }
        #main .course_term + br + br { display: none; }
.TermTabl { font-size: .75rem; }

@media (max-width: 960px) {
    .TermTabl { font-size: .725rem; }
}

.TermTabl .TermRadek td { text-transform: none; }
   /* .TermTabl .TermRadek td table td:last-child { max-width: 50px; line-height: 1.3em; }*/
    .TermTabl .TermRadek td svg { display: inline-block; vertical-align: middle; fill: #fff; margin: -3px 0 0; }
    .TermTabl .TermRadek td small { text-transform: uppercase; color: #d60000; display: block; margin: -5px 0 -30px; }
.course .req { overflow: hidden; background-color: #ececed; font-size: .825rem; margin-bottom: 1.5rem; }

@media (max-width: 960px) {
    .course .req { font-size: .725rem; }
}

.KurzPopis { background: none; position: relative; font-weight: bold; }
    .KurzPopis:before { content: "•"; position: absolute; left: 7px; top: 0; font-size: 1rem; }
.Subpopis li { position: relative; margin: 5px 0; }
    .Subpopis li:before { content: "-"; position: absolute; left: -8px; top: -1px; opacity: .5; }

@media (max-width: 960px) {
    .PnlRefItem { padding-left: 0; }
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
select { padding: 4px 8px; margin: 0 0 5px; }
input[type="submit"] { display: block; background-color: #ecac00; color: #fff; font-size: 1rem; font-weight: bold; margin: 10px 0 5px; padding: 0 1rem; height: 28px; line-height: 28px; border: 0; outline: 0; cursor: pointer; transition: all 0.5s ease-in-out; }
    input[type="submit"]:hover { background-color: #c38e00; }
#ctl00_MainContent_tbrLogin input[type="submit"] { margin: 0 0 5px; }

@media (max-width: 640px) {
    #ctl00_MainContent_tbrLogin td { display: block; width: 100%; }
}

@media (max-width: 640px) {
    #ctl00_MainContent_tbrLogin td input { width: 100%; }
}

#mainc table hr { border-color: #eceded; }
#mainc table td h2 { font-size: 1.25rem; }

@media (max-width: 480px) {
    #mainc table td input[id^=ctl00_MainContent_tb] { max-width: 160px; }
}

#articleList h2 { font-size: 1.25rem; line-height: 1.5rem; }
#articleList p { font-size: .825rem; }
#articleList .row { font-size: .75em; }
.widget_wysija_cont form { padding: .75rem .75rem .5rem; }
    .widget_wysija_cont form .wysija-paragraph { margin-bottom: 0; }
#contacts #main h3 { font-size: 1.25rem; }

@media (max-width: 768px) {
    #contacts #main .columns .column { float: none; width: auto; margin-left: 0; }
}

.order-progress { display: block; margin: 0 0 25px; padding: 0; list-style: none; counter-reset: item; overflow: hidden; display: flex; flex-wrap: wrap; }

@media (min-width: 640px) {
    .order-progress { flex-wrap: nowrap; }
}

.order-progress__item { counter-increment: item; float: left; flex: 1 1 auto; height: 36px; position: relative; padding: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

@media (min-width: 640px) {
    .order-progress__item { border-bottom: 0; }
}

.order-progress__item:last-child { border-right: 0; }
.order-progress__item:before { content: counter(item); position: absolute; left: 4px; top: 10px; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; color: #fff; background-color: #acabab; font-size: .75rem; }

@media (min-width: 640px) {
    .order-progress__item:before { left: 6px; top: 6px; width: 24px; height: 24px; line-height: 24px; font-size: 14px; }
}

.order-progress__item--selected:before { background-color: #cd9600; }
.order-progress__item--selected .order-progress__title { background-color: #ecac00; color: #fff; }
.order-progress__item--active:before { background-color: #967d41; }
.order-progress__item--active:hover .order-progress__title { text-decoration: underline; }
.order-progress__item--active .order-progress__title { text-decoration: none; background-color: #846e39; color: #fff; }
.order-progress__title { display: block; background-color: #8c8d8e; color: rgba(255, 255, 255, 0.8); height: 36px; line-height: 36px; padding: 0 6px 0 26px; font-size: .825rem; }

@media (min-width: 640px) {
    .order-progress__title { font-size: 14px; padding: 0 10px 0 36px; }
}

.order-progress__title:hover { color: #fff; }
.order-table { width: 100%; margin: 0 0 15px; }

@media (max-width: 640px) {
    .order-table tr { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eceded; }
}

.order-table tr:hover td { background-color: rgba(236, 172, 0, 0.1); }
.order-table tr th,
.order-table tr td { padding: 5px 10px; vertical-align: middle; transition: background-color 0.3s ease-in-out; }

@media (max-width: 640px) {
    .order-table tr th.text-right,
    .order-table tr td.text-right { text-align: left; }
}

.order-table tr th input:not(type['checkbox']),
.order-table tr td input:not(type['checkbox']) { max-width: 320px; }

@media (max-width: 640px) {
    .order-table tr th input:not(type['checkbox']),
    .order-table tr td input:not(type['checkbox']) { width: 96%; }
}

.order-table tr th textarea,
.order-table tr td textarea { font-family: Arial, sans-serif; width: 100%; height: 80px; }
.order-table tr th { background-color: #846e39; color: #fff; font-weight: normal; text-align: left; }

@media (max-width: 640px) {
    .order-table tr th { display: none; }
}

.order-table tr td { white-space: nowrap; border-bottom: 1px solid #eceded; }

@media (max-width: 640px) {
    .order-table tr td { display: block; border-bottom: 0; }
}

.order-table tr td svg { vertical-align: middle; display: inline-block; margin: -5px 0 0 4px; }
.order-table--sm { width: auto; }

@media (max-width: 640px) {
    .order-table--sm { width: 100%; }
}

@media (max-width: 640px) {
    .order-table--sm tr { margin-bottom: 0; padding-bottom: 0; }
}

.order-table--sm tr:hover td { background: none; }
.order-table--sm tr td { border-bottom: 0; }
.order-table--xs { width: auto; }

@media (max-width: 640px) {
    .order-table--xs { width: 100%; }
}

@media (max-width: 640px) {
    .order-table--xs tr { margin-bottom: 2px; padding-bottom: 0; border-bottom: 0; }
}

.order-table--xs tr:hover td { background: none; }
.order-table--xs tr td { border-bottom: 0; padding: 0 10px 0 0; }

@media (max-width: 640px) {
    .order-table--xs tr td { padding: 0 10px 5px 0; }
}

.order-table--users { width: auto; }

@media (max-width: 640px) {
    .order-table--users { width: 100%; }
}

.order-table--users tr:hover td { background: none; }
.order-table--users tr td { border-bottom: 0; padding: 0 10px 15px 0; }
    .order-table--users tr td:last-child { padding-right: 0; }

@media (max-width: 640px) {
    .order-table--users tr td { padding: 0 0 5px 0; }
}

.order-table--users tr td label { display: block; margin: 0 0 2px 0; }
.order-table--users tr td input { display: block; width: 100%; max-width: none; box-sizing: border-box; }
.order-table--notes { margin: 25px 0 5px; }
    .order-table--notes tr { border: 0; }
        .order-table--notes tr:hover td { background: none; }
        .order-table--notes tr td { border-bottom: 0; padding: 0 10px 15px 0; }
            .order-table--notes tr td:last-child { padding-right: 0; }
            .order-table--notes tr td textarea { display: block; width: 100%; max-width: none; box-sizing: border-box; min-width: 300px; padding: 10px; }
            .order-table--notes tr td label { margin: 0 0 5px; display: block; }
            .order-table--notes tr td input[type="checkbox"] + label { margin: 0; display: inline-block; }
.order-table-guaranteed svg { fill: #6bb34c; }
.order-table-sale { font-weight: bold; }
    .order-table-sale small { color: #d60000; display: inline-block; text-transform: uppercase; margin: 0 6px 0 0; font-weight: normal; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.order-btn { display: block; padding: 9px 10px 7px; background-color: #ecac00; border: 0; color: #fff; text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; transition: all 0.3s ease-in-out; }
    .order-btn:hover { background-color: #846e39; color: #fff; }
    .order-btn svg { vertical-align: middle; fill: #fff; display: inline-block; margin: 0 6px 0 0; }
.order-btn--sm { font-size: 14px; padding: 6px 10px; display: inline-block; }
.order-btn--main { color: #fff !important; }
    .order-btn--main svg { margin: -2px 6px 0 0; }
.order-btn--next,
.order-btn--back { display: inline-block; font-size: 15px; padding: 9px 15px 8px 15px; }

@media (min-width: 640px) {
    .order-btn--next,
    .order-btn--back { font-size: 18px; }
}

.order-btn--next svg,
.order-btn--back svg { margin: -2px 0 0 0; }
.order-btn--back { background-color: #846e39; font-weight: normal; }
    .order-btn--back svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
#main h3.order-title--h3 { width: 100%; min-height: 0; margin: 10px 0 10px; border-top: 1px solid #eceded; padding-top: 10px; }
    #main h3.order-title--h3 small { display: block; font-weight: normal; font-family: Arial, sans-serif; font-size: 12px; }
.hidden { display: none; }