body{
	font-family: "Open Sans", Arial, sans-serif;    
	font-size: 14px;
    line-height: 1.42857143;
}

.checkbox input[type="checkbox"]:checked + label:after, .checkbox input[type="radio"]:checked + label:after { color: #f68b1f; }



.row-sp-1 { margin-left: -50px; margin-right: -50px; }

.row-sp-1 .col { padding-left: 50px; padding-right: 50px; }



.imgeffect { display: block; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.imgeffect .imgwrap { display: block; overflow: hidden; }

.imgeffect img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5 ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.imgeffect:hover img { opacity: 0.7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



.modal-content { padding: 30px; position: relative; }

.modal .md-title-1 { color: #303030; font-size: 38px; font-weight: 700; margin: 0 0 20px; text-align: center; text-transform: uppercase; }

.modal .md-output-1 { margin-top: 30px; text-align: center; }

.modal .md-output-1 .btn-1, .modal .md-output-1 .btn-2 { min-width: 150px; margin: 5px; padding: 12px 30px; }

.modal .fa-close { background: none; border: #bdbdbd solid 1px; border-radius: 100%; color: #65696d; height: 26px; opacity: 1 !important; position: absolute; top: 5px; right: 5px; width: 26px; }

.modal .fa-close:hover { background: #f63440; border-color: #f63440; color: #fff; }

.modal .close { right: 8px; position: absolute; top: 5px; }

.pp-otp .modal-dialog { max-width: 470px; }



.title-1 { color: #303030; font-size: 30px !important; letter-spacing: 2px; margin: 0 0 20px; position: relative; text-transform: uppercase; z-index: 2; font-family: "Open Sans", Arial, sans-serif;}

.title-1:before { border-bottom: #dadada dashed 1px; content: ""; left: 0; position: absolute; right: 0; top: 50%; z-index: -1; }

.title-1 strong, .title-5 strong { background: #fff; padding-right: 10px; line-height: 40px; font-weight: bold !important;}

.title-2, .btn-control { background: #303030; border-left: #ed9207 solid 5px; color: #fff; display: block; font-weight: 700; margin: 0; padding: 12px 20px; text-transform: uppercase; }

.title-3 { color: #303030; font-size: 22px; font-weight: 600; margin: 0 0 20px; padding-bottom: 15px; position: relative; text-transform: uppercase; z-index: 2; }

.title-3:before { border-bottom: #ef7c00 solid 2px; bottom: 0; content: ""; left: 0; position: absolute; width: 80px; }

.title-4 { color: #303030; font-size: 18px; font-weight: 700; margin: 30px 0 20px; text-transform: uppercase; }

.title-5 { color: #212121; font-size: 24px; position: relative; text-transform: uppercase; z-index: 2; }

.title-5:before { background: url(../img/bg-title.png) repeat 0 0; content: ""; height: 18px; left: 0; margin-top: -9px; position: absolute; right: 0; top: 50%; z-index: -1; }



.title-wrap-1 { border-bottom: #ebebeb dotted 1px; position: relative; }

.title-wrap-1 .title-4 { margin: 0 0 10px; padding-right: 80px; }

.title-wrap-1 a { bottom: 10px; font-size: 12px; font-weight: 600; position: absolute; right: 0; }



.btn-control { color: #fff !important; padding-right: 40px; position: relative; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.btn-control:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; top: 10px; right: 17px; }

.btn-control.open:after { content: "\f106"; }

.btn-control:hover { background: #ed9207; }



.panel { border: none; box-shadow: none; margin: 30px 0; }

.panel .panel-heading { padding: 0; }

.panel .panel-title a { background: #f63440; border-radius: 4px; color: #fff; display: block; font-size: 22px; padding: 15px 50px 15px 30px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.panel .panel-title a.collapsed { background: #afadae; color: #f63440; }

.panel .panel-body { border: none !important; margin: 0; padding: 30px; }

.panel .panel-body .output-1 { margin: 30px 0 0; }

.panel .panel-heading a:after { font-family: FontAwesome; font-size: 20px; margin-top: -10px; position: absolute; top: 50%; right: 20px; }

.panel .panel-heading a.collapsed { background: #afadae; color: #fff; }

.panel .panel-heading a.collapsed:after { content:"\f055"; }

.panel .panel-heading a.collapsed:hover { background: #f63440; }

.panel .panel-heading a:after { font-family: FontAwesome; content:"\f056"; }

.panel-group .panel, .panel-group .panel + .panel { margin-top: 20px; }



table.dataTable thead th, table.dataTable tfoot th { border: none; font-weight: 500; }

table.dataTable thead th, table.dataTable tfoot th, table.dataTable tbody th, table.dataTable tbody td { padding: 10px 20px; }

table.dataTable tbody th, table.dataTable tbody td { vertical-align: top; }

table.dataTable tfoot th, table.dataTable tfoot td { border-top: #999 solid 1px !important; color: #303030; font-size: 1.1em; font-weight: 500; }

table.dataTable.no-footer { border-bottom: none; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background: #333; top: 10px; }

table.dataTable > tbody > tr.child span.dtr-title { color: #303030; font-weight: 500; min-width: 150px; }

.dataTables_length { display: none !important; }

.dataTables_paginate { font-size: 12px; margin-top: 15px; }

.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 1px 5px; }



.tb-1 { background: #ffffff;

	background: -moz-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);

	background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%);

	background: linear-gradient(to bottom, #ffffff 0%,#d7d7d7 100%);

	font-size: 12px; margin: 0; width: 100% !important; }

.tb-1 th, .tb-1 td { padding: 15px; }

.tb-1 th { background: #002e5d; border: #00386f solid 1px; border-bottom: none; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; }

.tb-1 td { border: #ccc solid 1px; }



.tb-2 { margin: 20px 0; width: 100%; }

.tb-2 th, .tb-2 td { padding: 10px 20px; }

.tb-2 th { background: #ef7c00; border: #ef7c00 solid 1px; color: #fff; font-size: 18px; font-weight: 700; text-transform: capitalize; }

.tb-2 td { border: #e6e6e6 solid 1px; width: 33.3%; }

/*.tb-2 tr:nth-child(odd) td { background: #f8f8f8; }*/

.tb-2 figure { float: left; width: 90px; }

.tb-2 figure img { border: #dddd solid 1px; }

.tb-2 .descript { font-size: 12px; margin-left: 100px; }

.tb-2 .descript p { margin: 0; }



.table-responsive { margin: 30px 0; }

.table-responsive .pager { font-size: 11px; margin: 20px 0; }



.radio label:after { background: #f6343f; }



.date-wrap { background: #fff; position: relative; }

.date-wrap:before { position: absolute; right: 10px; top: 12px; }

.date-wrap .form-control { background: none; padding-right: 30px; position: relative; z-index: 2; }

.bootstrap-datetimepicker-widget .active, .bootstrap-datetimepicker-widget .today { background-color: #f6343f !important; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { margin-top: 11px; }



.btn, .dropdown-menu { font-size: 14px; }

.form-control { background: #fff; border-color: #ddd !important; box-shadow: none !important; font-size: 14px; height: 40px; padding: 5px 10px; }

textarea.form-control { height: auto; }

.form-control:focus { border-color: #999 !important; box-shadow: none !important; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #f6f6f6; }



.bootstrap-select > .dropdown-toggle, .control-sub .control { border: #ddd solid 1px; border-radius: 4px; color: #333 !important; display: block; height: 40px; padding: 6px 30px 6px 12px; text-overflow: ellipsis; }

.control-sub { position: relative; }

.control-sub .control { line-height: 30px; }

.control-sub .control .caret { margin-top: -2px; position: absolute; right: 12px; top: 50%; }

.control-sub .dropsub { background: #fff; border: #ddd solid 1px; border-radius: 2px; display: none; left: 0; max-height: 300px; overflow-y: auto; padding: 10px 0; position: absolute; top: 100%; right: 0; z-index: 99; }

.control-sub .dropsub .checkbox {  margin: 0; padding: 6px 10px 6px 30px; }

.control-sub .dropsub .checkbox:hover { background: #f1f1f1; }

.control-sub .dropsub label, .control-sub .open-control { display: block; }



.bootstrap-select.btn-group .dropdown-menu { max-height: 300px !important; padding: 0; }

.bootstrap-select.btn-group .dropdown-menu li a { border-bottom: #ddd solid 1px; padding: 10px 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.bootstrap-select.btn-group .dropdown-menu li:last-child a { border-bottom: none; }

.bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.btn-group .dropdown-menu li a:hover { background: #f1f1f1; color: #303030; }



.gotop { bottom: 30px; color: #595959 !important; font-size: 0; opacity:0; position: fixed; right: 10px; z-index: 9999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.gotop:hover { color: #ef7c00 !important; }

.gotop:before { content: "\f0aa"; font-family: 'FontAwesome'; font-size: 36px; line-height: 1; }



label { font-weight: 500; }



.bg { background: no-repeat center center; background-size: cover; }

.bg .bgimg { display: none; }

.bgfix { background-attachment: fixed; }



.check-wrap .input-group-btn .btn-1 { border-radius: 0 4px 4px 0; font-size: 14px; height: 40px; line-height: 28px; }

.check-row { padding-left: 30px; position: relative; }

.check-row .checkbox { left: 0; margin: 0; position: absolute; top: 0px; }



.slick-arrow { background: rgba(255,255,255,.2); border: #808080 solid 1px; color: #fff; font-size: 0; height: 26px; line-height: 24px; margin-top: -13px; padding: 0; position: absolute; top: 50%; z-index: 2; width: 26px; }

.slick-arrow:before { font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: bold;}

.slick-next { right: 10px; }

.slick-next:before { content: "\f105"; }

.slick-prev { left: 10px; }

.slick-prev:before { content: "\f104"; }

.slick-arrow:hover { background: rgba(0,0,0,.5);  }



.page { margin-bottom: -50px; min-height: 100%; width: 100%;  }

.main-content { float: right; padding-left: 30px; width: 77%; }

aside { float: left; width: 23%; }



.bootstrap-select { width: 100% !important; }



.social { font-size: 0; list-style: none; margin: 0; padding: 0; }

.social li { display: inline-block; margin-right: 10px; padding: 5px 0; }

.social li a { border: #fff solid 2px; border-radius: 100%; display: block; height: 30px; line-height: 33px; text-align: center; width: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.social li a:hover { border-color: #f63440; }

.social li a:before { font-size: 13px; line-height: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.social li a:hover:before { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }



.pager { font-size: 0; margin: 0; text-align: right; }

.pager ol, .pager ul { list-style: none; margin: 0; padding: 0; }

.pager li { display: inline-block; font-size: 11px; margin-left: 5px; vertical-align: top; }

.pager li > a, .pager li > span { border-radius: 2px; border-color: #ddd; color: #303030; padding: 2px 5px; }

.pager li.active > a, .pager li > a:hover, .pager li > a:focus { background: #f63440 !important; border-color: #f63440; color: #fff !important; }

.pager li.previous a, .pager li.next a { font-size: 0; }

.pager li.previous a:hover, .pager li.next a:hover { color: #8f0123; }

.pager li.previous a:before, .pager li.next a:before { font-family: 'FontAwesome'; font-size: 18px; line-height: 1; }

.pager li.previous a:before { content: "\f104"; }

.pager li.next a:before { content: "\f105"; }



/*.dropdown-menu {min-width: 170px; padding: 0; right: 0; }

.dropdown-menu li a { padding: 7px 10px; white-space: normal; }

.dropdown-menu li:last-child a { border-radius: 0 0 3px 3px; }

.dropdown-menu li:first-child a { border-radius: 3px 3px 0 0; }

.dropdown-menu li a em { background: #f63440; border-radius: 100%; color: #fff; display: inline-block; font-size: 10px; font-style: normal; height: 20px; line-height: 20px; text-align: center; width: 20px; }

.dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { background: #f1f1f1; color: #333 !important; }*/



.nav-tabs { border-bottom: none; display: table; list-style: none; margin: 20px 0 0; padding: 0; position: relative; width: 100%; }

.nav-tabs > li { background: #fff; border-bottom: #e8e8e8 solid 3px;display: table-cell; float: none; position: relative; text-align: center; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav-tabs > li > a { background: #fff !important; border: none !important; color: #aeaeae; display: inline-block; font-size: 14px; font-weight: 600; margin: 0; padding: 10px; text-transform: capitalize; }

.nav-tabs > li.active, .nav-tabs > li:hover { border-bottom-color: #f3353f; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover { color: #f3353f; }

.nav-tabs > li:after { border-style: solid; border-width: 7px 7px 0 7px; border-color: #f63440 transparent transparent transparent; bottom: -0px; content: ""; left: 50%; margin-left: -7px; opacity: 0; position: absolute; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav-tabs > li:hover:after, .nav-tabs > li.active:after { bottom: -8px; opacity: 1; }

.tab-content > .tab-pane { border: none; padding: 0; }

.tab-pane h2 { color: #303030; font-size: 24px; font-weight: 600; margin: 30px 0 15px; text-transform: uppercase; }

.tab-pane p { margin: 0 0 20px; }



.breadcrumb { background: none; border-radius: 0; color: #ef7c00; font-size: 13px; margin: 0 0 20px; padding: 0; text-transform: capitalize; }

.breadcrumb li { margin-bottom: 0 !important; }

.breadcrumb a:link, .breadcrumb a:visited { color: #c1c1c1; }

.breadcrumb a:hover { color: #000; }

.breadcrumb > li + li:before { color: #c1c1c1; font-size: 11px; padding-right: 7px; }



.btn-1, .btn-2, .btn-3, .btn-mesg, .btn-cale { background: #ef7c00; border: #ef7c00 solid 2px; border-radius: 3px; color: #fff !important; cursor: pointer; display: inline-block; font-weight: 500; overflow: hidden; padding: 7px 20px; text-align: center; text-transform: capitalize; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.btn-1 { font-weight: 600; text-transform: uppercase; }

.btn-1:hover { background: #000; border-color: #000; }

.btn-2 { background: none; border-color: #fff; }

.btn-2:hover { background: #fff; color: #ef7c00 !important; }

.btn-3 { background: #212121; border-color: #212121; font-weight: 600; text-transform: uppercase; }

.btn-3:hover { background: #ef7c00; border-color: #ef7c00; color: #fff !important; }



.btn-medium { padding: 13px 30px; }



.btn-mesg, .btn-cale { background: #8dc63f; border: none; color: #fff; display: block; font-size: 17px; line-height: 1.2; margin-top: 20px; padding: 0 5px 5px; text-align: center; }

.btn-mesg:hover { background: #537b1d; }

.btn-mesg img, .btn-cale img { position: relative; top: -2px; }

.btn-mesg span, .btn-cale span { display: inline-block; padding-top: 9px; }

.btn-cale { background-color: #12a0d4; border-color: #12a0d4; }

.btn-cale:hover { background: #065f7f; }



.nav-list { list-style: none; margin: 0; padding: 0; text-transform: capitalize; }

.nav-list li { border-bottom: #fff solid 1px; border-top: #e6e6e6 solid 1px; }

.nav-list li a:link, .nav-list li a:visited { color: #303030; }

.nav-list li a { background: #fefefe;

	background: -moz-linear-gradient(top, #fefefe 1%, #d9d9d9 100%);

	background: -webkit-linear-gradient(top, #fefefe 1%,#d9d9d9 100%);

	background: linear-gradient(to bottom, #fefefe 1%,#d9d9d9 100%); border-left: #f5f5f5 solid 5px; display: block; padding: 12px 20px; position: relative; }

.nav-list li .fa-angle-double-right:before { position: absolute; right: 10px; top: 13px; }

.nav-list li a:hover, .nav-list li.active > a { border-left-color: #ed9207; color: #ed9207; }

.nav-list ul { display: none; list-style: none; margin: 0; padding: 0; }

.nav-list ul li a { padding-left: 35px; }

.nav-list ul ul li a { padding-left: 50px; }

.nav-list li.active > ul { display: block; }

.nav-list li.active > .fa-angle-double-right:before { content:"\f103"; }



.nus-footer .container { position: relative;}

.nus-footer h4 { color: #fff; font-size: 18px; font-weight: 700; margin: 0 0 20px;padding-top:30px;}

.nus-footer ul { list-style: none; margin: 10px 0; padding: 0; }

.nus-footer address, .nus-footer .col-tb p , .nus-footer .col-tb p.fa{ 

	margin: 10px 0; 

	display: block;

	line-height: 24px;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

.nus-footer .far, .nus-footer .fas, .nus-footer .fab{

	position: relative;

	padding-left: 20px;

	font-weight: 400;

}

.nus-footer .far:before, .nus-footer .fas:before, .nus-footer .fab:before{

	position: absolute;

	left: 0;

	top: 0;

	color: #fff;

}



.nus-footer .col-tb a:hover{

	color: #fff;

}

.nus-footer .fa { padding-left: 25px; position: relative; }

.nus-footer .fa:before { 

	color: #fff; left: 0; position: absolute; top: 2px; 

	display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.nus-footer .col-tb {

	padding: 10px 0 30px;

	width: 100%; 

	display: flex;

    flex-wrap: wrap;

    color: #D3D3D3;

    font-size: 14px;

    line-height: 24px;

}

.nus-footer .col-tb .info {vertical-align: top; width: 67%;

    display: flex;

    flex-wrap: wrap;

    }

.nus-footer .col-tb a, .nus-footer .col-tb{

	color: #999;

    	font-size: 14px;

    }

.nus-footer .col-tb .last { border-left: #004183 solid 1px; padding-left: 50px; width: 33%;}

.nus-footer .col-tb .info ul li { margin-bottom: 5px; }

.nus-footer .col-tb .item { display: inline-block; font-size: 13px; margin-bottom: 30px; padding-right: 20px; vertical-align: top; width: 20%; 

}

.nus-footer .copyright{

	background: #002449;

	padding: 14px 10px 9px;

}

.menufooter .last {border-left: none !important; padding-left: 0 !important;}



.header-container { background: #fff; }

.header-container .container { position: relative; }

.header-container a:link, .header-container a:visited { color: #666; }

.header-container .active a, .header-container a:hover { color: #ef7c00; }

.header-container .logo { float: left; padding: 20px 0; width: 260px; }

.header-container .links { bottom: 20px; font-size: 0; list-style: none; margin: 0; padding: 0; position: absolute; right: 15px; }

.header-container .links li { border-right: #666 solid 1px; display: inline-block; font-size: 14px; line-height: 1; padding: 0 10px; }

.header-container .links li:last-child { border-right: none; padding-right: 0; }



.menu-wrap { background: rgba(19,19,19,.8); left: 0; position: absolute; top: 0; right: 0; z-index: 9; }

.menu { text-transform: uppercase; }

.menu a:link, .menu a:visited { color: #fff; }

.menu ul li:hover, .menu ul li.active { background: rgba(239,124,0,.8); }

.menu ul { list-style: none; margin: 0; padding: 0; text-align: center; }

.menu ul .fa-angle-down { padding-right: 35px; position: relative; }

.menu ul .fa-angle-down:before { margin-top: -9px; position: absolute; right: 20px; top: 50%; }

.menu > ul { border-right: #474949 solid 1px; display: table; width: 100%; }

.menu > ul > li { border-left: #474949 solid 1px; display: table-cell; font-size: 14px; position: relative; vertical-align: top; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.menu > ul > li > a { display: block; overflow: hidden; padding: 12px 20px; position: relative; z-index: 2; }

.menu ul ul { background: rgba(19,19,19,.8); color: #fff; font-weight: 400; height: 0; left: 0; margin-top: 20px; min-width: 100%; opacity: 0; overflow: hidden; position: absolute; text-align: left; top: 100%; z-index: 3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.menu ul ul li { border-bottom: #474949 solid 1px; display: block; }

.menu ul ul li:last-child { border-bottom: none; }

.menu ul ul li a { color: #fff !important; display: block; line-height: normal; padding: 10px 20px; position: relative; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.menu ul ul ul, .menu ul ul ul ul { height: auto; margin-top: 0; left: 100%; top: 0; }

.menu ul ul .fa-angle-down:before { content:"\f105"; }

.menu > ul > li.hover > ul, .menu > ul > li.hover > ul > li.hover > ul, .menu > ul > li.hover > ul > li.hover > ul > li.hover > ul { height: auto; margin-top: 0; opacity: 1; overflow: visible; }



/*.fixed { border-bottom: #ddd solid 1px; }*/

.fixed .menu > ul > li { padding: 10px 0; }



@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }



@-webkit-keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 0% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }

@-moz-keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }

@keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }



@-webkit-keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }

@-moz-keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }

@keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }



@-webkit-keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }

@-moz-keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }

@keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }



@-webkit-keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }

@-moz-keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }

@keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }



@-webkit-keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }

@-moz-keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }

@keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }



.banner { font-size: 16px; position: relative; }

.banner .slick-arrow { display: none !important; }

.banner:hover .slick-arrow { display: block !important; }

.banner img { width: 100%; }

.banner .item { position: relative; }

.banner .bg { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.banner .tagline { background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);

	bottom: 0; color: #fff; left: 0; padding: 20px 0; position: absolute; right: 0; }

.banner h2, .banner h3 { font-size: 45px; font-weight: 700; line-height: 1.2; margin: 0; opacity: 0; position: relative; }

.banner h3 { font-size: 26px; font-weight: 600; margin-top: 5px; }

.banner p { margin: 20px 0; }

.banner .btn-1 { margin-top: 20px; padding-bottom: 10px; padding-top: 10px; }

.banner .slick-current .bg { -webkit-animation: bg ease-in 1;  

	-moz-animation:bg ease-in 1;

	animation:bg ease-in 1;

	-webkit-animation-fill-mode:forwards;  

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;

	-moz-animation-duration:3s;

	animation-duration:3s;}

.banner .slick-current h2 {  -webkit-animation: moveLeftRight ease-in 1;  

	-moz-animation:moveLeftRight ease-in 1;

	animation:moveLeftRight ease-in 1;

	-webkit-animation-fill-mode:forwards;  

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:.3s;

	-moz-animation-duration:.3s;

	animation-duration:.3s;

	-webkit-animation-delay: .5s;

	-moz-animation-delay: .5s;

	animation-delay: .5s;}

.banner .slick-current h3 {  -webkit-animation: moveRightLeft ease-in 1;  

	-moz-animation:moveRightLeft ease-in 1;

	animation:moveRightLeft ease-in 1;

	-webkit-animation-fill-mode:forwards;  

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:.3s;

	-moz-animation-duration:.3s;

	animation-duration:.3s;

	-webkit-animation-delay: .6s;

	-moz-animation-delay: .6s;

	animation-delay: .6s;}

.banner .slick-current p { -webkit-animation: moveRightLeft ease-in 1;  

	-moz-animation:moveRightLeft ease-in 1;

	animation:moveRightLeft ease-in 1;

	-webkit-animation-fill-mode:forwards;  

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:.3s;

	-moz-animation-duration:.3s;

	animation-duration:.3s;

	-webkit-animation-delay: .7s;

	-moz-animation-delay: .7s;

	animation-delay: .7s; }

.banner .slick-current .btn-1 { -webkit-animation: fadeIn ease-in 1;  

	-moz-animation:fadeIn ease-in 1;

	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:.3s;

	-moz-animation-duration:.3s;

	animation-duration:.3s;

	-webkit-animation-delay: .8s;

	-moz-animation-delay: .8s;

	animation-delay: .8s;}

.banner .slick-dots { bottom: 10px; right: 0; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; }

.banner .slick-dots li { display: inline-block; margin: 0 5px; }

.banner .slick-dots button { background: #b7b7b7; border: none; border-radius: 100%; display: block; font-size: 0; height: 10px; line-height: 1; padding: 0; width: 10px; }

.banner .slick-dots .slick-active button { background: #ef7c00; }

.banner .more { bottom: 0; font-size: 0; left: 0; position: absolute; top: 0; right: 0; }

/*.banner .slick-dots button:hover { color: #f63440; }

.banner .slick-dots button:hover:before { border-bottom-color: #f63440; }*/

.bn-inner { position: relative; }

.bn-inner img { width: 100%; }

.bn-content, .bn-title { color: #fff; left: 0; position: absolute; right: 0; }

.bn-content { bottom: 0; top: 0;}

.bn-content h1 { font-size: 40px; margin: 0 0 10px; font-weight: bold;}

.bn-content h4 { font-size: 24px; margin: 0;  font-weight: bold;}

.bn-content p { font-size: 16px; margin: 0;  font-weight: bold; text-transform: uppercase;}

.bn-title { bottom: 0; font-size: 16px; background: rgba(0,0,0,.6); color: #fff; padding: 30px 0;}

.bn-title p { }

.bn-title h4 {font-size: 24px; font-weight: 400; margin: 5px 0; }

.bn-text { display: table; height: 100%; width: 50%; }

.bn-text .content { display: table-cell; padding-bottom: 110px; padding-top: 30px; vertical-align: middle; }



.document { line-height: 1.6; margin: 15px 0; }

.document .fa-calendar { color: #9c9c9c; font-size: 13px; margin: 0 0 30px; }

.document .fa-calendar:before { margin-right: 10px; }

.document p { margin: 0 0 20px; }

.document h1, .document h2, .document h3, .document h4, .document h5 { color: #303030; font-weight: 700; line-height: 1.2; margin: 30px 0 15px; text-transform: uppercase; }

.document h1 { font-size: 20px; }

.document h2 { font-size: 18px; } 

.document h3 { font-size: 16px; }

.document h4 { font-size: 14px; }

.document h5 { font-size: 13px; }

.document strong { color: #303030; font-weight: 600; }

.document ul, .list-2 { list-style: none; margin: 0; padding: 0; }

.document ul { margin: 0 0 20px 20px; }

.document ul li, .list-2 li { padding-left: 15px; position: relative; }

.document ul li:before, .list-2 li:before { background: #ef7c00; border-radius: 100%; content: ""; height: 5px; left: 0; position: absolute; top: 7px; width: 5px; }

.document ol { margin: 0 0 20px; }

.document ol li, .document ul li, .list-2 li { margin-bottom: 10px; }

.document ul ul, .document ol ul, .document ul ol, .document ol ol { margin-top: 10px; }



.check-list { list-style: none; margin: 0; padding: 0; }

.check-list li { margin-bottom: 10px; padding-left: 20px; position: relative; }

.check-list li:before { color: #ef7c00; content: "\f14a"; font-family: "Font Awesome 5 Free"; left: 0; position: absolute; top: 0; }



.map { border: #d6d6d6 solid 1px; height: 430px; margin-top: 30px; width: 100%; }

.map h1 { font-size: 14px; margin: 0 0 5px; }

.map img { max-width: none; } 



.modal { text-align: center; }

.modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }



.mb-menu, .close-menu, aside .btn-control, .menu .links { display: none; }



.grid-1 { font-size: 0; margin-left: -15px; margin-right: -15px; }

.grid-1 h3 { font-size: 18px; font-weight: 600; margin: 20px 0 10px; }

.grid-1 h3 a:link, .grid-1 h3 a:visited { color: #303030; }

.grid-1 h3 a:hover, .grid-1 .inner:hover h3 { color: #f63440; }

.grid-1 .item { display: inline-block; font-size: 14px; padding: 15px 15px 20px; width: 33.3%; vertical-align: top; }

.grid-1 .inner { position: relative; }

.grid-1 .more { bottom: 0; font-size: 0; left: 0; position: absolute; top: 0; right: 0; }

.grid-1 .content { border-bottom: #e3e3e3 solid 1px; margin-bottom: 20px; padding: 10px 0 20px; }

.grid-1 .info { color: #303030; margin: 20px 0; padding-right: 100px; position: relative; }

.grid-1 .info p { margin: 0; }

.grid-1 .info strong { font-weight: 600; }

.grid-1 .info .btn-2 { bottom: 5px; font-size: .9em; padding: 5px 10px; position: absolute; right: 0; }

.grid-1 .inner:hover .btn-2 { background: #f63440; }



.grid-2 figure { float: left; margin-bottom: 30px; width: 195px; }

.grid-2 figure img { border: #ddd solid 1px; }

.grid-2 .content { margin-left: 220px; }

.grid-2 .content h1 { font-size: 18px; margin: 0 0 5px; text-transform: uppercase; }

.grid-2 .content h4 { color: #999; font-style: italic; font-size: 14px; font-weight: normal; margin: 0 0 20px; }

.grid-2 .content h5 { font-size: 14px; margin: 20px 0 5px; }



.grid-3 { font-size: 0; margin: 0 -15px; }

.grid-3 .item { display: inline-block; padding: 15px; width: 50%; }

.grid-3 .item a { color: #303030; display: block; position: relative; text-align: center; }

.grid-3 .item a span { background: #fff; border-top: #ef7c00 solid 5px; bottom: 0; font-size: 18px; font-weight: 600; left: 20px; line-height: 1.3; padding: 10px; position: absolute; right: 20px; }



.grid-4 { margin: 0 -4px; }

.grid-4 p { margin: 0 0 15px; }

.grid-4 .item { float: left; padding: 4px; width: 25%; }

.grid-4 .lg-item { width: 50%; }

.grid-4 .item .content { height: 280px; overflow: hidden; position: relative; }

.grid-4 .item-title { background: rgba(34,34,34,.7); bottom: 0; color: #fff; font-size: 13px; left: 0; padding: 10px 20px; position: absolute; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-4 .item:hover .item-title { bottom: -200%; }

.grid-4 .type { background: #f5f5f5; padding: 30px; }

.grid-4 .mask { background: rgba(239,124,0,.9); bottom: 100%; color: #fff; left: 0; font-size: 11px; opacity: 0; padding: 30px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-4 .item:hover .mask { bottom: 0; opacity: 1; }

.grid-4 .mbhover .content { height: auto; }

.grid-4 .mbhover .mask { bottom: auto; left: auto; opacity: 1; position: static; right: auto; top: auto; }

.grid-4 .mbhover .bg { background: none !important; }

.grid-4 .mbhover .bg .bgimg { display: block; }

.grid-4 .item h3 { font-size: 18px; margin: 0 0 20px; text-transform: capitalize; }

.grid-4 .mask .title { border-bottom: #f29633 solid 1px; font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }

.grid-4 .mask .date { margin-bottom: 20px; }

.grid-4 .stick { background: #df0c22; color: #fff; height: 24px; line-height: 24px; padding: 0 10px; position: absolute; right: 0; top: 0; white-space: nowrap; }

.grid-4 .stick:after, .grid-4 .stick:before { border-style: solid; border-color: #df0c22 transparent transparent transparent; border-width: 12px 10px 0 10px; content: ""; left: -10px; position: absolute; top: 0; }

.grid-4 .stick:after { border-color: transparent transparent #df0c22 transparent; border-width: 0 10px 12px 10px; bottom: 0; top: auto; }

.grid-4 .in-title { display: table; width: 100%; }

.grid-4 .in-text { display: table-cell; vertical-align: middle; }



.grid-5 { background: #f8f8f8; border: #f8f8f8 solid 1px; margin-bottom: 30px; padding: 10px; position: relative; }

.grid-5 figure { float: left; position: relative; width: 230px; }

.grid-5 figure img { width: 100%; }

.grid-5 figure:before { background: rgba(237,146,7,.95); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-5 figure span { background: #fff; border-radius: 3px; color: #ed9207; font-size: 13px; height: 40px; left: 50%; line-height: 40px; margin-left: -55px; margin-top: -20px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 110px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-5 .content { margin-left: 250px; }

.grid-5 .content h2 { font-size: 14px; font-weight: 600; margin: 10px 0 10px; text-transform: uppercase; }

.grid-5 .content .output { margin-top: 20px; }

.grid-5 .content .btn-1 { margin-bottom: 5px; margin-right: 10px; }

/*.grid-5 a { bottom: 0; font-size: 0; left: 0; position: absolute; top: 0; right: 0; }

.grid-5:hover { border-color: #ed9207; }

.grid-5:hover figure span, .grid-5:hover figure:before { opacity: 1; }

.grid-5:hover .content h2 { color: #ed9207; text-decoration: underline; }*/



.grid-6 { margin: 0 -1px 30px; }

.grid-6 img { width: 100%; }

.grid-6 .item { float: left; padding: 1px; width: 25%; }

.grid-6 .item a { display: block; position: relative; }

.grid-6 .title { background: rgba(34,34,34,.7); bottom: 0; color: #fff; font-size: 12px; left: 0; padding: 10px; position: absolute; text-align: center; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-6 .item a:hover .title { background: rgba(237,146,7,.8); }

.grid-6 .in-title { display: table; width: 100%; }

.grid-6 .in-text { display: table-cell; vertical-align: middle; }



.grid-7 { background: #f3f3f3; margin: 0 0 35px; padding: 10px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.grid-7:hover { background: #eee; }

.grid-7 figure { float: left; position: relative; width: 200px; }

.grid-7 figure img { width: 100%; }

.grid-7 .content { margin-left: 230px; }

.grid-7 .content h3 { font-size: 14px; font-weight: 700; margin: 15px 0; text-transform: uppercase; }

.grid-7 .content h3 a { color: #303030; }

.grid-7 .content .fa, .grid-7 .content h3 a:hover { color: #ed9207; }

.grid-7 .more { bottom: 2px; font-size: 0; left: 2px; position: absolute; right: 2px; top: 2px; }



.grid-8 { margin: 0 0 35px; position: relative; }

.grid-8 figure { float: left; position: relative; width: 180px; }

.grid-8 figure img { width: 100%; }

.grid-8 .content { margin-left: 210px; }

.grid-8 .content h3 { font-size: 18px; font-weight: 600; margin: 10px 0; text-transform: capitalize; }

.grid-8 .content h3 a { color: #303030; }

.grid-8 .content h3 a:hover { color: #ed9207; }

.grid-8 .content p { margin: 5px 0; }

.grid-8 .content .btn-wrap { margin-top: 20px; }

.grid-8 .content .btn-wrap a { margin: 5px 10px 0 0; }



.grid-9 { margin: 0 -15px; }

.grid-9 a:link, .grid-9 a:visited { color: #fff; font-size: 12px; text-decoration: underline; }

.grid-9 a:hover { text-decoration: none; }

.grid-9 h2 { font-size: 16px; font-weight: 700; margin: 0 0 10px; text-transform: uppercase; }

.grid-9 p { margin: 20px 0; }

.grid-9 .item { float: left; font-size: 13px; padding: 15px; width: 25%; }

.grid-9 .content { background: rgba(19,19,19,.6); border-radius: 3px; box-shadow: #666 0 0 3px; color: #fff; padding: 30px; }



.grid-10 .content { border-radius: 20px 0 20px 0; color: #fff; display: table; font-size: 13px; margin-top: 10px; width: 100%; }

.grid-10 .content .col { display: table-cell; padding: 20px; vertical-align: middle; }

.grid-10 .content .col:first-child { width: 110px; }

.grid-10 .content .ecol { padding-left: 0; }

.grid-10 .fa { font-size: 72px; }

.grid-10 .type-1 { background: #e44424; }

.grid-10 .type-1 .fa { color: #f75636; }

.grid-10 .type-2 { background: #67bcdb; }

.grid-10 .type-2 .fa { color: #75cbea; }

.grid-10 .type-3 { background: #a2ab58; }

.grid-10 .type-3 .fa { color: #b2bb67; }



.grid-11 { margin: 0 -15px; }

.grid-11 iframe { width: 100%; }

.grid-11 figure { position: relative; }

.grid-11 figure img { width: 100%; }

.grid-11 figure .fa-play { border: #fff solid 3px; border-radius: 100%; color: #fff; font-size: 26px; height: 50px; left: 50%; line-height: 40px; margin-left: -25px; margin-top: -25px; opacity: .8; position: absolute; text-align: center; top: 50%; width: 50px; }

.grid-11 figure a:hover .fa-play { opacity: 1; }

.grid-11 .item { float: left; padding: 15px; width: 33.3%; }

.grid-11 .content { margin-top: 10px; }

.grid-11 .type a { color: #a7a7a7; font-size: 12px; text-transform: uppercase; }

.grid-11 .type a:hover { color: #ef7c00;}

.grid-11 p { margin: 10px 0; }



.grid-12 { border-top: #e6e6e6 solid 1px; margin: 20px 0; padding: 20px 0; }

.grid-12 iframe { width: 100%; }

.grid-12 figure { float: left; position: relative; width: 295px; }

.grid-12 figure img { width: 100%; }

.grid-12 figure .fa-play { border: #fff solid 3px; border-radius: 100%; color: #fff; font-size: 26px; height: 50px; left: 50%; line-height: 40px; margin-left: -25px; margin-top: -25px; opacity: .8; position: absolute; text-align: center; top: 50%; width: 50px; }

.grid-12 figure a:hover .fa-play { opacity: 1; }

.grid-12 .descript { margin-left: 320px; }

.grid-12 .title { color: #333; font-size: 24px; line-height: 1.2; }

.grid-12 .title a { color: #333; }

.grid-12 .title a:hover { color: #ef7c00; }

.grid-12 .type { color: #a7a7a7; font-size: 12px; text-transform: uppercase; }



.grid-13 { background: #f4f4f4; border: #e6e6e6 solid 1px; border-top-color: #fff; display: table; padding: 0 10px; width: 100%; }

.grid-13 figure, .grid-13 .descript { display: table-cell; padding: 10px; vertical-align: middle; }

.grid-13 figure { width: 110px; }

.grid-13 figure img { width: 100%; }

.grid-13 .descript { color: #000; padding-left: 15px; }

.grid-13 .descript p { margin: 5px 0; }

.grid-13 .descript a { color: #000; }

.grid-13 .descript a:hover { color: #ef7c00; }



.grid-14 { margin: 20px -10px; }

.grid-14 .item { float: left; padding: 10px; width: 100%; }

.grid-14 .item img { width: 100%; }

.grid-14 a { color: #fff; display: block; font-size: 13px; position: relative; }

.grid-14 a:before { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 30%; }

.grid-14 .title { bottom: 0; left: 0; line-height: 1.2; padding: 10px 5px; position: absolute; text-align: center; right: 0; }

.grid-14 .title strong { display: block; }



.grid-15 { padding: 30px 0 0; }

.grid-15 figure { float: left; position: relative; width: 150px; }

.grid-15 figure .date { background: #ef7c00; color: #fff; font-size: 12px; left: 0; padding: 10px; position: absolute; text-align: center; top: 0; width: 60px; }

.grid-15 figure .date strong { display: block; font-size: 22px; font-weight: 600; line-height: 1.2; }

.grid-15 .descript { font-size: 12px; margin-left: 180px; padding: 10px 10px 0 0;}

.grid-15 .descript .title { font-size: 14px; font-weight: 600; }

.grid-15 .descript .title a { color: #333; }

.grid-15 .descript .title a:hover { color: #ef7c00; }

.grid-15 .descript .fa { color: #ef7c00; display: inline-block; font-size: 12px; }

.grid-15 .descript .fa:before { color: #333; margin-right: 5px; }



.grid-15.engagement-wrap {

    padding: 0;

    margin-top: 30px;

    background: #f7f7f7;

}



.contact-wrap { margin-left: -30px; margin-right: -30px; }

.contact-form, .contact-info { padding: 20px 30px; }

.contact-form .inrow { margin: 25px 0; }

.contact-form .lb { float: left; padding-top: 5px; position: relative; width: 90px; }

.contact-form .lb:after { content: ":"; position: absolute; right: 5px; top: 5px; }

.contact-form .group { margin-left: 100px; }

.contact-form .btn-1 { padding: 15px 40px; }

.contact-info h3 { color: #303030; font-size: 20px; margin: 0 0 20px; text-transform: capitalize; }

.contact-info .fa { padding: 10px 0 10px 50px; position: relative; }

.contact-info .fa:before { border: #545454 solid 1px; border-radius: 100%; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; top: 0; width: 35px; }

.contact-info .fa-map-marker { padding-bottom: 0; padding-top: 0; }



.output-1 { margin: 20px 0; text-align: center; }

.output-2 { margin: 30px 0; text-align: right; }



.thanks-wrap .image { padding-top: 20px; text-align: center; }

.thanks-wrap .content { padding-top: 20px; }

.thanks-wrap h1 { color: #303030; font-size: 40px; font-weight: 700; margin: 50px 0 20px; }

.thanks-wrap p { margin: 20px 0; }

.thanks-wrap .btn-1 { margin-top: 20px; text-transform: uppercase; }



.space-1 { padding-bottom: 30px; padding-top: 30px; }



.tempt { background: url(../img/bg-library.jpg) no-repeat center center; background-size: cover; padding-bottom: 50px; padding-top: 50px; position: relative; }

.tempt .title-1 strong { background: none; }

.tempt .title-1:before { left: 170px; }



.library-wrap .content { float: left; width: 66%; }

.library-wrap aside { float: right; padding-left: 30px; width: 34%; }



.scroll { border-top: #e6e6e6 solid 1px; margin: 20px 0; max-height: 440px; overflow-y: auto; }

.grid-2 h2 {

    margin-top: 0;

}

.library-wrap .grid-14 a {

	max-height: 140px;

}

.library-wrap .grid-14 .item img {

	margin-top: -14%; 

}

.box-1 { background: rgb(255,255,255);

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%);

	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%);

	border: #e6e6e6 solid 1px; float: left; font-size: 12px; padding: 20px; text-align: center; width: 100%; }

.box-1 p { margin: 10px 0; }



.box-2 { color: #fff; margin-bottom: 10px; position: relative; }

.box-2 img { width: 100%; }

.box-2 .content { font-size: 13px; left: 30px; position: absolute; top: 40px; width: 55%; }

.box-2 h3 { font-size: 16px; margin: 0; text-transform: uppercase; }

.box-2 h4 { font-size: 32px; font-weight: 600; margin: 10px 0; }

.box-2 .btn-2 { bottom: 30px; border-radius: 30px; left: 30px; padding: 4px 5px 4px 15px; position: absolute; }

.box-2 .btn-2 img { width: auto; }

.box-2 .btn-2 .fa-play-circle { display: inline-block; vertical-align: middle; }

.box-2 .btn-2 .fa-play-circle:before { font-size: 30px; }



.slick-1 { margin: 0 -2px; overflow: hidden; }

.slick-1 .item { padding: 2px 2px 4px; width: 20%; }

.slick-1 .title { font-size: 14px; font-weight: 700; padding: 15px; text-transform: uppercase; }

.slick-1 .slick-arrow { display: none !important; }

.slick-1:hover .slick-arrow { display: block !important; }



.slide-wrap { overflow: hidden; }



.pp-tempt h3 { color: #f68b1f; font-size: 24px; font-weight: 600; margin: 0; text-transform: uppercase; }

.pp-tempt h4 { color: #333; font-size: 14px; font-weight: 700; margin: 30px 0 20px; }

.pp-tempt .checkbox { margin-bottom: 20px; }



.fancybox-title-over-wrap { padding: 5px 10px; right: 0; text-align: center; }

.slick-arrow {border: none}

.evolution-box {

    float: left;

    border: solid 1px #FF6600;

    width: 450px;

    padding: 5px;

    min-height: 70px;

}

.nus-identity td, .nus-identity th {

    padding: 0;

    vertical-align: top;

}

#identity-box {

    display: inline;

    float: left;

    padding: 20px

}

#identity-box-right {

    margin-left: 10px;

    width: 280px;

    float: left;

}

#identity-box-right h2 {

    margin-top: 10px;

}

.nus-identity-bg {

	background: #FDFBFB;

	display: table;

	padding: 25px;

}

.clear {clear:both}

.withborder td {

    border: 1px solid #e1e1e1;

    padding: 10px;



}

@media (max-width:1191px){

	.bn-content h1 { font-size: 28px; }

	.bn-content h2 { font-size: 14px; }

	.bn-title .content { padding: 10px 15px; }

	.bn-title { font-size: 12px; }

	.bn-title h3 { font-size: 16px; }

	.grid-3 .item a span { font-size: 16px; }

	.grid-9 .item { width: 33.3%; }

	.grid-10 .content { margin-bottom: 30px; }

	.grid-10 .content .col:first-child { width: 60px; }

	.grid-10 .fa { font-size: 40px; }

}



@media (min-width:992px){

	.hide-992 { display: block !important; }

}



@media (max-width:991px){

    .page-id-35 table p {margin: 0 !important;}

	.bn-title { display: none; }

	.bn-text .content { padding-bottom: 0; padding-top: 50px; }

	.main-content { padding-left: 20px; width: 75%; }

	aside { width: 25%; }

	.footer-container .col-tb .item { width: 33.3%; }

	.grid-2 figure { width: 150px; }

	.grid-2 .content { margin-left: 170px; }

	.grid-5 figure { width: 180px; }

	.grid-5 .content { margin-left: 200px; }

	.grid-6 .item { width: 33.3%; }

	.grid-10 .content .col:first-child { width: 120px; }

	.grid-10 .fa { font-size: 60px; }

	.grid-14 .item { width: 50%; }

	.tb-2, .tb-2 tbody, .tb-2 thead, .tb-2 tr, .tb-2 th, .tb-2 td { display: block; width: 100%; }

	.tb-2 td { border-top: none; overflow: hidden; }

	.tb-2 tr:nth-child(2n+1) td { background: none; }

	.tb-2 .descript { margin-left: 110px; }

	.library-wrap .content { float: left; width: 100%; }

	.library-wrap aside { float: right; padding-left: 0; padding-top: 30px; width: 100%; }

	.box-2 { margin-top: 40px; }

	.grid-4 .item { width: 50%; }

}



@media (min-width:767px){

	.hide-767 { display: block !important; }

}

@media (max-width:767px){	

	.bn-text .content { padding-top: 0; }

	.hide-767, .header-container .links { display: none; }

	aside .btn-control, .menu .links { display: block; }

	.modal-tempt-1 .modal-dialog, .modal-dialog { width: 600px; }

	.modal-header, .modal-body { padding: 20px; }

	aside, .main-content { width: 100%; }

	aside { padding-bottom: 20px; }

	.main-content { padding-left: 0; }

	.menu-wrap { background: #021239; bottom: 0; left: auto; margin: 0; padding: 0; overflow-y: auto; position: fixed; right: -230px; text-align: left; top: 0; z-index: 999;  width: 230px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

	.menu-wrap .container { margin: 0; padding: 0; width: auto; }

	.menu > ul { display: block; height: auto; text-align: left; }

	.menu ul li { border: none; border-bottom: #021a57 solid 1px; display: block; margin: 0; padding: 0 !important; position: relative; }

	.menu ul li a { display: block; color: #fff !important; height: auto !important; line-height: normal !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

	.menu ul ul { background: #002a55; display: none; float: none; height: auto !important; margin: 0; opacity: 1; position: relative; left: auto; text-transform: capitalize; top: auto; white-space: normal; }

	.menu ul ul li { border-bottom-color: #003061; }

	.menu ul ul li a { padding: 13px 10px 13px 35px; position: relative; }

	.menu ul ul li a:after { content:"\f101"; font-family: 'FontAwesome'; font-size: 11px; left: 20px; position: absolute; top: 16px; }

	.menu ul ul li a:before { display: none; }

	.menu ul ul ul, .menu ul ul ul ul { left: auto; top: auto; }

	.menu ul ul ul li a { padding-left: 50px; }

	.menu ul ul ul li a:after { left: 35px; }

	.menu ul ul ul ul li a { padding-left: 65px; }

	.menu ul ul ul ul li a:after { left: 50px; }

	.menu > ul > li a:before, .menu .sub:after { display: none; }

	.menu .subarrow { background: #02386f; border-radius: 2px; cursor: pointer; height: 30px; line-height: 30px; position: absolute; text-align: center; top: 7px; right: 10px; width: 30px; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

	.menu .subarrow:hover { background: #004183; }

	.menu .subarrow:after { color: #fff; content: "\f105"; display: block; font-family: 'FontAwesome'; height: 100%; position: absolute; top: 0; right: 0; width: 100%; }	

	.menu .open:after {content: "\f107"; }

	.menu a:link, .menu a:visited, .menu a:hover { color: #fff; }

	.btn-menu{ border: #003061 solid 2px; border-radius: 2px; color: #fff !important; height: 38px; font-size: 0; line-height: 1; margin-top: -19px; padding: 7px; position: absolute; top: 50%; right: 15px; text-transform: uppercase; width: 44px; vertical-align: middle; z-index: 5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

	.btn-menu span { background: #003061; height:3px;margin-bottom:5px;display:block;position:relative}

	.burger-icon-2{transition:opacity .1s ease;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-ms-transition:opacity .1s ease;-o-transition:opacity .1s ease}

	.burger-icon-1,.burger-icon-3{ display: block; transition:transform .2s ease;-webkit-transition:-webkit-transform .2s ease;-moz-transition:-moz-transform .2s ease;-ms-transition:-ms-transform .2s ease;-o-transition:-o-transform .2s ease}

	.active-burger { background: #021239; border-radius: 0; margin-top: 0; position: fixed; top: 0; right: 230px; }

	.active-burger span { background: #fff; }

	.active-burger .burger-icon-2{opacity:0}

	.active-burger .burger-icon-1{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);top:8px;}

	.active-burger .burger-icon-3{ -webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);top:-8px;}

	.open-sub { right: 0; }

	.open-page .page, .open-page .footer-container { margin-left: -230px; }

	.grid-4 .type p { display: none; }

	.grid-6 .item { width: 25%; }

	.grid-12 figure { width: 200px; }

	.grid-12 .descript { margin-left: 220px; }

	.grid-12 .title { font-size: 18px; }

}

@media (min-width:720px){

	.hide-720 { display: block !important; }

}

@media (max-width:720px){

	.hide-720 { display: none; }

	.footer-container .col-tb .item { width: 50%; }

	.grid-2 figure { width: 100px; }

	.grid-2 .content { margin-left: 120px; }

	.grid-9 .item { width: 50%; }

	.banner h2 { font-size: 30px; }

	.banner h2 { font-size: 16px; }

}

@media (max-width:640px){

	.hide-640 { display: none; }

	.modal-tempt-1 .modal-dialog, .modal-dialog { width: 520px; }

	.grid-3 .item { width: 100%; }

	.grid-6 .item { width: 33.3%; }

	.grid-7 figure { width: 150px; }

	.grid-7 .content { margin-left: 170px; }

	.grid-8 .content h3 { font-size: 16px; margin-top: 0; }

	.grid-8 figure { width: 120px; }

	.grid-8 .content { margin-left: 140px; }

	.grid-11 .item { width: 100%; }

	.grid-11 .item figure { float: left; width: 150px; }

	.grid-11 .item .descript { margin-left: 170px; }

	.grid-12 figure { width: 150px; }

	.grid-12 .descript { margin-left: 170px; }

	.tb-2 .descript { margin-left: 100px; }

	.bn-content h1 { font-size: 20px; margin-bottom: 5px; }

	.bn-content h2 { font-size: 12px; }

	.banner .tagline { padding: 10px 0 25px; }

}

@media (min-width:560px){

	.hide-560 { display: block !important; }

}

@media (max-width:560px){

	.show-560 { display: block; }

	.hide-560 { display: none; }

	.modal-tempt-1 .modal-dialog, .modal-dialog { width: 440px; }

	.footer-container .col-tb, .footer-container .col-tb .col { display: block; width: auto; }

	.footer-container .col-tb .last { border-left: none; padding-left: 0; }

	.mb-break-560 .col { width: 100%; }

	.grid-2 figure { float: none; margin-bottom: 20px; width: auto; }

	.grid-2 .content { margin-left: 0; }

	.grid-5 figure { width: 150px; }

	.grid-5 .content { margin-left: 170px; }

	.grid-5 figure span { font-size: 12px; height: 30px; line-height: 30px; margin-left: -45px; margin-top: -15px; width: 90px; }

	.grid-10 .content .col:first-child { width: 80px; }

	.grid-10 .fa { font-size: 40px; }

	.grid-14 .title .text { display: none; }

	.grid-15 figure { width: 120px; }

	.grid-15 figure .date { font-size: 10px; padding: 3px; width: 35px; }

	.grid-15 figure .date strong { font-size: 16px; }

	.grid-15 .descript { margin-left: 140px; }

	.tb-2 figure { width: 50px; }

	.tb-2 .descript { margin-left: 60px; }

	.banner h2 { font-size: 20px; }

	.banner h3 { font-size: 14px; }

}

@media (max-width:480px){

	.mb-break-480 .col { width: 100%; }

	.modal-tempt-1 .modal-dialog, .modal-dialog { width: 300px; }

	.header-container .logo { width: 200px; }

	.grid-4 .item { width: 100%; }

	.grid-4 .type { padding: 20px; }

	.grid-4 .item .type { height: auto; }

	.grid-4 .type p { display: block; }

	.grid-7 figure { float: none; width: 100%; }

	.grid-7 .content { margin-left: 0; margin-top: 20px; }

	.grid-8 figure { width: 90px; }

	.grid-8 .content { margin-left: 100px; }

	.grid-9 .item { width: 100%; }

	.grid-12 figure, .grid-11 .item figure { float: none; width: 100%; }

	.grid-12 .descript, .grid-11 .item .descript { margin-left: 0; margin-top: 20px; }

	.grid-14 .item { width: 100%; }

	.grid-14 .title .text { display: block; }

	.grid-15 figure { width: 80px; }

	.grid-15 .descript { margin-left: 100px; }

}

@media (max-width:425px){

	.modal-tempt-1 .modal-dialog, .modal-dialog { width: 280px; }

	.grid-6 .item { width: 50%; }

}

@media (max-width:380px){

	.grid-5 figure { float: none; width: 100%; }

	.grid-5 .content { margin-left: 0; margin-top: 20px; }

	.grid-5 figure span { font-size: 12px; height: 30px; line-height: 30px; margin-left: -45px; margin-top: -15px; width: 90px; }

	.bn-content h1 { font-size: 18px; }

	.bn-content h2 { display: none; }

}

@media (max-width:330px){

	.footer-container .col-tb .item { width: 100%; }

	.grid-6 .item { width: 100%; }

	.grid-8 figure { float: none; width: auto; }

	.grid-8 .content { margin-left: 0; margin-top: 20px; }

	.grid-10 .content .col:first-child { width: 40px; }

	.grid-10 .fa { font-size: 20px; }

	.tb-2 th, .tb-2 td { text-align: center; }

	.tb-2 figure { float: none; width: auto; }

	.tb-2 .descript { margin-left: 0; margin-top: 10px; }

}



@media print{

	aside { display: none; }

	a[href]:after { content: none !important; }

} 

