html { font-size:100%;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; }
strong, b { font-weight:700;}
em, i { font-style:italic;} 
a { color:#0a2b68; text-decoration: none;}
a:hover { color:#0a2b68; text-decoration: underline;}

body { padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:1rem; color:#252525; background:#e9e6e6;}
.body { padding:0; margin:0 auto; width:100%; max-width:1000px; position:relative;}

header { width:100%; float:left; background:#ffffff; max-height:70px;}
.logo { width:80%; float:left;}
.top-buttons { width:20%; float:left; text-align:right;}
.top-buttons a { display:inline-block; height:70px; background:#e7e7e7; width:50px; text-align:center; padding-top:17px;}
.top-buttons a:last-of-type { background:#fcda48}
header img { padding:0; margin:0;}

#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s;
 position: absolute; top:70px; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: #ffffff; z-index:20;}
#search-form.open { max-height: 50px;}
#search-form fieldset { position: relative; margin: 0 50px 0 0; padding: 0; border: none;}
#search-form input {display: block; height:50px;}
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; border-top:1px solid #e7e7e7; border-bottom:1px solid #ffffff;}
#search-form input[type="submit"] {position: absolute; bottom: 0; right: 0; width:80px; margin: 0; padding: 0; font-family: 'Jura', sans-serif; font-weight: 600; text-transform: uppercase;  color: #ffffff; background: #0a2b68; border: none; cursor: pointer; border-top:1px solid #e7e7e7; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff;}

.main-slider { padding:0; margin:0; width:100%; position:relative; z-index:2; min-height:400px; max-height:400px; overflow:hidden; float:left;}
.image-slider { width:100%; float:left; text-align:center;}
.image-slider img { display:block;}
.text-slider {width:394px; position:absolute; right:0; z-index:3; text-align:center; bottom:15px; min-height:200px; max-height:200px;font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; background:rgba(65,89,133,.85); -webkit-border-radius: 300px 300px 0 0; border-radius: 300px 300px 0 0;}
.text-slider p {padding:0; margin:.5rem 0;}
.main-slider .body { min-height:400px; max-height:400px;}

.bxslider { padding:0; margin:0; list-style:none;}
.bxslider li { width:100%;  min-height:400px; max-height:400px;}
.bx-wrapper {position: relative; margin: 0; padding: 0; *zoom: 1; width:100%;}
.bx-wrapper .bx-pager {position: absolute; bottom:15px; width: 100%; z-index:200;}
.bx-wrapper .bx-loading {min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat #bd3631; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #ffffff; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #415985; border:3px solid #415985; text-indent: -9999px; display: block; width:17px; height:17px; margin: 0 .1rem; outline: 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;  border:3px solid #000000;}

.text-slider h3 { padding:0 0 .5rem; margin:0; font-size:40px; font-size:2.5rem; font-weight:600;}
.text-slider p { text-transform:uppercase; font-size:1.250rem;font-weight:600;}
.text-slider a { color:#020202; text-decoration:none; position:absolute; bottom:15px; width:100%; left:0;}

.home-buttons { width:100%; float:left; padding:3rem 0; margin:0; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.250rem;}
.button { width:19.53%; display: inline-block; padding-left:.5rem}
.button:first-of-type { padding-left:0;}
.button a { color:#252525; text-decoration:none; transition:opacity .5s ease; display: block; background:#ffffff;}
.button a:hover { opacity:.6; text-decoration:none;}
.button .button-image { background:#fcda48; text-align:center; display:block; width:100%; padding:2.5rem 0;}
.button:nth-of-type(2n+1) .button-image { background:#c2fa56}
.button h4 { padding:0; margin:0; height:70px; display:table-cell; vertical-align:middle; padding-top:1rem; padding-left:1rem; position:relative;}
.button h4:before { content:''; position:absolute; top:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #fcda48;}
.button:nth-of-type(2n+1)  h4:before {border-top:16px solid #c2fa56;}

footer { width:100%; float:left; background:#ffffff; padding-bottom:2rem}
.bottom { width:100%; clear:both; color:#0a2b68; font-size:.75rem; padding-top:.5rem}
.copy { width:50%; float:left;}
.abc { width:50%; float:left; text-align:right}
.company-info { width:100%; background:#0a2b68; padding:2.5rem 0 1rem; line-height:2; color:#ffffff;}
.company-info a { color:#ffffff; text-decoration: underline;}
.company-info a:hover { color:#ffffff; text-decoration: underline;}
.company-info span { padding-right:2rem;}
.company-info .body { background: url(../img/company-info.png) no-repeat right bottom; clear:both; display:block;}

.main-home {width:100%; float:left; background:#ffffff; padding:2rem 0;}
.left-content { width:calc(100% - 300px); float:left; padding-right:3rem;}
.sidebar { width:300px; float:left;}

.banner { width:100%; float:left; padding-bottom:1.5rem;}
.job { width:100%; float:left; padding-bottom:1.5rem;}
.job h5 { padding:1rem 1.5rem .5rem; margin:0; background:#0a2b68; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform:uppercase; font-size:1rem;}
.job h5 a { color:#ffffff; text-decoration:none; border-bottom:1px solid #314d80; display:block; text-align:center; padding-bottom:.5rem}
.job-icon { width:100%; float:left; background:url(../img/job-icon.png) no-repeat center bottom #0a2b68; min-height: 80px; text-align:center;}
.job-info { width:100%; float:left; background:url(../img/job-bottom.png) no-repeat center bottom; padding-bottom:3.125rem; padding-top:1.5rem; text-align:center;}
.job-info h6 {padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform:uppercase; font-size:1rem}
.job-info p { padding:.5rem 0; margin:0}

.upcomming { width:100%; float:left; margin-bottom:2.8rem; border:1px solid #e9e6e6; padding-top:1.5rem}
.upcomming h1 { padding:0 0 .5rem; margin:0 0 2.5rem 1.5rem; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:2.5rem; color:#0a2b68; border-bottom:7px solid #0a2b68}

.upcomming table { padding:0; margin:0; border-collapse:collapse; width:100%;}
.upcomming table tr td { padding:.5rem 1rem}
.upcomming table tr td:last-of-type { width:15%; text-align:center;}
.upcomming table tr:nth-of-type(odd) td { background:#d3d9e3; color:#0a2b68}
.upcomming table tr td img { vertical-align:middle; margin:.5rem 1rem .5rem 0}
.upcomming table tr td a { display:block; border-right:1px solid #d3d9e3; color:#252525;}
.upcomming table tr:nth-of-type(odd) td a {border-right:1px solid #ffffff; color:#0a2b68}

.news { width:100%; float:left; margin-bottom:2.8rem; border:1px solid #e9e6e6; background:#e9e6e6}
.news h3 { padding:2rem 1rem; margin:0; background:#fcda48; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; position:relative;}
.news h3 a, .news h3 a:hover { color:#252525; text-decoration:none; border-bottom:1px dashed #252525; display:block; line-height:.5}
.news h3 strong { display:inline-block;background:#fcda48; position:absolute; padding:.1rem .5rem; left:.5rem}
.news h3 span {font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform:none; font-size:1rem; position:absolute; right:1rem;background:#fcda48;padding:0 .2rem .5rem;}
.news h3:after {content:''; position:absolute; bottom:-16px; left:1rem; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #fcda48; z-index:5}

.news-image { width:32%; float:left; position:relative;}
.news-image img { padding:0; margin:0; display: block; width:100%;}

.news-image .read-more { position:absolute; bottom:.5rem; width: auto; left:5%; background:rgba(255,255,255,.6); padding:.3rem .5rem; text-transform:uppercase; color:#252525; text-decoration:none;}
.news-image .read-more img { display:inline; vertical-align:middle; padding-left:.5rem; width:auto;}
.news-image .read-more:hover { color:#ffffff; text-decoration:none; background:rgba(10,43,104,.6)}

.news-content { width:68%; float:left; padding:1.5rem 1.5rem; line-height:1.35;}
.news-content h4 { padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; font-size:1rem;}
.news-content p { padding:0; margin:1.5rem 0 0;}
.news-content p span {background:#fcda48; display:inline-block; padding:.2rem .3rem; margin-right:.3rem;}

.comments { width:100%; float:left; margin-bottom:2.8rem; border:1px solid #e9e6e6; background:#e9e6e6}
.comments h3 { padding:2rem 1rem; margin:0; background:#baf93f; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; position:relative;}
.comments h3 a, .comments h3 a:hover { color:#252525; text-decoration:none; border-bottom:1px dashed #252525; display:block; line-height:.5}
.comments h3 strong { display:inline-block; background:#baf93f; position:absolute; padding:.1rem .5rem; left:.5rem}
.comments h3 span {font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform:none; font-size:1rem; position:absolute; right:1rem;background:#baf93f;padding:0 .2rem .5rem;}
.comments h3:after {content:''; position:absolute; bottom:-16px; left:1rem; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #baf93f; z-index:5}
.comments .news-content p span {background:#baf93f;}

.calendar { width:100%; float:left; padding: 2rem 0;}
.calendar h2 { padding:0 0 .5rem; margin:0 0 2.5rem 1.5rem; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:2.5rem; color:#0a2b68; border-bottom:7px solid #0a2b68}
.calendar table { padding:1.5rem; margin:0; width:100%; border-collapse:separate; background:#ffffff;}
.calendar table caption {width:100%; background:#fcda48; padding:1.5rem 1rem; text-align:center; position:relative;font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:2.5rem; line-height:.5}
.calendar table caption em { font-size:1.25rem; font-style:normal;}
.calendar table caption a:first-of-type { position:absolute; left:1rem; top:2rem}
.calendar table caption a:last-of-type { position:absolute; right:1rem; top:2rem}

.calendar table tr td { width:14.28%; text-align:center; padding:0;}
.calendar table thead tr td { text-transform:uppercase;}

.calendar table tr td em, .calendar table tr td a { display:block; padding:0; font-style:normal; min-height:50px; line-height:50px;}
.calendar table tr td a { background:#3b5586; color:#252525; text-decoration:none; position:relative;}
.calendar table tr td a span { position:absolute; bottom:0; line-height: normal !important; background:#3b5586; color:#ffffff; font-size:.75rem; text-transform:uppercase; padding:.5rem; width:200px; left:50%; margin-left:-100px; opacity:0; height:0; transition:all .5s ease; }
.calendar table tr td a span:after {content:''; position:absolute; bottom:-6px; left:50%; margin-left:-3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #3b5586; z-index:5}
.calendar table tr td a:hover span {bottom:60px;opacity:1; height: auto;}


.menu-wrapper { position: relative; z-index: 10; font-family: 'Jura', sans-serif; text-transform: uppercase; font-weight:600; font-size:1.25rem; width:100%; height:50px; float:left; background:#0a2b68}
.menu-wrapper .menu { margin: 0; padding-left: 0; list-style: none; position:relative;}
.menu-wrapper .menu > li { padding:0; display: inline-block;}
.menu-wrapper ul.menu, .menu-wrapper a.menu-link {}

.menu-wrapper a.menu-link { display: none;}

.menu-wrapper a { display: block; position: relative; padding:0 1rem; margin: 0 2.12rem 0 0; line-height:50px; color: #ffffff; text-decoration: none;}
.menu-wrapper li:last-of-type a { margin-right:0}
.menu-wrapper a:hover, .menu-wrapper a.active { background-color:#252525;}
.menu-wrapper .menu > .current-menu-item > a, .menu-wrapper .menu > .current-menu-ancestor > a { position: relative; z-index: 12;}

.menu-wrapper .sub-menu { padding:0; position: absolute; z-index:200; max-height: 0rem; overflow: hidden; list-style: none outside none; text-align: left;  text-transform: none; width:100%; background: url(../img/submenu-image.png) no-repeat right top #252525;}
.menu-wrapper .sub-menu li { display: block; font-weight:400;font-family: 'Open Sans', sans-serif; text-transform:none; font-size:1rem; background:url(../img/smenu.png) no-repeat left center; padding-left:30px; margin:.7rem 0}
.menu-wrapper .sub-menu li.active, .menu-wrapper .sub-menu li:hover { background:url(../img/smenu-a.png) no-repeat left center;}
.menu-wrapper .sub-menu a { margin: 0; white-space: nowrap; border: none; padding:0; display:block; background-color:transparent}
.menu-wrapper li:hover .sub-menu { max-height: 200px; transition: max-height 0.5s;}

body.nav_fixed .menu-wrapper { position: fixed; top: 0; z-index:50;}

.page-content {width:100%; float:left; padding:2rem 0 4rem;}
.path { width:100%; float:left; font-size:.688rem; text-transform:uppercase; border-bottom:1px solid #fcda48}
.path div { display:inline; width:auto; padding:0 .3rem; margin-right:.3rem}
.path div:first-of-type { background:#fcda48;}
.path a { color:#252525;}

.page-content h1 { padding:1rem 0 0; margin:0; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:2.5rem; float:left;}
.page { width:100%; float:left; padding-top:2rem;}
.page p { padding:0; margin:1rem 0 0; line-height:1.8}

.inner-sidebar { width:100%; background:#ffffff; float:left; padding:2rem 0;}
.inner-sidebar .inner-buttons { width:300px; float:left; padding-bottom:1.5rem;}
.inner-sidebar .banner { width:300px; float:left; padding-bottom:1.5rem; margin-left:50px;}
.inner-sidebar .upcomming  { width:300px; float:left; padding-bottom:1.5rem; margin-left:50px; border:0px solid #e9e6e6; padding-top:0rem}

.inner-buttons .button { width:100%; float:left; padding-left:0}
.inner-buttons .button .button-image { background:#c2fa56; text-align:center; width:33%; height:50px; padding:.5rem 0 0; float:left;}
.inner-buttons .button:nth-of-type(2n+1) .button-image { background:#fcda48}
.inner-buttons .button .button-image img { height:35px;}
.inner-buttons .button h4 { padding:0 0 0 1rem; margin:0; height:50px; width:67%; display:table-cell; vertical-align:middle; position:relative; font-family: 'Jura', sans-serif; text-transform: uppercase; font-weight:600; font-size:1rem;}
.inner-buttons .button h4:before { content:''; position:absolute; top:50%; left:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #c2fa56;}
.inner-buttons .button:nth-of-type(2n+1)  h4:before {border-left:10px solid #fcda48;}

.inner-sidebar .upcomming h4 { padding:0 0 .5rem; margin:0 0 1.5rem 1.5rem; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; color:#0a2b68; border-bottom:7px solid #0a2b68}

.upcomming table { padding:0; margin:0; border-collapse:collapse; width:100%;}
.inner-sidebar  .upcomming table tr td { padding:.5rem; vertical-align:top}
.inner-sidebar  .upcomming table tr td:last-of-type { width:85%; text-align: left;}
.inner-sidebar .upcomming table tr td img { vertical-align:middle; margin:.5rem 1rem .5rem 0; width:20px;}
.inner-sidebar .upcomming table tr td a { display:block; border-right:0px solid #d3d9e3; border-bottom:1px solid #d3d9e3; color:#252525;}
.inner-sidebar .upcomming table tr:nth-of-type(odd) td a {border-right:0px solid #ffffff; border-bottom:1px solid #ffffff; color:#0a2b68}

.partner { width:100%; float:left; margin-bottom:3rem;}
.partner h4, .course-form h4 { padding:0 0 .5rem; margin:0 0 1.5rem 2.5rem; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; color:#0a2b68; border-bottom:7px solid #0a2b68}

.cell { width:140px; height:140px; display: inline-block; background:#ffffff; border:1px solid #d4d4d4; vertical-align:top; margin-left:1.7rem; margin-bottom:1.7rem; position:relative;}
.cell:nth-of-type(6n+1) { margin-left:0}

.cell img { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}

.list-news { width:100%; float:left; border-bottom:15px solid #dadada; margin-bottom:1.5rem; position:relative;}
.list-news img { float:left; margin:0 1rem .5rem 0; width:10%}
.list-news a.read-more img { width:auto; float:right; vertical-align:middle; margin:.3rem 0 0 .5rem}
.list-news h3 { padding:0; margin:0; font-weight:400;font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size:1rem; }
.list-news h4 { padding:0; margin:0; font-weight:400;font-family: 'Open Sans', sans-serif; font-size:1rem; }
.list-news p.date span { background:#fcda48; padding: 0 0.2rem; display:inline-block;}
.list-news a.read-more { position:absolute; right:0; bottom:-6px; background:#dadada; padding:10px 10px 0 10px; text-transform:uppercase; color:#252525;}

.pages { padding:0 0 .5rem; margin:3rem 0 0; width:100%; border-bottom:2px solid #ffffff; float:left; text-align:center; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:2.5rem; position:relative;}
.pages a { width:55px; height:55px; -webkit-border-radius:50%; border-radius:50%; background:#e9e6e6; display:inline-block; margin:0 1rem;  line-height:55px; text-align:center;}
.pages a:first-of-type { position:absolute; left:0; bottom:1rem; width:auto; height:auto;border-radius:0; font-size:1.25rem; margin:0; line-height: normal}
.pages a:last-of-type { position:absolute; right:0; bottom:1rem;  width:auto; height:auto;border-radius:0; font-size:1.25rem; margin:0;  line-height: normal}
.pages strong {width:55px; height:55px; -webkit-border-radius:50%; border-radius:50%; background:#0a2b68; color:#ffffff; display:inline-block; margin:0 1rem; line-height:55px; text-align:center;}

.partner table { padding:0; margin:1.5rem 0 0; width:100%; border-collapse:collapse;}
.partner table tr td { background:#d3d9e3; border-bottom:2px solid #e9e6e6; padding:.5rem 1rem; color:#0a2b68; vertical-align:middle; text-align:left;}
.partner table tr td:first-of-type { width:80px}
.partner table tr td img { position:absolute; left:-.6rem; margin-top:-1.5rem}
.partner table tr td span { border-left:1px solid #ffffff; display:block; padding:1rem 0 1rem 1rem; height:100%;}

.styled-select {background: url(../img/select.png) no-repeat 100% center; height:3.5rem; overflow: hidden; width:100%;  background-color: #ffffff; border:1px solid #e9e6e6; margin-bottom:1rem;}
.styled-select select {background: transparent; border: none; font-size: 14px; height:3.5rem; padding: 5px 1rem; width: 105%; color: #252525; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; border: none;}
.styled-select select option { padding:5px 1rem}
.course-form { width:100%; float:left; margin-bottom:1.5rem;}
.course-form input[type=text] {width:48%; height:3.5rem; background:#ffffff;  border:1px solid #e9e6e6; margin-bottom:1rem; color: #252525; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; padding-left:1rem; margin-left:3.5%;}
.course-form input.f1.full[type=text] { width:100%; margin-left:0}
.course-form input[type=text]:nth-of-type(2n+1) { margin-left:0}
::-webkit-input-placeholder {opacity:1}
:-moz-placeholder { opacity:1}
::-moz-placeholder {opacity:1}
:-ms-input-placeholder {opacity:1}
.course-form input[type=submit] { width:100%; height:3.5rem; background:#252525; border:1px solid #e9e6e6; color: #ffffff; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem;}

.course-form textarea {width:100%; height:8.5rem; background:#ffffff;  border:1px solid #e9e6e6; margin-bottom:1rem; color: #252525; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; padding:1rem;}

.contact-info {
-webkit-columns: 2 29rem;
  -moz-columns: 2 29rem;
  columns: 2 29rem;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
   vertical-align:top;
   width:100%; float:left; margin-bottom:2rem;
}
.page .contact-info p { margin:0; margin:0 0 1.5rem;}
.map_contact {width:100%; clear:both; display:block; float:left; margin-bottom:1.5rem; border:1px solid #ffffff}
#map_div { width:100%; height:20rem; display:block;}
.contact-image {width:100%; clear:both; display:block; float:left; margin-bottom:1.5rem; border:1px solid #ffffff}

.product-image { width:300px; float:left; margin-top:1.5rem}
.product-info { width:calc(100% - 300px); float:right; padding-left:3rem;}
.product-image .pic { width:100%; position:relative; float:left; background:#ffffff;}
.product-image .pic .zoom { position:absolute; bottom:1rem; right:1rem;}

.price {  width:100%; float:left; background:#ced5e1; font-family: 'Jura', sans-serif; font-weight: 600; font-size:2.5rem; text-align:center; padding:.5rem 0}
.add {width:100%; float:left; position:relative; padding-bottom:2.5rem}
.add span { position:absolute; width:100%; text-align:center; bottom:0;}
.add span input[type=number] { width:3rem; background:#ffffff; border:1px solid #ced5e1; font-weight:400;font-family: 'Open Sans', sans-serif; font-size:1rem; margin-left:1rem}
.add button { padding:0 0 4rem 0; margin:0; width:100%; height:121px; background:url(../img/button-cart.png) no-repeat center top; font-family: 'Jura', sans-serif; font-weight: 600; font-size:1.25rem; text-align:center; border:none; color:#ffffff; text-transform:uppercase; vertical-align:top}

.box { width:23.5%; float:left; margin-left:2%; margin-bottom:1.5rem}
.box:nth-of-type(4n+1) { margin-left:0}
.cat-image { width:100%; background:#ffffff; float:left; text-align:center;}
.cat-image img { max-height:135px;}
.cat-title {width:100%; background:#fcda48; float:left; text-align:center; padding:1.5rem; position:relative;}
.cat-title.green { background:#c2fa56}
.cat-title a { color:#252525; text-decoration:none;}
.cat-title a:hover { text-decoration:underline;}
.cat-title:before { content:''; position:absolute; top:0; right:1rem; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #fff;}

.list-news { width:100%; float:left; border-bottom:15px solid #dadada; margin-bottom:1.5rem; position:relative;}
.list-news div span { float:left; padding:0 1rem 1rem 0; width:120px; background:#e9e6e6}
.list-news div span img { border:1px solid #ffffff; width:100px;}
.list-news div h4 { padding:0; margin:0; color: #0a2b68; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem; }
.list-news div h5 { padding:0 0 0 140px; margin:1rem 0 0 0; font-weight:400;font-family: 'Open Sans', sans-serif; font-size:1rem; background:#ffffff; }
.list-news a.read-more { position:absolute; right:0; bottom:-6px; background:#dadada; padding:10px 10px 0 10px; text-transform:uppercase; color:#252525;}

.list-news div { height:165px; overflow:hidden; transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}

.toggle { position:absolute; appearance:none; cursor:pointer; left:-100%; top:-100%;}

.toggle + label { position:absolute; cursor:pointer;  right:0; bottom:0px; background:#e9e6e6; text-transform:uppercase; color:#252525; -webkit-font-smoothing: antialiased; transition:all 500ms ease; width:100%; text-align:right;}
.toggle + label:after { content:"Повече"; background:url(../img/show.png) no-repeat right bottom; padding-right:2rem; padding-left:2rem; padding-top:1rem}
.toggle:checked ~ div { height: auto !important; overflow: auto; padding-bottom:3rem}
.toggle:checked + label:after { content:"Скрий";  background:url(../img/show.png) no-repeat right bottom; padding-right:2rem}

.course-form .radio-label { display: inline-block; position: relative; font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem;}
.course-form .radio-label:hover { cursor: pointer;}
.course-form input[type="radio"].radio { opacity: 0; position: absolute;}
.course-form input[type="radio"] + .radio-label:before { content: ''; background: #fff; border: 1px solid #fff; display: inline-block; width: 3rem; height: 3rem; margin-right: 1rem;  vertical-align: middle; cursor: pointer; text-align: center;}
.course-form input[type="radio"]:checked + .radio-label:before { box-shadow: inset 0 0 0 4px #fff; content:'•'; color:#252525; font-size:3rem; font-family:Arial, Helvetica, sans-serif; line-height:3rem; }
.course-form input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #fcda48;}
.course-form input[type="radio"] + .radio-label:empty:before { margin-right: 0;}
.course-form .checkbox-label, .course-form .radio-label { margin-bottom: 1em;}


.course-form span { padding-right:2rem}
.course-form .checkbox-label {display: inline-block; position: relative;  font-family: 'Jura', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1.25rem;}
.course-form .checkbox-label:hover { cursor: pointer;}
.course-form input[type="checkbox"].checkbox {opacity: 0; position: absolute;}
.course-form input[type="checkbox"] + .checkbox-label:before { content: ''; background: #fff; border: 1px solid #fff; display: inline-block; width: 3rem; height: 3rem; margin-right: 1rem;  vertical-align: middle; cursor: pointer; text-align: center;}
.course-form input[type="checkbox"]:checked + .checkbox-label:before {box-shadow: inset 0 0 0 4px #fff; content:'■'; color:#252525; font-size:3rem; font-family:Arial, Helvetica, sans-serif; line-height:2.5rem;}
.course-form input[type="checkbox"]:focus + .checkbox-label:before {outline: none; border-color: #fcda48;}
.course-form input[type="checkbox"] + .checkbox-label:empty:before { margin-right: 0;}

.table { width: 100%; max-width: 100%; margin-bottom: 4rem; border-collapse:collapse;}
.table > thead > tr, .table > tbody > tr, .table > tfoot > tr { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding:1rem;border-top: 0;   vertical-align: top; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.table > thead > tr > th { font-weight: 400; color:#252525; background:#fcda48;}
.table > tbody > tr > td { border-bottom:2px solid #ffffff; text-align:center;  vertical-align: middle; }

.table img { max-width:100px;}
.table > tbody > tr > td:nth-of-type(1) { text-align:left; padding-left:0}
.table > tbody > tr > td:nth-of-type(2) { text-transform:uppercase; text-align:left; font-size:.875rem}
.table > tbody > tr > td input[type=number] { width:3rem; background:#ffffff; border:1px solid #ced5e1; font-weight:400;font-family: 'Open Sans', sans-serif; font-size:1rem; margin-left:1rem}
a.del { display:block; background:#fcda48; text-align:center; color:#252525; padding:.3rem}

@media screen and (max-width:959px) {
.table > tbody > tr > td:nth-of-type(1) { text-align:left; padding-left:1rem}
a.del { display:inline-block; padding:.3rem 2rem}
.table-responsive-vertical > .table {margin-bottom: 0; background-color: transparent; }
.table-responsive-vertical > .table > thead, .table-responsive-vertical > .table > tfoot { display: none;}
.table-responsive-vertical > .table > tbody {display: block; }
.table-responsive-vertical > .table > tbody > tr { display: block; border: 2px solid #ffffff; margin-bottom: 1.6rem; }
.table-responsive-vertical > .table > tbody > tr > td { display: block; vertical-align: middle; text-align: right !important; background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.table-responsive-vertical > .table > tbody > tr > td[data-title]:before { content: attr(data-title); float: left; font-size: .688rem; text-transform:uppercase; font-weight: 400; color: #757575;}
.table-responsive-vertical.shadow-z-1 {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.table-responsive-vertical.shadow-z-1 > .table > tbody > tr {border: none; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }
}