a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

label[class*="required"]:after{content: "*"; display: inline-block; vertical-align: top; margin-left: 4px; color: #e74c3c;}
.modal-dialog {color: #000;}
.content-wrap {background: url(../img/bg-top.jpg) no-repeat center top; padding-top: 85px;}
.all-content {background: url(../img/bg-bottom.jpg) no-repeat center bottom;}
header.top-nav {position: fixed; top: 0; left: 0; width: 100%; background: #222222; z-index: 999; height: 85px;}
header.top-nav .logo{float: left; margin-left: 20px; margin-top: 14px;}
header.top-nav .logo img{display: block; width: 100%;}
header.top-nav .social{float: right;}
header.top-nav .social ul{list-style: none; padding: 0; margin: 0;}
header.top-nav .social ul li{list-style: none; padding: 0; margin: 0; float: left;}
header.top-nav .social ul li a{line-height: 85px; color: #9ba0a2; text-decoration: none; display: block; font-size: 23px; padding: 0 10px;}
header.top-nav .social ul li a:hover{color: #fff;}
header.top-nav .search{float: right; padding: 8px 0; }
header.top-nav .search .srch-form{display: none; position: absolute; left: 0; width: 100%; top: 0; z-index: 1;}
header.top-nav .search .close {position: absolute; color: #9ba0a2; opacity: 1; top: 50%; font-size: 23px; margin-top: -13px; left: 10px; text-shadow: 0 1px 0 #000;}
header.top-nav .search .srch-form form{margin-right: 199px; position: relative;}
header.top-nav .search .srch-form form input{border-radius: 0; margin: 0; line-height: 85px; height: auto; padding: 0 10px 0 40px; border: 0px solid #9ba0a2; background: #222222; color: #9ba0a2; font-size: 23px; outline: none;}
header.top-nav .search .srch-form form button{position: absolute; right: -80px; top: 0; font-size: 23px; color: #9ba0a2; display: block; cursor: pointer; line-height: 85px; padding: 0 0px; text-align: center; width: 80px; margin: 0; background: #222222; border: 0px solid #9ba0a2; outline: none;}
header.top-nav .search .srch-form form button:focus, header.top-nav .search .srch-form form input:focus {border: 0px solid #aaa; -moz-box-shadow: 0 0 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .2); box-shadow: 0 0 0px rgba(0, 0, 0, .2);}
header.top-nav .search .srch-trigger{font-size: 23px; color: #9ba0a2; display: block; cursor: pointer; line-height: 69px; border-left: 1px solid #9ba0a2; margin-left: 15px; padding: 0 30px;}
header.top-nav .search .srch-trigger:hover {color: #fff;}
header.top-nav .menu-trigger{float: right; background: #f60856; line-height: 85px; padding: 0 18px; font-size: 23px; font-weight: 700; cursor: pointer;}/* menu *//* General styles for all menus */
.cbp-spmenu {background: #222222; position: fixed; padding-top: 85px; width: 240px; height: 100%; top: 0; z-index: 998; overflow: auto;}
.cbp-spmenu nav {}
.cbp-spmenu nav ul {list-style: none; padding: 0; margin: 0;}
.cbp-spmenu nav ul li {list-style: none; padding: 0; margin: 0;}
.cbp-spmenu nav ul li a {display: block; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; line-height: normal; border-bottom: 1px solid #fff; padding: 10px 20px;}
.cbp-spmenu nav ul li a:hover {background: #f60856;}
.cbp-spmenu-left {left: -240px;}
.cbp-spmenu-right {right: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0;}
.cbp-spmenu-push-toleft {left: -240px;}/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-nav {margin-top: 80px;}
.footer-nav .f-logos {max-width: 640px; margin: auto auto;}
.footer-nav .f-logos span{float: left; width: 30%; text-align: center; padding: 0 5px;}
.footer-nav .f-logos span.lft{text-align: left;}
.footer-nav .f-logos span.mid{width: 40%; padding-top: 10px;}
.footer-nav .f-logos span.rght{text-align: right; padding-top: 8px;}
.footer-nav .f-logos span img{width: auto; max-width: 100%; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: 1; webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.footer-nav .f-logos span img:hover {filter: none; opacity: 1; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);}
.footer-nav .more-options{max-width: 640px; margin: auto auto; margin-top: 30px;}
.footer-nav .more-options .row{display: table-row; height: 100%; table-layout: fixed;}
.footer-nav .more-options .row .cust-col{border-left: 1px solid #d4d6d7; display: table-cell; height: 100%; float: none;}
.footer-nav .more-options .row .lft-col{border-left: 0px solid #d4d6d7; vertical-align: middle; text-align: center; width: 30%;}
.footer-nav .more-options .row .rght-col{width: 40%;}
.footer-nav .more-options img{width: auto; max-width: 100%;}
.footer-nav .more-options h5{color: #f60856; font-size: 18px; font-weight: 700; margin: 0; padding: 5px 10px;}
.footer-nav .more-options .txt{font-size: 18px; color: #d4d6d7; padding: 5px 10px;}
.footer-nav .more-options .ml{}
.footer-nav .more-options .npt{padding: 5px 10px; position: relative; padding-left: 55px;}
.footer-nav .more-options .npt label{float: left; font-size: 18px; font-weight: normal; color: #d4d6d7; margin: 0; padding: 0; position: absolute; left: 10px;}
.footer-nav .more-options .npt input{width: 100%; padding: 0; margin: 0; background: none; border: 0; border-bottom: 1px solid #d4d6d7; color: #d4d6d7; outline: none;}
.footer-nav .more-options .act{padding: 5px 10px;}
.footer-nav .more-options .act .lft{float: left;}
.footer-nav .more-options .act .lft input{float: left; padding: 0; margin: 6px 5px 0 0;}
.footer-nav .more-options .act .lft a{font-size: 16px; color: #f60856;}
.footer-nav .more-options .act button{float: right; margin: 2px 0 0 0; padding: 0; font-size: 16px; color: #f60856; background: none; border: none; outline: none;}
.footer-nav .f-bar {margin-top: 40px; background: #222222; background: rgba(34, 34, 34, 0.8); padding: 30px 20px;}
.footer-nav .f-bar .menu{text-align: center; font-size: 14px; color: #fff;}
.footer-nav .f-bar .menu ul{list-style: none; padding: 0; margin: 0;}
.footer-nav .f-bar .menu ul li{list-style: none; padding: 0 0px 0 10px; margin: 0; display: inline-block;}
.footer-nav .f-bar .menu ul li + li:before {content: "|"; display: inline-block; color: #fff; text-decoration: none; padding-right: 10px;}
.footer-nav .f-bar .menu ul li a{font-size: 14px; text-decoration: none; color: #fff;}
.footer-nav .f-bar .copyright{font-size: 14px; color: #fff; margin-top: 10px; text-align: center;}
.footer-nav .f-bar .copyright > div{display: inline-block;}
.footer-nav .f-bar .copyright a{font-size: 14px; text-decoration: none; color: #fff;}
.footer-nav .f-bar .copyright a.logo{float: right; margin-left: 10px; text-indent: -9999px; overflow: hidden; width: 104px; height: 18px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAASCAYAAAC3pZsGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwODFCMUZFODM5MTExRTVCRThDOUNCREFFRUM4MEVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwODFCMUZGODM5MTExRTVCRThDOUNCREFFRUM4MEVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA4MUIxRkM4MzkxMTFFNUJFOEM5Q0JEQUVFQzgwRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA4MUIxRkQ4MzkxMTFFNUJFOEM5Q0JEQUVFQzgwRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51hPJCAAAEyElEQVR42sxZi3HbOBDFaVwAU0GYCoJUcHQFkioQXUGkCkxVwLgCShXQqYBUBaIrIK8CsgMd6Xl7824DUFDiTIyZHUkguFjs5+1iZS6Xi1EUj5SP1F5+HOeR0pEix3tCFa3v1dpE8Utm+MzRJGMxUkZz2cU/WqyPPHKYd0QJdPj6e2H+P7YjnfEZjzSMVIOm73akAmusuT4irH/LMfFrR0pveCfG+tK83zHJWIESmVyog+dQ6vNIX0b6MNI9SL7XYDYZaRWw8SpwXegINcwBNNBcEuhYf8pAiZ5cUOTIwR9GWpP3i1Un43Uw0p6MagO9Pg5Q/GT0C5F2gkq9s3HMyTjiLHtHVPuGRZRdFOmIzZW3V2qtdaBIT2t6pZMUPI06ay543gOLU2BfMYPnmVpTzeQgHtVMDprLHyyXb7h4bMH/rOatJwdFpAffSDx51nVW4Xme4Sc52nf+yqAgmEYZYBxWmByoCDSQ7KEPHKs5SeaFSvIu3i0pIwuQu50pEix49SSbVnDmkePsMJSBk7Ax5LxcgOXQ59lh5PyOIGSPcA3B+A3w/cOVdTVhv/HkIg2RAyBX47MFvF4UjGWBGN8Bun2jAX8LeTeB0NwgX6eOgmipzpXQdz7/DvIxXE+ymDuq1hoHDmrFHaCU5obk94BcEs0kR11J+irCW8aO5BwCZI6gIKvOPFzZ+zs5wLUi4PHWyuGOvMB4Ev4AJT//ZHXS4f1yxgO1QTtSyuBZZwI8u76xOuTzr3Hm0CuF7+xaD6LnxhFNxlfFhdxlil8Q9HnGwLU6yFdAwSOMWuFzcBzoKyqitxiRp/r8lbL8qCJoA9jjKnDjeXdyjGqhIqeZEV7K4PYG3NeR4fOWNT2zMI4lg9wrY7Nc0RvdbXS0lTgzy/z3T/A8qCjdqijf03edm14hrqHEeJzJAewJH8nD/hnpGzGfeJwcIT7AEIkDAiTRTkXEZ+wxPXtxXDZ3mF9i/oU6Hj54cUHP3qHMe/AVCHrBfOqIjJMyrIunOOYR5xYDn7D+oPRzj4iyeH7iUjC0XJXanUvV+A17Uek76439UVrAih0svAV87TxwNHnLJ3h4SS2VTsFOQpgufAWKYk9ro1TPNZ/I1QpRZXwKihwwKGX+9go66L1W0Il1nNGqFLAieSLiGavrgiF9RJ5nr/v/NVmJ2hUGcLUjBgkMUJMhSzyXu8OgWhQdbdKgFF2S8F+o7ydlbAxjT3s+YY8D5h/AV997IuQrkfU73T8EciLKaTXg5RvJuoZyD2S8JfUkxWme6L1ElcyW4GpFsP0CWNvR3Up4PYKf3IMK6OJE+9caWnq6cW/pNp3geaVuz9YRli1BZUvzPToJK2qpl7hJG/os8W5B8y3tfwYP7lz0mI+oGyKtpRK/S4esOajHeTPaY0udhAyfifpLoMWznOZb/I4hZ4m1ct4U6wrqNshfJxb7/Le/RBB7QkhpeZiBwYwSONf+ciuXqJFC4InuGw2Kjo6iVhqYHZ6vwLOmKOoRCTlF7xN+17Tn2tHFqIACEtFHeLrIWBMM7anSPYOfQHVG0C/vNgSxteok7OmfAX2NkOZBrA3EmL50GOrkyDnmSnf41gtm6H1loNzVwWF+hyxSUWlnzCkVRDfo5KbxrwADABlbM2Aj/mwXAAAAAElFTkSuQmCC);}
.icms-countdown {max-width: 340px; margin: auto auto; margin-top: 20px; overflow: hidden;}
.icms-countdown span.cnt-desc {display: block; color: #ffffff; font-size: 16px; text-align: center; padding-top: 10px;}
.main-content {max-width: 1200px; margin: auto auto; margin-top: 40px;}
.main-content h1.main-title {color: #9ba0a2; font-size: 116px; font-weight: 700; margin: 0; padding: 0; text-align: center;}
.main-content h1.main-title span {color: #F60856;}
.main-content .default-form {max-width: 890px; margin: auto auto; margin-top: 40px;}
.main-content .default-form form {}
.main-content .default-form form .form-group {margin-bottom: 20px;}
.main-content .default-form form .form-group label {font-size: 18px; color: #9ba0a2; font-weight: 700;}
.main-content .default-form form .form-group label span {font-weight: normal; color: #F60856;}
.main-content .default-form form .frm-selection {}
.main-content .default-form form .frm-selection h4.ttl {font-size: 20px; color: #f60856; font-weight: 700;}
.main-content .default-form form .frm-selection div {padding: 5px 0;}
.main-content .default-form form .frm-selection div label {font-size: 18px; color: #9ba0a2; margin-left: 10px;}
.main-content .default-form form .frm-selection div input {width: auto; display: inline-block; margin-left: 10px; margin-bottom: 15px;}
.main-content .default-form form .more-info {text-align: center; padding-top: 40px;}
.main-content .default-form form .more-info h5 {font-size: 18px; color: #f60856; font-weight: 700;}
.main-content .default-form form .more-info div {}
.main-content .default-form form .more-info div label {color: #fff; font-size: 18px; margin-left: 10px;}
.main-content .default-form form .more-info div a {color: #f60856; font-size: 18px; font-weight: 700;}
.main-content .default-form form .sbmt {text-align: center; margin-top: 40px;}
.main-content .default-form form .sbmt button {font-size: 52px; font-weight: 700; background: none; border: none; color: #f60856; border-bottom: 3px solid #f60856; margin: 0; padding: 0; line-height: 55px; outline: none;}
.main-content .default-form form .pld-btn-info {margin-bottom: 20px;}
.main-content .default-form form .pld-btn-info .img-demo {width: 150px; height: 150px; border-radius: 10px; float: left; background: #ddd; overflow: hidden; margin-right: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 6px #ddd; -moz-box-shadow: 0px 0px 6px #ddd; box-shadow: 0px 0px 6px #ddd;}
.main-content .default-form form .pld-btn-info .img-demo img {border-radius: 10px; width: 100%;}
.main-content .default-form form .pld-btn-info .pld-btn {font-size: 18px; color: #9ba0a2; font-weight: 700; margin-right: 20px; padding-top: 20px; display: inline-block; margin-top: 20px; cursor: pointer;}
.main-content .default-form form .pld-btn-info .info {font-size: 18px; color: #F60856; font-weight: 700; display: inline-block; margin-top: 20px; cursor: pointer;}
.main-content .default-form form .pld-btn-info .info-res {display: none; margin-left: 20px; padding: 5px 0 0 0; font-size: 16px; color: #ccc;}
.main-content .default-form form .pld-btn-info .file-butons {padding-top: 12px; position: relative;}
.main-content .default-form form .pld-btn-info .file-butons a {font-size: 16px; color: #ccc; display: inline-block; text-decoration: none; font-weight: 700;}
.main-content .default-form form .pld-btn-info .file-butons a i {margin-right: 5px;}
.main-content .default-form form .pld-btn-info .file-butons .file-selected {font-size: 16px; color: #ccc; text-decoration: none; cursor: pointer;}
.main-content .default-form form .pld-btn-info .file-butons .file-progress {font-size: 16px; color: #fff;}
.simple-page {padding: 10px;}
.simple-page h1.page-ttl {font-size: 33px; color: #f60856; margin: 0; padding: 0; font-weight: 700;}
.simple-page div.page-img {margin-top: 20px;}
.simple-page div.page-img img {display: block; width: 100%;}
.simple-page div.page-text {margin-top: 20px;}
.simple-page div.page-text ul.tpl1 {list-style: none; padding: 0px 0 0 0; margin: 0;}
.simple-page div.page-text ul.tpl1 li {list-style: none; padding: 40px 0 0 0; margin: 0;}
.simple-page div.page-text ul.tpl1 li .tpl-img {float: left; width: 220px; text-align: center;}
.simple-page div.page-text ul.tpl1 li .tpl-img img {-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: 1; webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.simple-page div.page-text ul.tpl1 li:hover .tpl-img img {filter: none; opacity: 1; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);}
.simple-page div.page-text ul.tpl1 li.tpl2 .tpl-img {width: 280px;}
.simple-page div.page-text ul.tpl1 li .tpl-box {margin-left: 300px; position: relative;}
.simple-page div.page-text ul.tpl1 li .tpl-box:before {content: ''; position: absolute; left: -80px; top: 10px; width: 56px; height: 20px; background: url(../img/red_arrow.png) no-repeat 0 0;}
.simple-page div.page-text ul.tpl1 li.tpl2 .tpl-box:before {display: none;}
.simple-page div.page-text ul.tpl1 li .tpl-box h2.tpl-ttl {margin: 10px 0 0 0; padding: 0; font-size: 33px; color: #f60856;}
.simple-page div.page-text ul.tpl1 li .tpl-box div.tpl-txt {margin-top: 10px;}
.main-content .bot-ad {text-align: center; margin-top: 40px;}
.main-content .bot-ad h3 {color: #9ba0a2; font-size: 90px; font-weight: 700; margin: 0; padding: 0; text-align: center;}
.main-content .bot-ad h3 span {color: #F60856;}
.main-content .bot-ad a {font-size: 51px; color: #f60856; font-weight: 700; text-decoration: none; border-bottom: 3px solid #f60856;}
.main-content .contact-form .form-group {margin-top: 20px;}
.main-content .contact-form .form-group input {width: 100%; padding: 0; margin: 0; background: none; border: 0; border-bottom: 1px solid #d4d6d7; color: #d4d6d7; outline: none;}
.main-content .contact-form .form-group button {margin: 10px 0 0 0; padding: 10px 20px; font-weight: 700; font-size: 16px; color: #fff; background: #000; border: 1px solid #d4d6d7; outline: none;}
.main-content .contact-form .form-group textarea {width: 100%; padding: 0; margin: 0; background: none; border: 0; border-bottom: 1px solid #d4d6d7; color: #d4d6d7; outline: none;}
.top-banner-cont {}
.top-banner-cont .row{}
.top-banner-cont .col-xs-8{}
.top-banner-cont .col-xs-4{}
.top-banner-cont .col-xs-4 .video-cont {width: 100%; height: 100%;}
.top-banner-cont .col-xs-4 .video-cont iframe{width: 100%; height: 100%;}
.box-tpl {}
.box-tpl .box-tpl-slider {position: relative;}
.box-tpl .box-tpl-slider .item {position: relative;}
.box-tpl .box-tpl-slider .item .media {margin-right: 42%;}
.box-tpl .box-tpl-slider .item .media a {outline: none;}
.box-tpl .box-tpl-slider .item .media img {width: 100%;}
.box-tpl .box-tpl-slider .item .info {width: 42%; background: #454545; height: 100%; position: absolute; right: 0; top: 0;}
.box-tpl .box-tpl-slider .item .info .dt {font-size: 18px; color: #fff; padding: 15px 15px 0 15px;}
.box-tpl .box-tpl-slider .item .info .ttl {font-size: 21px; color: #f60856; font-weight: 700; margin: 0; padding: 5px 15px 0 15px;}
.box-tpl .box-tpl-slider .item .info .txt {font-size: 16px; padding: 10px 15px 0 15px;}
.box-tpl .box-tpl-slider .item .info .more {position: absolute; bottom: 0; left: 0; background: #454545; width: 100%;}
.box-tpl .box-tpl-slider .item .info .more a {font-size: 16px; color: #f60856; font-weight: 700; display: inline-block; padding: 14px 15px; text-decoration: none; outline: none; line-height: 22px;}
.box-tpl-slider .slick-left, .box-tpl-slider .slick-right {font-size: 29px; padding: 0 3px 0 0; color: #fff; width: 40px; position: absolute; bottom: 0; right: 40px; line-height: 50px; text-align: right; cursor: pointer; z-index: 1; background: #333333;}
.box-tpl-slider .slick-right {right: 0px; text-align: left; padding-left: 3px;}
.box-tpl-slider .slick-left:hover, .box-tpl-slider .slick-right:hover{color: #fff;}
.box-tpl-slider .slick-disabled{cursor: no-drop;}
.participants-list {}
.participants-list ul{list-style: none; padding: 0; margin: 0;}
.participants-list ul li{list-style: none; padding: 0 10px 25px 10px; margin: 20px 0 0 0; float: left; width: 25%; position: relative;}
.participants-list ul li .media{position: relative;}
.participants-list ul li .media img{display: block; width: 100%; height: auto; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: 1; webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.participants-list ul li:hover .media img{filter: none; opacity: 1; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);}
.participants-list ul li .media .vote{position: absolute; width: 100px; margin-left: -50px; margin-top: -20px; left: 50%; top: 50%; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.participants-list ul li .media .vote span{display: block; font-size: 18px; font-weight: 700; color: #fff; background: #F60856; line-height: 40px; text-align: center;}
.participants-list ul li .media .loading {position: absolute; top: 12px; right: 7px; text-align: center; display: none;}
.participants-list ul li .info{background: #454545; text-align: center; position: relative; padding: 10px;}
.participants-list ul li .info .total{display: block; font-size: 15px;}
.participants-list ul li .info .name{display: block; font-size: 18px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.participants-list ul li .info .social{position: absolute; width: 100%; left: 0; bottom: -25px; height: 25px; background: #373737; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.participants-list ul li .info .social .icon{float: left; position: relative; margin-left: 5px;}
.participants-list ul li .info .social .icon a{display: block; text-indent: -9999px; position: relative; width: 20px; height: 20px; color: #9ba0a2; font-size: 14px; text-align: center; margin-top: 3px;}
.participants-list ul li .info .social .icon a:hover {color: #fff;}
.participants-list ul li .info .social .icon a:before{position: absolute; top: 0; left: 0; text-indent: 0; line-height: 20px; width: 20px;}
.participants-list ul li .info .social .video{float: right; margin-right: 20px; position: relative;}
.participants-list ul li .info .social .video a{display: block; font-size: 14px; color: #f60856; margin-top: 5px; text-decoration: none;}
.participants-list ul li .info .social .video a:hover{color: #fff;}
.participants-list ul li .info .social .video a:before{position: absolute; right: -10px;}
.participants-list ul li:hover .vote, .participants-list ul li:hover .social{opacity: 1; visibility: visible;}
.top-participants {position: relative; padding: 0 300px 0 5px; margin-top: 20px;}
.top-participants .lft-bar {position: absolute; left: 0; top: 0; width: 280px; padding: 0 0 0 5px;}
.top-participants .mdl-bar {}
.top-participants .rght-bar {position: absolute; right: 0; top: 0; width: 280px; padding: 0 5px 0 0;}
.top-participants .news-bar {background: #373737; padding: 10px;}
.top-participants .news-bar h3.ttl {padding: 3px 5px; margin: 0; text-align: center; font-weight: 700; background: #000000; font-size: 32px;}
.top-participants .news-bar ul {list-style: none; padding: 0; margin: 0;}
.top-participants .news-bar ul li {list-style: none; padding: 20px 0; margin: 0; border-top: 5px solid #454545; text-align: center;}
.top-participants .news-bar ul li:first-child {border-top: 0px;}
.top-participants .news-bar ul li a.ttl {display: block; color: #f60856; text-decoration: none;}
.top-participants .news-bar ul li a.ttl h2 {font-size: 24px; margin: 0; padding: 0;}
.top-participants .news-bar ul li a.ttl:hover {color: #fff;}
.top-participants .news-bar ul li .media {}
.top-participants .news-bar ul li .media img {display: block; width: 100%; height: auto;}
.top-participants .news-bar ul li .date {font-size: 12px; font-weight: 700; color: #fff; margin-top: 10px;}
.top-participants .news-bar ul li .txt {font-size: 16px; color: #fff;}
.top-participants .top-list {}
.top-participants .top-list h3.ttl {background: #454545; padding: 10px; margin: 0; font-size: 32px; text-align: center; color: #fff;}
.top-participants .top-list ul {list-style: none; padding: 0; margin: 0;}
.top-participants .top-list ul li {list-style: none; padding: 0 0 0 255px; margin: 20px 0 0 0; position: relative; background: #454545; min-height: 130px;}
.top-participants .top-list ul li span.number {width: 120px; height: 120px; display: block; border: 2px solid #F60856; text-align: center; line-height: 114px; color: #fff; font-size: 45px; font-weight: 700; position: absolute; top: 5px; left: 5px;}
.top-participants .top-list ul li.top span.number {font-size: 64px;}
.top-participants .top-list ul li span.media {width: 120px; height: 120px; display: block; position: absolute; top: 5px; left: 130px; margin: 0;}
.top-participants .top-list ul li span.media img {width: 100%; height: auto; display: block;}
.top-participants .top-list ul li .info {position: relative; min-height: 125px; margin-right: 5px;}
.top-participants .top-list ul li .info a.ttl {display: block; color: #fff; text-decoration: none;}
.top-participants .top-list ul li .info a.ttl h2{margin: 0; padding: 5px 0 0 0; font-size: 26px;}
.top-participants .top-list ul li .info .v-link {position: absolute; bottom: 30px; left: 0; font-size: 14px; font-weight: 600; color: #F60856;}
.top-participants .top-list ul li .info .v-link span {color: #fff;}
.top-participants .top-list ul li .info .v-link a {font-size: 14px; font-weight: 700; color: #F60856; text-decoration: none;}
.top-participants .top-list ul li .info .social{position: absolute; width: 100%; left: 0; bottom: 0px; height: 25px; background: #373737;}
.top-participants .top-list ul li .info .social .icon{float: left; position: relative; margin-left: 5px;}
.top-participants .top-list ul li .info .social .icon a{display: block; text-indent: -9999px; position: relative; width: 20px; height: 20px; color: #9ba0a2; font-size: 14px; text-align: center; margin-top: 3px;}
.top-participants .top-list ul li .info .social .icon a:hover {color: #fff;}
.top-participants .top-list ul li .info .social .icon a:before{position: absolute; top: 0; left: 0; text-indent: 0; line-height: 20px; width: 20px;}
.top-participants .top-list ul li .info .social .video{float: right; margin-right: 20px; position: relative;}
.top-participants .top-list ul li .info .social .video a{display: block; font-size: 14px; color: #f60856; margin-top: 5px; text-decoration: none;}
.top-participants .top-list ul li .info .social .video a:hover{color: #fff;}
.top-participants .top-list ul li .info .social .video a:before{position: absolute; right: -10px;}
.custom-col .banner {margin-bottom: 20px;}
.custom-col .banner img {width: 100%; height: auto; display: block;}
.main-content .judges-bar {background: #454545; padding: 5px;}
.main-content .judges-bar h3.ttl {background: #373737; margin: 0; text-align: center; font-size: 32px; padding: 5px; color: #afafaf;}
.main-content .judges-bar ul {list-style: none; padding: 0; margin: 0;}
.main-content .judges-bar ul li {list-style: none; padding: 0 0 0 80px; margin: 5px 0 0 0; position: relative; min-height: 70px;}
.main-content .judges-bar ul li .media {position: absolute; width: 70px; height: 70px; lefT: 0; top: 0;}
.main-content .judges-bar ul li .media img {width: 100%; height: auto; display: block;}
.main-content .judges-bar ul li .ttl {display: block; color: #f60856; font-weight: 700; font-size: 17px;}
.main-content .judges-bar ul li .bio {color: #fff; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.about-list {max-width: 900px; margin: auto auto;}
.about-list ul{list-style: none; padding: 0; margin: 0;}
.about-list ul li{list-style: none; padding: 0; margin: 2% 1% 0 1%; float: left; width: 48%;}
.about-list ul li a{display: block; position: relative;}
.about-list ul li a img{display: block; width: 100%; height: auto;}
.about-list ul li a h2{position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; font-weight: 700; font-size: 28px; background: #000; background: rgba(0, 0, 0, 0.6); margin: 0; padding: 10px 0;}
.managers-list {padding: 0 0px;}
.managers-list ul{list-style: none; padding: 0; margin: 0;}
.managers-list ul li{list-style: none; padding: 0; margin: 20px 0 0 0; position: relative;}
.managers-list ul li .media{float: left; width: 30%;}
.managers-list ul li .media img{display: block; width: 100%; height: auto; }
.managers-list ul li.g .media img{-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: 1; webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.managers-list ul li.g:hover .media img{filter: none; opacity: 1; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);}
.managers-list ul li .info{position: relative; margin-left: 31%; padding-bottom: 30px;}
.managers-list ul li .info h2{font-size: 30px; color: #f60856; font-weight: 700; margin: 0; padding: 0;}
.managers-list ul li .info .txt{color: #fff; font-size: 18px; margin-top: 15px;}
.managers-list ul li .info .social{position: absolute; width: 100%; left: 0; bottom: 0px; height: 25px; background: #373737;}
.managers-list ul li .info .social .icon{float: left; position: relative; margin-left: 5px;}
.managers-list ul li .info .social .icon a{display: block; text-indent: -9999px; position: relative; width: 20px; height: 20px; color: #9ba0a2; font-size: 14px; text-align: center; margin-top: 3px;}
.managers-list ul li .info .icon a:hover {color: #fff;}
.managers-list ul li .info .icon a:before{position: absolute; top: 0; left: 0; text-indent: 0; line-height: 20px; width: 20px;}
.news-list {float: left; width: 70%;}
.news-list > ul{list-style: none; padding: 0; margin: 0;}
.news-list > ul li{list-style: none; padding: 0 20px 0 0; margin: 20px 0 0 0; width: 50%; float: left;}
.news-list > ul li .media{}
.news-list > ul li .media img{display: block; width: 100%; height: auto;}
.news-list > ul li .date{font-size: 18px; color: #fff; font-weight: bold; margin-top: 5px; padding: 0 5px;}
.news-list > ul li .ttl{display: block; color: #fff; background: #454545; margin-top: 5px; text-decoration: none;}
.news-list > ul li .ttl h2{margin: 0; padding: 2px 5px; font-size: 21px;}
.news-list > ul li .ttl:hover{color: #eee;}
.news-list > ul li .more{margin-top: 5px; padding: 0 5px;}
.news-list > ul li .more a{font-size: 18px; font-weight: 700; color: #F60856; text-decoration: none;}
.news-list > ul li .more a:hover{color: #fff;}
.news-col {float: right; width: 30%; padding-top: 20px;}
.webtv-list {float: left; width: 70%;}
.webtv-list > ul{list-style: none; padding: 0; margin: 0;}
.webtv-list > ul li{list-style: none; padding: 15px; margin: 20px 2% 0 0; width: 48%; float: left; background: #454545;}
.webtv-list > ul li .media{}
.webtv-list > ul li .media img{display: block; width: 100%; height: auto;}
.webtv-list > ul li .txt{font-size: 14px; color: #fff; margin-top: 5px;}
.webtv-list > ul li .ttl{display: block; color: #fff; margin-top: 5px; text-decoration: none;}
.webtv-list > ul li .ttl h2{margin: 0; padding: 0; font-size: 21px;}
.webtv-list > ul li .ttl:hover{color: #eee;}
.webtv-list > ul li .more{margin-top: 5px;}
.webtv-list > ul li .more a{font-size: 14px; font-weight: 700; color: #F60856; text-decoration: none;}
.webtv-list > ul li .more a:hover{color: #fff;}
.webtv-col {float: right; width: 30%; padding-top: 20px;}
.news-big-img {margin-top: 20px;}
.news-big-img img{width: 100%; height: auto; display: block;}
.news-article {float: left; width: 70%; padding-right: 20px; padding-top: 20px;}
.news-article > h1.news-ttl {font-size: 35px; background: #454545; padding: 5px 10px; color: #fff; margin: 0;}
.news-article > .news-date {margin-top: 5px;}
.news-article > .news-date span {display: inline-block; background: #454545; padding: 5px 10px; color: #fff; font-size: 20px; font-weight: 700;}
.news-article > .news-txt {margin-top: 10px;}
.dj-art {padding: 10px;}
.dj-art .back{}
.dj-art .back a{font-size: 16px; font-weight: 700; color: #F60856; text-decoration: none;}
.dj-art .back a:hover{color: #fff;}
.dj-art .dj-media{float: left; width: 300px; margin-top: 10px;}
.dj-art .dj-media img{width: 100%; display: block; height: auto;}
.dj-art .dj-info{padding-left: 330px; margin-top: 10px;}
.dj-art .dj-info h1.ttl{font-size: 28px; margin: 0; padding: 0; color: #fff;}
.dj-art .dj-info .votes{font-size: 18px; font-style: italic; color: #fff; margin-top: 15px;}
.dj-art .dj-info .votes span{}
.dj-art .dj-info .social{display: inline-block; background: #373737; padding: 5px 10px; margin-top: 10px;}
.dj-art .dj-info .social .icon{display: inline-block; padding: 0 5px;}
.dj-art .dj-info .social .icon a{color: #9ba0a2;}
.dj-art .dj-info .social .icon a:hover{color: #fff;}
.dj-art .dj-info .about{margin-top: 20px; font-size: 28px; color: #F60856; font-weight: 700;}
.dj-art .dj-info .about span{color: #fff; font-style: italic; font-weight: normal;}
.dj-art .dj-info .txt{margin-top: 5px;}
.dj-art .dj-info .vote{margin-top: 20px;}
.dj-art .dj-info .vote span{position: relative; width: 180px; font-weight: 700; font-size: 34px; text-align: center; display: block; line-height: 60px; background: #F60856; cursor: pointer;}
.dj-art .dj-info .vote .loading {position: absolute; top: 14px; right: 16px; text-align: center; display: none;}
.dj-art .video {margin-top: 40px;}
.dj-art .video .vid-ttl {font-size: 28px; color: #F60856; font-weight: 700;}
.dj-art .video .vid-ttl span {font-style: italic; color: #fff; font-weight: normal;}
.dj-art .video .vid-cont {background: #373737; padding: 20px; margin-top: 10px;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 10px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.search-vote{ max-width: 280px; margin: auto auto; margin-top: 20px; padding-right: 42px; position: relative; }

.search-vote form button{position: absolute; top: 0; right: 0;}



.pgnt {border-top: 1px solid #fff; text-align: left; margin-top: 20px;}
.pgnt ul{margin-top: 10px; border-radius: 0px;}
.pgnt ul > li{}
.pgnt ul > li > a, .pgnt ul > li > span {border-radius: 0px; border: 0; padding: 0 5px; margin: 0 5px 0 0; color: #fff; background: transparent; font-size: 16px; font-weight: 600; line-height: 24px;}
.pgnt ul > li > div {position: relative; float: left; color: #000; font-size: 16px; font-weight: 600;}
.pgnt ul > li > a i{}
.pgnt ul > li:first-child > a, .pgnt ul > li:first-child > span {border-radius: 0px;}
.pgnt ul > li:last-child > a, .pgnt ul > li:last-child > span {border-radius: 0px;}
.pgnt ul > li > a:hover, .pgnt ul > li > span:hover, .pgnt ul > li > a:focus, .pgnt ul > li > span:focus {z-index: 2; background: #F60856; color: #fff; border: 0;}
.pgnt ul > .active > a, .pgnt ul > .active > span, .pgnt ul > .active > a:hover, .pgnt ul > .active > span:hover, .pgnt ul > .active > a:focus, .pgnt ul > .active > span:focus {z-index: 2; background: #F60856; color: #fff; border: 0; cursor: default;}
.pgnt ul > .disabled > span, .pgnt ul > .disabled > span:hover, .pgnt ul > .disabled > span:focus, .pgnt ul > .disabled > a, .pgnt ul > .disabled > a:hover, .pgnt ul > .disabled > a:focus {z-index: 2; background: #F60856; color: #fff; border: 0; cursor: default; cursor: not-allowed;}
@media only screen and (max-width: 1224px) {
	.top-participants {padding: 0 260px 0 5px;}
	.top-participants .lft-bar {width: 240px;}
	.top-participants .rght-bar {width: 240px;}
}
@media only screen and (max-width: 1024px) {
	.box-tpl .box-tpl-slider .item .info .dt {font-size: 16px;}
	.box-tpl .box-tpl-slider .item .info .ttl {font-size: 19px;}
	.box-tpl .box-tpl-slider .item .info .txt {font-size: 14px;}
	.box-tpl .box-tpl-slider .item .media {margin-right: 50%;}
	.box-tpl .box-tpl-slider .item .info {width: 50%;}
	.box-tpl .box-tpl-slider .item .info .more a {font-size: 14px; padding: 10px 15px; line-height: 20px;}
	.box-tpl-slider .slick-left, .box-tpl-slider .slick-right {line-height: 40px;}
	.top-banner-cont .cust-col{width: 100%; float: none;}
	.top-banner-cont .col-xs-4 .video-cont {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 10px; width: auto; height: auto;}
	.top-banner-cont .col-xs-4 .video-cont iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.participants-list ul li{width: 33.333%;}
	.top-participants {padding: 0 260px 0 5px;}
	.top-participants .lft-bar {position: relative; top: auto; left: auto; width: 100%; height: auto; padding: 0; margin-top: 20px;}
	.top-participants .rght-bar {}
}
@media only screen and (max-width: 768px) {
	.cbp-spmenu-push-toleft {left: 0px;}
	.main-content h1.main-title {font-size: 78px;}
	header.top-nav .logo{margin-top: 5px; margin-left: 15px;}
	header.top-nav .social {position: absolute; left: 35px; bottom: 4px;}
	header.top-nav .social ul li a{font-size: 18px; padding: 0 10px; line-height: normal;}
	header.top-nav .search .srch-trigger{margin-left: 0px; padding: 0 15px;}
	header.top-nav .search .srch-form form{margin-right: 169px; position: relative;}
	header.top-nav .search .srch-form form button{right: -50px; width: 50px;}
	.box-tpl .box-tpl-slider .item .media {margin-right: 0;}
	.box-tpl .box-tpl-slider .item .info {position: relative; width: 100%; height: auto; right: auto; top: auto;}
	.box-tpl .box-tpl-slider .item .info .txt {padding-bottom: 45px;}
	.top-participants {padding: 0 5px;}
	.top-participants .lft-bar {width: 49%; float: left;}
	.top-participants .rght-bar {width: 49%; float: right; position: relative; margin-top: 20px; right: auto; top: auto; padding: 0;}
	.managers-list ul li .media{width: 34%;}
	.managers-list ul li .info{margin-left: 35%;}
	.news-list {float: none; width: 100%;}
	.news-list > ul li {padding-right: 10px;}
	.news-list > ul li:nth-child(even) {padding-left: 10px; padding-right: 0;}
	.news-col {display: none;}
	.webtv-list {float: none; width: 100%;}
	.webtv-list > ul li {margin-right: 1%; width: 49%;}
	.webtv-list > ul li:nth-child(even) {margin-left: 1%; margin-right: 0;}
	.webtv-col {display: none;}
	.news-article {width: 100%; float: none; padding-right: 0px;}
}
@media only screen and (max-width: 640px) {
	.main-content .bot-ad h3 {font-size: 78px;}
	.main-content .simple-page div.page-text ul.tpl1 li .tpl-img {float: none; width: auto;}
	.main-content .simple-page div.page-text ul.tpl1 li .tpl-box {margin-left: 0px; margin-top: 10px; position: relative;}
	.main-content .simple-page div.page-text ul.tpl1 li .tpl-box:before {display: none;}
	.participants-list ul li{width: 50%;}
	.top-participants .top-list ul li {min-height: auto; padding-top: 130px; padding-left: 0px;}
	.top-participants .top-list ul li span.number {left: 50%; margin-left: -125px;}
	.top-participants .top-list ul li span.media {left: 50%; margin-left: 0;}
	.top-participants .top-list ul li span.media img {}
	.top-participants .top-list ul li .info {min-height: auto; text-align: center; margin-right: 0px;}
	.top-participants .top-list ul li .info .v-link {position: relative; bottom: auto; left: auto;}
	.top-participants .top-list ul li .info .social{position: relative; margin-top: 5px; left: auto; bottom: auto;}
	.managers-list ul li .media{max-width: 300px; float: none; margin: auto auto;}
	.managers-list ul li .info{margin-left: 0; float: none;}
	.managers-list ul li .info h2{font-size: 24px;}
	.managers-list ul li .info .txt{font-size: 16px;}
	.managers-list ul li .info .social{position: relative; left: auto; bottom: auto; margin-top: 10px;}

    .dj-art .dj-media{float: none; max-width: 350px; margin:auto auto; }
    .dj-art .dj-info{padding: 0px; margin-top: 20px;}
}
@media only screen and (max-width: 480px) {
	header.top-nav .logo{width: 200px;}
	header.top-nav .social {position: absolute; left: 30px; bottom: 6px;}
	header.top-nav .search {margin-right: 59px;/*position: absolute; right: 59px; top: 0px;*/}
	header.top-nav .search .srch-form form{margin-right: 110px;}
	header.top-nav .menu-trigger {position: absolute; right: 0px; top: 0px;}
	header.top-nav .menu-trigger span {display: none;}
	.footer-nav .more-options .row{display: block; height: auto; table-layout: auto;}
	.footer-nav .more-options .row .cust-col{border-left: 0px solid #d4d6d7; display: block; height: auto; text-align: center; width: 100%; margin-top: 10px;}
	.footer-nav .more-options .row .lft-col{border-left: 0px solid #d4d6d7; vertical-align: top; text-align: center; width: 100%;}
	.footer-nav .more-options .row .rght-col{width: 100%;}
	.footer-nav .f-bar {padding: 10px;}
	.footer-nav .f-bar .copyright a.logo{display: block; margin: auto auto; margin-top: 10px; float: none;}
	.top-participants .lft-bar {width: 100%; float: none;}
	.top-participants .rght-bar {width: 100%; float: none;}
	.about-list ul li{float: none; width: 100%; margin: 10px 0 0 0; padding: 0 10px;}
	.news-list {float: none; width: 100%;}
	.news-list > ul li {padding-right: 0px; float: none; width: 100%;}
	.news-list > ul li:nth-child(even) {padding-left: 0px; padding-right: 0;}
	.news-col {display: block; float: none; width: 100%;}
	.webtv-list {float: none; width: 100%;}
	.webtv-list > ul li {margin-right: 0px; float: none; width: 100%;}
	.webtv-list > ul li:nth-child(even) {margin-left: 0px; margin-right: 0;}
	.webtv-col {display: block; float: none; width: 100%;}
}
@media only screen and (max-width: 420px) {
	.participants-list ul li{width: 100%; float: none;}
}