@charset "utf-8";

/********************************** 366 Standard CSS Document **/
body,html{height:100%}
.box_title_01 h2{padding-right:0;padding-left:0;position:relative;margin-bottom:30px}

/*--- CSS UPDATE ---*/
.box_title_01 h2:after{content:"";width:100px;height:3px;background-color:#303030;position:absolute;left:0;bottom:-10px}
.box_title_01 .sub_title_366{padding-right:0;padding-left:0}

/********************************** 366 TEXT COLOR - All Text colors we are using in 366 business for your corporate websites **/
.text_366_01{color:#f7951e}.text_366_04{color:#0f245f}

/********************************* 366 BACKGROUND COLORS - All Background colors we are using in 366 business for your corporate websites **/
.bg_03_366{background:#f7951e}.bg_10_366{background:#0f245f}

/*********************************Welcome Message Menu Section - used for your corporate websites **/
.announcement_366{background:#0f245f}.close_announc_bar{color:#0f245f}.close_announc_bar:hover{background:#0f245f}

/*********************************Welcome Menu Bar - used for your corporate websites **/
.welcome_menu_366 .welcome_box_366 .welcome_column{width:50%}.welcome_menu_366 .welcome_box_366 .welcome_column li a:hover{color:#f7951e}

/*********************************Header Menu Section - used for your corporate websites **/
.nav_366 ul li>ul{width:250px}.humberger_366{background-color:#f7951e}

/*--- CSS UPDATE ---*/
.nav_366 ul li > ul.level-1:after{bottom:100%;left:12%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(247, 149, 30, 0);border-bottom-color:#f7951e;border-width:10px;margin-left:-10px}
.nav_366 ul li > ul{-webkit-box-shadow:0 0 5px 1px rgba(123, 123, 123,.5);-ms-box-shadow:0 0 5px 1px rgba(123, 123, 123,.5);box-shadow:0 0 5px 1px rgba(123, 123, 123,.5)}
.nav_366 ul.level-1 > li,.nav_366 ul.level-2 > li{position:relative}
.nav_366 ul.level-1 > li,.nav_366 ul.level-2 > li{border-top:solid 1px rgba(255,255,255,.1)}
.nav_366 ul.level-1 > li:first-child,.nav_366 ul.level-2 > li:first-child{border-top:0 none}
.nav_366 ul.level-1 > li:before,.nav_366 ul.level-2 > li:before{content:"";width:5px;height:100%;position:absolute;left:0;top:0;background-color:transparent;z-index:9;width:0;-webkit-transition:.3s all;-ms-transition:.3s all;transition:.3s all}
.nav_366 ul.level-1 > li:hover::before,.nav_366 ul.level-2 > li:hover::before{background-color:#d01623;width:5px}
/********************************* mainmenu-click_366*/

li.mega_nav_366 .full_menu ul li a:hover{color:#f7951e}li.mega_nav_366 .full_menu ul h4{border-bottom:1px solid #eee;padding:5px}

/********************************* Hero Slider- used for your corporate websites **/
.hero_slider_366 .slider_content_box a{background-color:#f7951e;border:1px solid #f7951e}
.hero_slider_366 .slider_content_box a:hover{border:1px solid #f7951e;color:#f7951e}

/*********************************Menu over slider */
.main_366_menu01{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.3);-ms-box-shadow:0 0 30px 0 rgba(0,0,0,.3);box-shadow:0 0 30px 0 rgba(0,0,0,.3)}
.block_image{-webkit-box-shadow:-7px 7px 10px 0 rgba(0,0,0,.3);-ms-box-shadow:-7px 7px 10px rgba(0,0,0,.3);box-shadow:-7px 7px 10px rgba(0,0,0,.3);-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.block_image:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/*********************************FIXED THE HEADER 366 **/
.fixed_366 .logo_366 { padding: 5px 0; }

/*********************************SCROLLING IMAGES*/
.carousel_366 .owl-carousel .owl-nav span{color:#f7951e}
.carousel_366 .owl-carousel .owl-next:hover span,.carousel_366 .owl-carousel .owl-prev:hover span{background:#f7951e}

/*********************************Owl Testimonials ONE*/
.testimonial01_366{background:#0f245f}

/*********************************Owl Testimonials TWO*/
.testimonial02_366{background:#f7951e}

/*********************************HOW WE WORK - PROCESS ONE*/
.how_wework01_366 .process_01 ul li:hover i{background:#f7951e}

/*********************************HOW WE WORK - PROCESS TWO*/
.how_wework02_366 .process_02 ul li:hover i{background:#0f245f}

/*********************************Horizontal Tabs ONE With Images and Text*/
.tab_366_H01 .tab-content>.tab-pane{border:1px solid #f7951e}
.tab_366_H01 .nav-tabs>li>a{color:#f7951e}
.tab_366_H01 .nav-tabs>li.active>a,.tab_366_H01 .nav-tabs>li.active>a:focus,.tab_366_H01 .nav-tabs>li.active>a:hover{background-color:#f7951e;border:1px solid #f7951e}
.tab_366_H01 .nav-tabs>li>a:hover{border-color:#f7951e #f7951e #f7951e}

/*********************************Horizontal Tabs TWO With Images and Text*/
.tab_366_H02 .tab-content>.tab-pane{border:1px solid #f7951e}
.tab_366_H02 .nav-tabs>li>a{color:#f7951e}
.tab_366_H02 .nav-tabs>li.active>a,.tab_366_H02 .nav-tabs>li.active>a:focus,.tab_366_H02 .nav-tabs>li.active>a:hover{background-color:#f7951e;border:1px solid #f7951e}
.tab_366_H02 .nav-tabs>li>a:hover{border-color:#f7951e #f7951e #f7951e}

/*********************************Vertical Tabs ONE With Images and Text*/
.tab_366_V01 .tab-content>.tab-pane{border:1px solid #f7951e}
.tab_366_V01 .nav-tabs>li>a{color:#f7951e}
.tab_366_V01 .nav-tabs>li.active>a,.tab_366_V01 .nav-tabs>li.active>a:focus,.tab_366_V01 .nav-tabs>li.active>a:hover{background-color:#f7951e;border:1px solid #f7951e}
.tab_366_V01 .nav-tabs>li>a:hover{border-color:#f7951e #f7951e #f7951e}
.tab_366_V01 .nav-tabs>li{margin-bottom:5px}

/*********************************Vertical Tabs TWO With Images and Text*/
.tab_366_V02 .tab-content>.tab-pane{border:1px solid #f7951e}
.tab_366_V02 .nav-tabs>li>a{color:#f7951e}
.tab_366_V02 .nav-tabs>li.active>a,.tab_366_V02 .nav-tabs>li.active>a:focus,.tab_366_V02 .nav-tabs>li.active>a:hover{background-color:#f7951e;border:1px solid #f7951e}
.tab_366_V02 .nav-tabs>li>a:hover{border-color:#f7951e #f7951e #f7951e}

/********************************PHOTO FILTER GALLERY 366*/
.filter_gallery_366 .button.is-checked,.filter_gallery_366 .button:active{background-color:#0f245f}

/*********************************OFF CANVAS NAVIGATION 366- SLIDING MENU*/
.offcanvas_366 .open_side_menu{background:#f7951e}.offcanvas_366 .sidenav a:hover{color:#f7951e}

/*********************************TIMELINE EVENT BLOCK TWO SCROLLING 366*/
.event02_366 #owl-5 .owl-nav .owl-prev,.event02_366 .owlSlider .owl-nav .owl-prev{color:#f7951e;border:1px solid #f7951e}
.event02_366 #owl-5 .owl-nav .owl-next,.event02_366 .owlSlider .owl-nav .owl-next{color:#f7951e;border:1px solid #f7951e}
.event02_366 #owl-5 .owl-nav .owl-next:hover,.event02_366 #owl-5 .owl-nav .owl-prev:hover,.event02_366 .owlSlider .owl-nav .owl-next:hover,.event02_366 .owlSlider .owl-nav .owl-prev:hover{background:#f7951e}

/*********************************MAIN IMAGE SLIDER ONE 366*/
.image_slider01_366 #owl-9 .owl-dot.active{background-color:#f7951e}

/*********************************SCROLLING GALLERY ONE 366*/
.scrolling_gallery01_366 .galpop-multiple{height:auto}
.block_pullPages_scrolling_366 .gallery-wrapper .owl-nav span,.scrolling_gallery01_366 .gallery-wrapper .owl-nav span{color:#f7951e}
.block_pullPages_scrolling_366 .gallery-wrapper .owl-prev:hover span,.scrolling_gallery01_366 .gallery-wrapper .owl-prev:hover span{background:#f7951e}

/*********************************CONTENT TEXT IMAGE SLIDER 366*/
.content_text01_366 #owl-6 .owl-dot.active,.content_text02_366 #owl-7 .owl-dot.active,.content_text03_366 #owl-8 .owl-dot.active,.content_text04_366 #owl-11 .owl-dot.active,.content_text05_366 #owl-12 .owl-dot.active,.content_text06_366 #owl-13 .owl-dot.active{background-color:#f7951e}

/*********************************VIDEO SLIDER ONE 366*/
.video_366_static .owl-carousel .owl-nav span{border:1px solid #f7951e;color:#f7951e}
.video_366_static .owl-carousel .owl-next:hover span,.video_366_static .owl-carousel .owl-prev:hover span{background:#f7951e}

/*********************************TABLE STRUCTURE 366*/
.table_366 .tabular .table>thead>tr>th{background:#f7951e}

/*********************************IMAGE SLIDER FAQ 366*/
.faq-slider-wrapper #owl-14 .owl-dot.active{background-color:#f7951e}

/*********************************CONTACT US 366*/
.contact_366 .contact_box ul li a:hover{background:#f7951e}

/*********************************CONTACT TWO US 366*/
.contact02_366 .contact_box button{border:1px solid #f7951e;background:#f7951e}
.contact02_366 .contact_box button:active,.contact02_366 .contact_box button:focus,.contact02_366 .contact_box button:hover{color:#f7951e}
.contact02_366 .contact_box ul li a:hover{background:#f7951e}
.contact02_366 .contact_box button{border:1px solid #f7951e;background:#f7951e}
.contact02_366 .contact_box button:active,.contact02_366 .contact_box button:focus,.contact02_366 .contact_box button:hover{color:#f7951e}
.contact02_366 .contact_box ul li a:hover{background:#f7951e}

/*********************************CONTACT THREE US 366*/
.contact03_366 .contact_box button{border:1px solid #f7951e;background:#f7951e}
.contact03_366 .contact_box button:active,.contact03_366 .contact_box button:focus,.contact03_366 .contact_box button:hover{color:#f7951e}
.contact03_366 .contact_box ul li a:hover{background:#f7951e}.contact03_366 .contact_box button{border:1px solid #f7951e;background:#f7951e}
.contact03_366 .contact_box button:active,.contact03_366 .contact_box button:focus,.contact03_366 .contact_box button:hover{color:#f7951e}
.contact03_366 .contact_box ul li a:hover{background:#f7951e}

/*********************************FOOTER SOCIAL ICON*/
.social_box01_366 li a{color:#f7951e;border:1px solid #f7951e}.social_box01_366 li a:hover{background:#f7951e;border:1px solid #f7951e}

/********************************* BREADCRUMBS 366*/
.breadcrumbs_366{background:#eee}.breadcrumbs_366 ul li a:hover{color:#f7951e}

/********************************* COOKIES 366*/
.cookies_366{background:#333}.read_coookie_policy{color:#fff}

/********************************* Title And Subtile 366*/
.title_subtitle_box{background:#eee;border:1px solid #e7e7e7}

/********************************* Scroll TO Next Section 366*/
.arrow_next_row a:hover{color:#f7951e}

/********************************* OFFCANVAS MENU 366*/
.multi_offcanvas_366 .buttons ul li:nth-of-type(1){background:#f7951e}
.multi_offcanvas_366 .buttons_2 ul li:nth-of-type(1){background:#f7951e}

/********************************* ADD-ONS LAYER SLIDER */
.editor_para ul{margin-left:10px}

/************************************** SITEMAP*/
.sitemap_366 ul li a:hover{color:#f7951e}.sitemap_366 ul li a::before{color:#f7951e}
.res_menu_icon_right {
    margin: 5px;
}

/*--- KCS CSS START ---*/
/*--- Default Datatable ---*/
.tabular .row{margin-left:0;margin-right:0}
.tabular .row .col-sm-1,.tabular .row .col-sm-2,.tabular .row .col-sm-3,.tabular .row .col-sm-4,.tabular .row .col-sm-5,.tabular .row .col-sm-6,.tabular .row .col-sm-7,.tabular .row .col-sm-8,.tabular .row .col-sm-9,.tabular .row .col-sm-10,.tabular .row .col-sm-11,.tabular .row .col-sm-12{padding-left:0;padding-right:0}
.tabular .dataTables_length,.tabular .dataTables_filter{color:#999!important;padding:10px 10px 5px}
.tabular .dataTables_info{color:#999!important;padding:18px 15px!important}
.tabular .dataTables_paginate{padding:10px!important}
.tabular .dataTables_paginate .pagination{margin:0}
.tabular .dataTables_length label,.tabular .dataTables_filter label{font-weight:normal}
.tabular .dataTables_filter input,.tabular .dataTables_length select{background:#fff;border:1px solid #ccc;color:#999;height:40px;padding:6px 12px;cursor:pointer}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button{background:#ddd;vertical-align:top}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button a{background:transparent;border:0 none;color:#999;padding:0}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.active,.tabular .dataTables_wrapper .dataTables_paginate .paginate_button:hover,.tabular .dataTables_wrapper .dataTables_paginate .paginate_button:hover a,.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.current,.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#aaa;border-color:#aaa;color:#fff}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.active a{color:#fff}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border-color:#ddd!important}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover a{background:transparent;color:#999}
.tabular .dataTables_wrapper table thead tr th{border-bottom:0 none}
.tabular .dataTables_wrapper table.dataTable.no-footer{border-bottom:1px solid #ddd}
.table_366 .tabular .table > thead > tr > th{font-size:16px;font-weight:normal}
/*--- Default Accordion ---*/
.img_accordion_366 .faq-parent .faq-ques .question01{border:0 none}
.img_accordion_366 .faq-parent .faq-ques .active h4,.img_accordion_366 .faq-parent .faq-ques h4{border-right-color:transparent!important}
.img_accordion_366 .faq-parent .faq-ques .answer01{border-top:0 none}
.img_accordion_366 .faq-parent .faq-ques .answer01 .editor_para{height:auto!important;text-align:left}
/*--- Default Title Shape ---*/
.title_9_col_b,.title_9_col_t{width:30%;height:50%;position:absolute;left:0;right:0;z-index:-1;margin:0 auto}
.title_9_col_t{top:0;background:#eee;-webkit-clip-path:polygon(50% 100%,100% 0,0 0);clip-path:polygon(50% 100%,100% 0,0 0)}
.title_9_col_b{bottom:0;background:#ccc;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}
/*--- Sticky Button Animation ---*/
.fixed_btn_366.sticky-variation2-1,.fixed_btn_366.sticky-variation2-2,.fixed_btn_366.sticky-variation2-3{right:0}
.fixed_btn_366.sticky-variation2-1 .btn_366 a,.fixed_btn_366.sticky-variation2-2 .btn_366 a,.fixed_btn_366.sticky-variation2-3 .btn_366 a{border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;padding:0 30px 0 0;margin:2px 0;height:auto!important;vertical-align:middle;min-width:150px;position:relative;-webkit-transition:all .35s;-ms-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s}
.fixed_btn_366.sticky-variation2-1 .btn_366 a:hover,.fixed_btn_366.sticky-variation2-2 .btn_366 a:hover,.fixed_btn_366.sticky-variation2-3 .btn_366 a:hover{right:0!important}
.fixed_btn_366.sticky-variation2-1 .btn_366 a i,.fixed_btn_366.sticky-variation2-2 .btn_366 a i,.fixed_btn_366.sticky-variation2-3 .btn_366 a i{min-width:40px;margin:0 10px 0 0;padding:12px 13px;text-align:center;background:rgba(0,0,0,.5)}
.fixed_btn_366.sticky-variation2-4,.fixed_btn_366.sticky-variation2-5,.fixed_btn_366.sticky-variation2-6{left:0}
.fixed_btn_366.sticky-variation2-4 .btn_366 a,.fixed_btn_366.sticky-variation2-5 .btn_366 a,.fixed_btn_366.sticky-variation2-6 .btn_366 a{border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;padding:0 0 0 30px;margin:2px 0;height:auto!important;vertical-align:middle;min-width:150px;position:relative;-webkit-transition:all .35s;-ms-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s;-ms-flex-pack:end;justify-content:flex-end}
.fixed_btn_366.sticky-variation2-4 .btn_366 a:hover,.fixed_btn_366.sticky-variation2-5 .btn_366 a:hover,.fixed_btn_366.sticky-variation2-6 .btn_366 a:hover{left:0!important}
.fixed_btn_366.sticky-variation2-4 .btn_366 a i,.fixed_btn_366.sticky-variation2-5 .btn_366 a i,.fixed_btn_366.sticky-variation2-6 .btn_366 a i{min-width:40px;margin:0 0 0 10px;padding:12px 13px;text-align:center;background:rgba(0,0,0,.5)}
/*--- Slide Title Text Shadow ---*/
.slider_title{-webkit-text-shadow:3px 3px 10px rgba(0,0,0,.6);-ms-text-shadow:3px 3px 10px rgba(0,0,0,.6);text-shadow:3px 3px 10px rgba(0,0,0,.6)}
/*--- KCS CSS END ---*/

/*--- PLESE DON'T ADD HERE - ADD YOUR CSS STYLE / CSS CODE / CSS QUERY BEFORE "KCS CSS START" COMMENT - THANKS ---*/