/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/**
* Accordion CSS
**/

.sub-nav li { padding:0; }
.branding a img, .branding img, .logo-box img { width:260px; }
.logo-box img { height:auto; margin:7px 0; } 
.fancy-header .fancy-subtitle, .fancy-header .fancy-title {
    margin:0;
    padding:0;
}

.yith-wapo-block .yith-wapo-addon.empty-title { margin-bottom: 30px; }

.flex-block { display: flex; justify-content: center; align-items: center; }

/* 18th July 2018 */
.course-grid {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}
.course-grid .course-item {
	width:33.333333%;
	float:left;
	padding:15px;
	box-sizing:border-box;
}
.course-grid .course-box {
    width: 100%;
    height: 100%;
    float: left;
    border: 1px solid #7f5d9f;
    position: relative;
}
.course-title {
    width: 100%;
    margin: 0;
    padding: 0;
}
.course-title h3{
	color:#7f5d9f;
    line-height: normal;
    font-weight: 700;
    font-size: 20px;
    padding:0;
}
.course-content {
    width: 100%;
    min-height: 300px;
    float: left;
    padding: 15px 20px 50px;
    box-sizing: border-box;
}
.course-grid .course-box .button-block { width: 100%; float: left; list-style-type: none; position: absolute; left: 0; bottom: 0; margin: 0; padding: 0 10px; box-sizing: border-box; list-style-type:none; }
.course-grid .course-box .button-block li { width: 50%; float: left; box-sizing: border-box; margin: 0; padding: 15px 5px; box-sizing: border-box; }
.course-grid .course-box .button-block li a.btn { width: 100%; float: left; background-color: #7f5d9f; border-radius: 0; color: #FFFFFF; font-size: 18px; text-decoration: none; text-align: center; box-sizing: border-box; padding: 10px; border-radius: 5px;}
.course-grid .course-box .button-block li:nth-child(2) a.btn { background-color: #8dc63f; }
.course-grid .course-box .button-block li a.btn:hover { background-color:#8dc63f; }
.course-grid .course-box .button-block li:nth-child(2) a.btn:hover { background-color:#7f5d9f; }
.loadmore-container { text-align:center; margin-top: 15px; }
form.search { width:100%; position:relative; margin:0 auto; }
form.search input[type="search"] { width:100%; padding-right:115px; padding-left: 10px; margin: 0; }
form.search input[type="submit"] { position:absolute; right:0; top:0; background-color: #7c5da4; border-radius: 0 1px 1px 0 !important; padding: 0 10px; }
form.search input[type="submit"]:hover { background-color: #7fc555 !important; }

.accordion h4, .accordion h3{ font-size: 18px; font-weight: 400; }
.accordion .hr-class { margin-top: 10px; display: inline-block; }
.button-block {
	width:100%;
	display:inline-block;
	margin:0;
	padding: 15px 0;
	text-align:center;
}
.hr-class {
    font: normal 15px / 27px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    background: #7fc555;
    color: #fff !important;
    padding: 7px 25px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin: 0 5px;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}
.hr-class:hover {
    color: #fff !important;
    background-color: #7c5da4;
    border-color: #fff;
}

.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 2px solid #fff;
    transition: all linear 0.15s;
    font-size: 1.200em;
    color: #fff;
}
.accordion-section-content {
    padding: 1%;
    width:98%;
    float:left;

}
.form-control{
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
select.courseselector {
    display: inline-block;
    width: 25%;
}
.footer .request-button{
     color: #ffffff;
    background: #8dc63f;
   padding: 10px 10px;
    border-radius: 10px;
}
.footer .request-button:hover{
    background-color: #7c5da4;
   color:#fff;
}

#courseTab.r-tabs .r-tabs-panel{
    width:97.5%;
}
/*.footer .widget-title {max-width: 242px; background-color: #7c5da4; color: #fff; padding: 10px; font-weight: 400;line-height: 20px;}
.layout-list .post.bg-on {padding-bottom : 25px;}
.footer .widget .post-date{width: 100%;float: left;}
.footer .widget_recent_entries li:first-child { margin-top: 0px;}
.footer .widget_recent_entries li { margin-top: 32px;}
.tmm .tmm_comp_text {background: #7c5da4 !important;}*/
.post-details.details-type-link { font-weight: 500; font-size: 18px; }
.post-details.details-type-link:after { background-color: #00a79d; }

.footer .widget-title {max-width: 242px; background-color: #00a79d; color: #fff; padding: 10px; font-weight: 400;line-height: 20px; position:relative; padding-left:35px; }
.footer .widget-title:before { font-family:"Font Awesome 5 Free"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); font-weight:700; }
.footer .widget:nth-child(1) .widget-title:before { content:"\f099"; font-family:"Font Awesome 5 Brands"; }
.footer .widget:nth-child(2) .widget-title:before { content:"\f09e"; }
.footer .widget:nth-child(3) .widget-title:before { content:"\f0cb"; }
.footer .widget:nth-child(4) .widget-title:before { content:"\f1ea"; }
.footer .widget:nth-child(5) .widget-title:before { content:"\f2b9"; }
.footer .widget:nth-child(6) .widget-title:before { content:"\f2a0"; }
.footer .widget .resource-box .widget-title:before { content:"\f15c";  font-family: "Font Awesome 5 Free";}
.layout-list .post.bg-on {padding-bottom : 25px;}
.footer .widget .post-date{width: 100%;float: left;}
.footer .widget_recent_entries li:first-child { margin-top: 0px;}
.footer .widget_recent_entries li { margin-top: 32px;}
.footer .widget .resource-box { margin-top: 40px;}
.tmm .tmm_comp_text {background: #7c5da4 !important;}
.wpcf7-form .button { background-color:#7fc555 !important; }
.wpcf7-form .button:hover { background-color:#7c5da4 !important; }
.footer .widget .dt-shortcode-soc-icons .dt-icon-bg-on { min-width:36px; min-height:36px; line-height:36px; color:#FFFFFF; }
.footer .widget .dt-shortcode-soc-icons .dt-icon-bg-on .soc-font-icon { color:#FFFFFF; }
.footer .menu li { border:0; margin:0; }

.w-60.wpb_column .wpb_wrapper .wpcf7 { width: 75%; margin: 0 auto; }
.w-60.wpb_column .wpb_wrapper .wpcf7 label { display: inline-block; width: 100%; margin-bottom: 10px; }
.w-60.wpb_column .wpb_wrapper .wpcf7 label, .w-60.wpb_column .wpb_wrapper .wpcf7 p { color: #FFFFFF; }
.w-60.wpb_column .wpb_wrapper .wpcf7 .wpcf7-submit { margin-top: 10px; }

.call-to-action { border:0 !important; }
.call-to-action .vc_btn3 { text-shadow:none; font:normal  16px / 27px "Roboto", Helvetica, Arial, Verdana, sans-serif; padding:7px 25px; }
.call-to-action .vc_btn3:hover { background-color: #7c5da4 !important; background-image: -webkit-linear-gradient(left, #7c5da4 0%, #7c5da4 50%,#7c5da4 100%) !important; background-image: linear-gradient(to right, #7c5da4 0%, #7c5da4 50%,#7c5da4 100%) !important; }
.call-to-action-btn.dt-btn:hover { background-color:#FFFFFF !important; color:#7c5da4; }

/*.sidebar-divider-vertical.sidebar-right .sidebar { padding-left:30px; }*/
.sidebar-content > li { font-weight:700; }
.sidebar-content ul { width:100%; float:left; list-style-type:disc; margin:0; padding:0 0 0 15px; box-sizing:border-box; }
.sidebar-content ul li { width:100%; float:left; margin-top:15px; }
.sidebar-content ul li a { float:left; line-height:1.4; text-decoration:none }
.sidebar-content .crp_related_widget ul { list-style-type:none; margin:0; padding:0; }
.sidebar-content .crp_related_widget ul li a img { float:left; margin-right:15px; }
.sidebar-content .widget_recent_entries ul { padding:0 0 0 15px; }

/* 18th July 2018 */
.btn-full-width .hr-class { width: 100%; text-align: center; box-sizing: border-box; }
.category-listing { padding: 0 15px; }
.category-listing ul { display: inline-block; list-style-type: none; margin: 0 -10px; padding: 0; }
.category-listing ul li { width: 25%; float: left; padding: 10px; box-sizing: border-box; }
.category-listing ul li a { width: 100%; display: inline-block; color: #FFFFFF; font-size: 15px; text-decoration: none; text-align: center; font-weight: 500; line-height: 18px; padding: 10px; box-sizing: border-box; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.category-listing ul li a:hover { background-color: #4c4c4c !important; color: #FFFFFF; }

.course-content ul.list-style { list-style-type: none; margin: 0; padding: 0; }
.course-content ul.list-style li { font-size: 15px; color: #34495e; padding: 3px 0; }
.course-content ul.list-style li i.fas { width: 20px; }

.course-cats { position: absolute; left: 20px; right: 20px; bottom: 60px; color: #34495e; }

.course-grid .course-box .course-date { float: left; background-color: #7c5da4; color: #FFFFFF; text-transform: uppercase; font-size: 20px; line-height: 24px; padding: 15px 30px; }
.course-grid .course-box .course-date span { display: block; font-size: 30px; font-weight: 700; }
.course-grid .course-box .course-onsite { float: right; background-color: #F08326; color: #FFFFFF; font-size: 16px;padding: 15px 20px; }
.course-grid .course-box .course-footer { width: 100%; float: left; } 
.course-grid .course-box .course-footer a { width: 100%; height: 50px; display: inline-block; background-color: #7c5da4; text-align: center; color: #FFFFFF; line-height: 54px; font-size: 15px; text-decoration: none; position: absolute; left: 0; bottom: 0; }
.course-grid .course-box .overlay-content { background-color: #7c5da4; position: absolute; left: 0; top: 0; right: 0; bottom: 50px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; color:#FFFFFF; padding:30px 25px 30px 30px; }
.course-grid .course-box .overlay-content ul { margin: 0; padding: 0; }
.course-grid .course-box .overlay-content ul li { color: #FFFFFF; font-size: 15px; margin: 5px 0; }
.course-grid .course-box:hover .overlay-content { opacity: 1; visibility: visible; }
.course-grid .course-box:hover .course-footer a { background-color: #583e79; } 
.course-grid .course-box .overlay-content p { color:#FFFFFF; }

.download-section .hr-class {
    width: 30%; text-align: center; box-sizing: border-box;
}

.sidebar-courses h3.widget-title { font-size: 20px; font-weight: 700; }
.sidebar-courses ul { list-style-type: disc; padding-left: 15px; }
.sidebar-courses ul li { margin-bottom: 15px; }
.sidebar-courses ul li span.post-date { display: block; }

.pum-content.popmake-content:focus-visible { outline:none; }
.iso-badge { width:100%; float:left; margin-top:30px; }
.iso-badge img { max-width:150px; }

@media only screen and (max-width: 1199px) {
	.course-grid .course-item { width:50%; }
	.course-grid .course-box .button-block li a.btn { font-size:16px; }
	.header-bar {display: none !important;}

}

@media only screen and (max-width: 767px) {
	.course-grid .course-item { width:100%; }
	form.search { width:100%; }
}

@media only screen and (max-width:992px) {
    .category-listing ul li { width: 50%; padding-top: 5px; padding-bottom: 5px; }
}

@media only screen and (max-width:480px) { 
    .category-listing ul li { width: 100%; }    
    .download-section .hr-class { width: 100%; margin: 5px 0; }
}


/* Our Team HTML CSS 19 July 2018 */

.our-team { width: 100%; float: left; }
.our-team .title { font-size: 24px; color: #fff; font-weight: 700; width: 100%; float: left; padding-bottom: 10px; }
.roate-area { transform: rotate(-36deg); float: left; }
.our-team .container { width: 1170px; overflow: hidden; margin: 0 auto; }
.our-team .sub-title { font-size: 18px; color: #fff; line-height: 24px; }
.our-team .desc { font-size: 20px; color: #fff; }
.part1 { width: 100%; display: inline-block; text-align: center; }
.team-content { width: 50%; margin: 0 auto; }
.teams { width: 60%; height: 117px; margin: 0 auto; background: #B0B0AF; padding: 3.5% 3%; display: table; box-sizing:border-box; }
.teams-full-width { width: 100%; float: left; }
.teams-full-width ul, .teams ul { width: 100%; float: left; list-style: none; padding: 0px; margin: 0px; }
.teams-full-width ul li, .teams ul li { width: 20%; float: left; position: relative; height: 117px; }
.teams-full-width ul li img, .teams ul li img { width: 100%; height: 100%; float:left; }
.dark-bg { padding: 8.5px 15px; }
.teams ul li { width:50%; }
.teams.no-padding { padding:0; }
.teams.teams-3 ul li { width:33.3333%; }
.teams.teams-2 { width:40%; }

.orange-recruit { background: #EF8326; }
.blue-recruit { background: #4faee3; }
.green-recruit { background: #95C024; }
.purple-recruit { background: #7e5fa5; }

.required { color: #fff; font-size: 22px; }
.part { width: 100%; float: left; }
.part-full { width: 100%; float: left; }
.bottom-part { margin-top: -105px; width: 100%; float: left; }
.left-box { margin-left: -15px; float: left; margin-top: -100px; }
.right-box { margin-right: -15px; float: right; margin-top: -100px; }
.name { position: absolute; bottom: 10px; left: 10px; text-transform: uppercase; text-shadow: 0 0 2px #000; color: #fff; }
.blank-bg { padding: 8.5px 15px; }
.current-gap { padding: 8.5px 15px; }
ul li:hover .overlay { opacity: 1; cursor: pointer; }
ul li .overlay { opacity: 0; transition: all 0.5s ease; position: absolute; top: 0; left: 0; }
ul li:hover .static { opacity: 0; cursor: pointer; }
ul li .static { opacity: 1; }
h2 { font-size: 40px; line-height:1.2; color: #7662AB; }

.roate-area .white { background:#fff; }
.roate-area .orange { background:#f08421; }
.roate-area .light-green { background:#95C024; }
.roate-area .bright-blue { background:#4faee3; }
.roate-area .purple { background: #7e5fa5; }

/* 31st July 2018 */
.category-listing ul li a.all_courses { background-color: #575756; }

.category-listing ul li a.hr_advisory_legal_service, .hr_advisory_legal_service .course-box .course-date, .hr_advisory_legal_service .course-box .overlay-content, .hr_advisory_legal_service .course-box .course-footer a { background-color: #7c5da4; }
.hr_advisory_legal_service .course-box { border-color: #7c5da4; }
.hr_advisory_legal_service .course-title h3 { color: #7c5da4 }
.hr_advisory_legal_service .course-box:hover .course-footer a { background-color: #584077; }

.category-listing ul li a.staff_absence_management, .staff_absence_management .course-box .course-date, .staff_absence_management .course-box .overlay-content, .staff_absence_management .course-box .course-footer a { background-color: #8dc63f; }
.staff_absence_management .course-box { border-color: #8dc63f; }
.staff_absence_management .course-title h3 { color: #8dc63f }
.staff_absence_management .course-box:hover .course-footer a { background-color: #70a725; }

.category-listing ul li a.recruitment_vetting_service, .recruitment_vetting_service .course-box .course-date, .recruitment_vetting_service .course-box .overlay-content, .recruitment_vetting_service .course-box .course-footer a { background-color: #00a79d; }
.recruitment_vetting_service .course-box { border-color: #00a79d; }
.recruitment_vetting_service .course-title h3 { color: #00a79d }
.recruitment_vetting_service .course-box:hover .course-footer a { background-color: #007770; }

.category-listing ul li a.health_safety_service, .health_safety_service .course-box .course-date, .health_safety_service .course-box .overlay-content, .health_safety_service .course-box .course-footer a { background-color: #db564d; }
.health_safety_service .course-box { border-color: #db564d; }
.health_safety_service .course-title h3 { color: #db564d }
.health_safety_service .course-box:hover .course-footer a { background-color: #ad3f38; }

.category-listing ul li a.hr_employment_contracts_service, .hr_employment_contracts_service .course-box .course-date, .hr_employment_contracts_service .course-box .overlay-content, .hr_employment_contracts_service .course-box .course-footer a { background-color: #51ade2; }
.hr_employment_contracts_service .course-box { border-color: #51ade2; }
.hr_employment_contracts_service .course-title h3 { color: #51ade2 }
.hr_employment_contracts_service .course-box:hover .course-footer a { background-color: #367aa0; }

.category-listing ul li a.health_wellbeing_service, .health_wellbeing_service .course-box .course-date, .health_wellbeing_service .course-box .overlay-content, .health_wellbeing_service .course-box .course-footer a { background-color: #5c9631; }
.health_wellbeing_service .course-box { border-color: #5c9631; }
.health_wellbeing_service .course-title h3 { color: #5c9631 }
.health_wellbeing_service .course-box:hover .course-footer a { background-color: #457125; }

.category-listing ul li a.management_consultancy_service, .management_consultancy_service .course-box .course-date, .management_consultancy_service .course-box .overlay-content, .management_consultancy_service .course-box .course-footer a { background-color: #ffe500; }
.management_consultancy_service .course-box { border-color: #ffe500; }
.management_consultancy_service .course-title h3, .management_consultancy_service .course-box .course-date, .management_consultancy_service .course-box .course-footer a, .category-listing ul li a.management_consultancy_service { color: #000000; }
.management_consultancy_service .course-box:hover .course-footer a { background-color: #c3af00; color: #FFFFFF; }
.category-listing ul li a.management_consultancy_service:hover { color: #FFFFFF; }
.management_consultancy_service .course-box .overlay-content ul li { color: #000000; }
.course-grid .management_consultancy_service .course-box .overlay-content p { color:#000000; }

.category-listing ul li a.briefing_sessions { background-color: #C4C4C3; }
/*.briefing_sessions .course-box { border-color: #C4C4C3; }
.briefing_sessions .course-title h3 { color: #C4C4C3 }
.briefing_sessions .course-box:hover .course-footer a { background-color: #C4C4C3; }*/

.category-listing ul li a.available_on_site { background-color: #F08326; }

/* Team Detail Page CSS */
/*@font-face {
    font-family: 'edoregular';
    src: url('fonts/edo-webfont.eot');
    src: url('fonts/edo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edo-webfont.woff2') format('woff2'),
         url('fonts/edo-webfont.woff') format('woff'),
         url('fonts/edo-webfont.ttf') format('truetype'),
         url('fonts/edo-webfont.svg#edoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	unicode-range: U+20-21, U+3F, U+41-5A, U+61-7A;

}*/

@font-face {
    font-family: 'edoregular';
    src: url('fonts/edo-webfont.woff2') format('woff2'),
         url('fonts/edo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.page-title .entry-title span { color: #f2b6d2; }
.team-info-block { margin: 0 -15px; }
.team_pic, .team_detail { float: left; position: relative; box-sizing: border-box; padding: 0 15px; }
.team_pic img, .team_detail img { max-width: 100%; }
.team_pic img:focus, .team_detail img:focus, .team_pic img:active, .team_detail img:active { outline: none; }
.team-detail-block { width: 100%; height: 100%; min-height: 400px; float: left; background: #7c5da4 url("images/team_bg.png") no-repeat left top; background-size: cover; background-position: center top; padding: 80px 0 50px 0 !important; margin-top: -30px; }
/*.team-detail-block:before { width: 100%; height: 75px; content: ""; background-color: #7c5da4; position: absolute; left: 0; top: 30px; }*/
.team_pic { width: 40%; height: 484px; float: left; /*background: url("images/fusion_scribble.png") no-repeat center top;*/ }
.team_detail { width: 60%; padding-left: 30px; }
.team_detail p { font-family: 'edoregular'; color: #FFFFFF; font-size: 20px; line-height: 28px; letter-spacing: 1px; }
.team_detail hr { width: 100%; height: 70px; float:left; background: url("images/white_line.png") no-repeat left top; background-size: 100%; border: 0; margin: 0; padding: 0; }
.team_detail .wpb_content_element { margin-bottom: 0; }


.SandboxRoot .timeline-Tweet-text{ color:#FFFFFF !important; }
.pum-title.popmake-title { padding-bottom:20px; }
.pum-content.popmake-content .hr-class { margin-top:15px; }

.doc-icon .aio-icon i { margin-left:10px; }
.support-form {width:100%; display:inline-block;}
.support-form p {  width: 25%; float: left; padding: 0 5px; box-sizing: border-box; }

textarea.wpcf7-validates-as-required.wpcf7-not-valid {border-color: #f55b5f;}
.wpcf7-response-output {float:left;}
.questions-block .vc_tta-panel-heading .vc_tta-icon { position:absolute; left:15px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size:1.7em !important; }
.questions-block .vc_tta-panel-heading .vc_tta-title-text { display:inline-block; margin:0 !important; padding:0 0 0 40px; }

/* 03-02-2020 MAT Saction CSS Start */
.separator-width.vc_separator { width:100px; }
.color-style:before { width:5000px; height:100%; content:""; position:absolute; top:0; }
.color-style-left:before { right:0; }
.color-style-right:before { left:0; }
.color-style01:before { background-color:#cde7e6; }
.color-style02:before { background-color:#F9E0CE; }
.color-style03:before { background-color:#DBD7E8; }
.color-style04:before { background-color:#D6E9F6; }
.color-style05:before { background-color:#E4F0D3; }
.color-style06:before { background-color:#DBE8DB; }
.color-style07:before { background-color:#F1D4D2; }
.color-style08:before { background-color:#FFFFFF; }

.icon-box-with-title a.aio-icon-read  { width:180px; height:44px; background-color:#8770A2; border-radius:6px; text-align:center; line-height:44px; color:#FFFFFF; font-size:16px; padding:0; margin-top:30px; }
.icon-box-with-title a.aio-icon-read:hover { background-color:#7662ab !important; }

.color-style01 .icon-box-with-title a.aio-icon-read { background-color:#13a89e; }
.color-style02 .icon-box-with-title a.aio-icon-read { background-color:#E78742; }
.color-style04 .icon-box-with-title a.aio-icon-read { background-color:#5FABDE; }
.color-style05 .icon-box-with-title a.aio-icon-read { background-color:#98C355; }
.color-style06 .icon-box-with-title a.aio-icon-read { background-color:#74A573; }
.color-style07 .icon-box-with-title a.aio-icon-read { background-color:#CE5E54; }

.btn-border { border:2px solid #8770A2; }
.quote-box-bg { padding-right:40px !important; }
.quote-box-bg:before { width:5000px; height:160px; background-color:#DBD7E8; content:""; position:absolute; top:0; right:50px; }
.quote-box-bg:after { width: 0; height: 0; border-style: solid; border-width: 80px 0 80px 50px; border-color: transparent transparent transparent #dbd7e8; content:""; position:absolute; right:0; top:0; }

.table-style table { margin:0; }
.table-style .ult_pricing_heading { display:none; }
.table-style .ult_pricing_table .ult_price_features { padding:0; margin:0; }
.table-style.ult_pricing_table_wrap .ult_price_features img { width:40px; }
.table-style thead tr { background-color:#dbd6eb; }
.table-style tbody tr:nth-child(odd) { background-color:#FFFFFF; }
.table-style tbody tr:nth-child(even) { background-color:#dbd6eb; }
.table-style thead th, .table-style tbody td { font-size:15px; text-align:left; padding:10px; }
.table-style thead th { border:0; border-bottom: 2px dotted #7662ab; }
.table-style tbody td { border:0; border-bottom: 2px dotted #7662ab; border-top: 2px dotted #7662ab; }
.table-style thead th:nth-child(1) { width:150px; }

.software-block { overflow:inherit !important; margin-top:65px; margin-bottom:30px;  }
.software-block .aio-icon-component { width:100%; height:50px; position:absolute; left:0; top:-50px; z-index:0; }
.software-block .aio-icon-component:before { width:1000%; height:50px; position:absolute; right:0; top:0; content:""; z-index:-1; }
.software-block.color-style01 .aio-icon-component:before { background-color:#009999; }
.software-block.color-style01 .aio-icon-component:after { border-color: transparent transparent transparent #009999; }
.software-block.color-style02 .aio-icon-component:before { background-color:#8dc63f; }
.software-block.color-style02 .aio-icon-component:after { border-color: transparent transparent transparent #8dc63f; }
.software-block .aio-icon-component:after { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 25px; content:""; z-index:-1; position:absolute; right:-25px; top:0; }
.software-block .aio-icon-component .aio-icon-default { position:absolute; left:0; top:50%; transform:translatey(-50%); }
.software-block .aio-icon-component .aio-icon-header { padding-left:100px; }
.software-block .aio-icon-component .aio-icon-header h3 { line-height:50px; }

div#webinarmodal { width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; right:0; bottom:0; padding:0; z-index:9999; display:none; overflow-y:scroll; }
div#webinarmodal .modal-content { width:90%; max-width:500px; background-color:#FFFFFF; border-radius:4px; padding:30px; margin:0 auto; display:block; position:absolute; left:50%; top:100px; transform:translatex(-50%); box-sizing:border-box; margin: 0; }
div#webinarmodal .close { width:30px; height:30px; background-color:rgb(127, 197, 85); border-radius:100%; border:0; position:absolute; right:-10px; top:-10px; color:#FFFFFF; font-size:30px; line-height:30px; }
div#webinarmodal h5.modal-title { font-size:22px; font-weight:700; margin-bottom:20px; text-align:center; }
div#webinarmodal .wpcf7-response-output { float:none; border:0; margin-bottom:0; }

.register-popup { width:300px; background-color:#7fc555; border-radius:30px; position:fixed; left:15px; bottom:15px; padding:30px 30px 40px; box-sizing:border-box; z-index:999; }
.register-popup h5 { color:#FFFFFF; font-size:28px; text-align:center; font-weight:500; line-height:40px; margin-bottom:15px; }
.register-popup .btn-click { width: 130px; height: 44px; border: 0; border-radius: 6px; font-size: 18px; font-weight: 600; background-color: #FFF; margin: 0 auto; display: block; color: #7c5da4; text-align: center; line-height: 44px; text-decoration: none; }
.register-popup .btn-click:hover { background-color:#7c5da4; color:#FFFFFF; }
.register-popup .closewebinar { width:30px; height:30px; background-color:#000000; border-radius:100%; border:0; position:absolute; right:-10px; top:-10px; color:#FFFFFF; font-size:30px; line-height:30px; }
html.pum-open.pum-open-overlay.pum-open-scrollable body .register-popup { padding-right:30px; }

.past-webinar-wrapper { width:100%; float:left; margin:0; padding:0; }
.past-webinar-wrapper .past-webinar-grid { margin:0 -15px; }
.past-webinar-wrapper .past-webinar-item { width:33.333%; float:left; margin:0; padding: 15px; box-sizing:border-box; }
.past-webinar-wrapper .webinar-image { width:100%; float:left; position:relative; cursor:pointer; margin:0; padding:0; }
.past-webinar-wrapper .webinar-image img { max-width:100%; float:left; }
.loadmore-btn-box { width:100%; float:left; margin:50px 0 0; padding:0; }
.loadmore-btn-box .dt-btn { width:180px; margin:0 auto 0 auto; display:block; }
.popmake-content .wpcf7-form p { margin-bottom:15px; }
.past-webinar-wrapper .webinar-image::before { content: "\f144"; font-family: "Font Awesome 5 Free"; color: #c4302b;  position: absolute; top: calc(50% - 12px); left: calc(50% - 25px); font-size:50px; opacity:0; visibility:hidden; }
.past-webinar-wrapper .webinar-image:hover::before { opacity:1; visibility:visible; }
.past-webinar-wrapper .past-webinar-item:nth-child(3n+1) { clear:both; }
.past-webinar-wrapper .past-webinar-item .webinar-video-title { width:100%; float:left; padding-top:15px; }
.past-webinar-wrapper .past-webinar-item .webinar-video-title h3 { font-weight:500; color:#7662AB; line-height:24px; }

/* 03-02-2020 MAT Saction CSS Ends */

/* New Service Page Style CSS */
.service-page-title { overflow:visible !important; }
.triangle-box { width:360px; height:360px; background: url(images/triangle_box.svg) no-repeat center center; background-size:cover; position:absolute; left:-150px; top:15px; transform: rotate(
-90deg); }
.triangle-box .wpb_wrapper { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:60px; }
.triangle-box .wpb_wrapper p { color:#FFFFFF; font-size:22px; text-align: center; }
.service-hero-banner:before { width:80%; height:5px; background-color:#00A89C; content:""; position:absolute; left:0; top:0; display:block !important; z-index:1; }
.service-hero-banner .upb_row_bg { background-size: calc(50% - 145px) !important; }

.timeline-listing .smile_icon_list .icon_list_item { margin-bottom:0px !important; overflow: hidden; padding-bottom: 30px !important; }
.timeline-listing .smile_icon_list .icon_list_item:last-child { padding-bottom: 0 !important; }
/* .timeline-listing .smile_icon_list .icon_list_item:nth-child(2) { padding:30px 0 !important;} */
/* .timeline-listing .smile_icon_list .icon_list_item:nth-child(2):before, .timeline-listing .smile_icon_list .icon_list_item:nth-child(2):after { width:5px; height:calc(100% - 30px); background-color:#34495E; opacity:0.48; content:""; position:absolute; left:13px; } */
.timeline-listing .smile_icon_list .icon_list_item:after { width:5px; height:calc(200% - 30px); background-color:#34495E; opacity:0.48; content:""; position:absolute; left:13px; }
/* .timeline-listing .smile_icon_list .icon_list_item:nth-child(2):before { top:-70px; } */
.timeline-listing .smile_icon_list .icon_list_item:after { bottom:0; }
.timeline-listing .smile_icon_list .icon_list_item .icon_description h3 { font-weight:400; margin-bottom:15px; }

.service-info-row { justify-content:center; }
.service-info-row .aio-icon-read { color:#00A89C; }
.service-testimonials.testimonials-carousel-shortcode .testimonial-item { align-items: center; flex-flow: column; }
.service-bg .wpb_column { z-index:0; }
.service-bg .wpb_column:last-child:after { width:1000%; height:100%; background-color:#FFFFFF; content:""; position:absolute; left:0; top:0; display:block; z-index:-1; }
.service-bg .uavc-list-content .uavc-list-icon { margin-top:5px; }

.woocommerce .product h4.entry-title { font-size:20px; }
.woocommerce .product .price { font-size:20px; font-weight:700; margin:10px 0; }
.product form.cart .button.back-to-shop { min-height:44px; line-height:44px; padding:0 10px; margin-left:10px; }

.checkout #wc-stripe-payment-request-wrapper, .checkout #wc-stripe-payment-request-button-separator { width: 100%; }
.checkout #wc-stripe-payment-request-button-separator { margin-bottom: 1.5em; }

@media only screen and (max-width: 1610px) {
	.masthead .mini-widgets>* { margin-right: 5px; }
	.branding > a { padding: 0px 10px 0px 15px; }
	.inline-header .header-bar > .mini-widgets { padding: 0px 15px 0px 10px; }
	.mini-contacts { font-size: 15px; }
	.main-nav > li > a { margin: 18px 4px 18px 4px; }
	.triangle-box { width: 330px; height: 330px; }
	.triangle-box .wpb_wrapper p { font-size: 20px; line-height: 1; }
	.triangle-box .wpb_wrapper { margin-top: 70px; }

}

@media only screen and (max-width:1480px) {
	.branding > a { width: 180px; }
}

@media only screen and (min-width:1280px) and (max-width: 1499px) {
	.hero-banner-listing { padding-left:100px; }	
}

@media only screen and (max-width: 1355px) {
	.mini-contacts { font-size: 15px; margin-right: 0; }
	.main-nav > li > a { margin: 18px 4px; }
	.masthead .mini-widgets>* { margin-right: 0; }
	.branding > a { width: 150px; padding: 0px 10px 0px 10px; }
	.inline-header .header-bar > .mini-widgets { padding: 0px 10px 0px 10px; }
}

@media only screen and (max-width: 1285px) { 
	.header-bar { display: inline-block !important; width: 100%; }
	.inline-header .branding { float: left; }
	.branding > a { width: inherit; }
	.branding a img, .branding img { margin-top: 20px; }
	.inline-header.center .main-nav { justify-content: end; }
	.inline-header .header-bar > .mini-widgets { display: flex; align-items: center; justify-content: end; }
}

@media only screen and (min-width: 991px) and (max-width: 1250px) {
	.mini-contacts { position: absolute; right: 30px; top: 5px; }	
	.branding a img, .branding img, .logo-box img { width: 175px; }
	.main-nav > li > a { margin: 18px 3px; }
	.inline-header .header-bar > .mini-widgets { padding-left: 0; }
}

@media only screen and (max-width:1279px) {
	.service-hero-banner .upb_row_bg { background:transparent !important; }
	.service-hero-banner .wpb_column { width:100%; display:block !important; }	
	.hero-banner-listing { padding-left:10%; }
}
@media only screen and (max-width:1250px) {
.header-bar { display: none !important;}
}

@media only screen and (max-width:1199px) {
    h2 { font-size: 25px; }
	.our-team { margin:0; }
    .our-team .container { width: auto; padding: 15px; }
    .roate-area { transform:none;  }
    .teams-full-width ul li, .teams.teams-3 ul li, .teams ul li, .teams { height: 107px; }
	
    .left-box, .right-box { width: 520px; margin: 30px auto; float: none; }
    .our-team .sub-title { font-size: 16px; }
    .team-content { width: 520px; }
    .bottom-part { margin-top: 0px; }
  
    /* Team Detail Page CSS */
    .team_pic, .team_detail { width: 100%; text-align: center; }
    .team-detail-block { padding-top: 110px !important; }
    .team_detail .fun_pic { margin: 15px 0; }
	
	/* 03-02-2020 MAT Saction CSS Start */
	.btn-border { width:200px !important; font-size:15px; }
	.quote-box-bg:before { height:220px; }
	.quote-box-bg:after { border-width:110.5px 0 110.5px 50px }
	/* 03-02-2020 MAT Saction CSS Ends */
	
	.service-hero-banner .upb_row_bg { background-image:none !important; }
	.service-bg .wpb_column:last-child:after { left:-35px; }	
}

@media only screen and (max-width:992px) {
	/* 08-06-2023 CPD Certified: CSS Start */
	.service-hero-banner.vc_row  { padding-bottom: 15px !important; }
	.w-60.wpb_column .vc_column-inner { margin-top:0px !important; }
	/* 08-06-2023 CPD Certified: CSS END */
	
	/* 03-02-2020 MAT Saction CSS Start */
	.quote-box-bg { padding-right:70px !important; }
	.quote-box-bg:before { height:160px; right:80px; }
	.quote-box-bg:after { border-width:80px 0 80px 50px; right:30px; }
	/* 03-02-2020 MAT Saction CSS Ends */
	.triangle-box { width:100%; min-height:110px; height:auto; background-color:#00a89c; position:relative; left:0; top:0; transform:inherit; margin:0; }
	.triangle-box .wpb_wrapper { margin:0; }
	.triangle-box .wpb_wrapper p { font-size:30px; }
	.service-hero-banner:before { display:none !important; }
	.hero-banner-listing { padding-left:0; }
}

@media only screen and (max-width:767px) {
    .team-content { width: 100%; }
    .teams, .teams.teams-2 { width: 100%; }
    .teams-full-width ul li, .teams.teams-3 ul li, .teams ul li { width: 50%; height:172px; }  
	.d-none { display:none; }
	
	/* 08-06-2023 CPD Certified: CSS Start */
	.service-hero-banner.vc_row .hero-banner-listing .vc_column-inner { padding-left: 15px !important; }
	.w-60.wpb_column .vc_column-inner { margin-top:0px !important; }
	.w-60.wpb_column .wpb_wrapper .wpcf7 { width: 100%; }
	/* 08-06-2023 CPD Certified: CSS END */
	/* 03-02-2020 MAT Saction CSS Start */
	.quote-box-bg { padding-right:15px !important; background-color:#DBD7E8; }
	.quote-box-bg:before { height:auto; right:0; }
	.quote-box-bg:after { display:none;  }
	/* 03-02-2020 MAT Saction CSS Ends */
	.loadmore-btn-box { margin-top:20px; }
	.register-popup { width:215px; padding:15px; border-radius:15px; }
	.register-popup h5 { font-size:18px; line-height:26px; }
	.register-popup .btn-click { width:115px; height:38px; font-size:14px; }
	#popmake-57007 .pum-title.popmake-title { font-size:22px; line-height:28px; padding:0; }
	
	.past-webinar-wrapper .past-webinar-item { width:50%; }
	div#webinarmodal .modal-content { top:0; margin: 50px 0; }
	
	.past-webinar-wrapper .past-webinar-item:nth-child(3n+1) { clear:inherit; }
	.past-webinar-wrapper .past-webinar-item:nth-child(2n+1) { clear:both; }
	
	.service-bg:after { display:none; }
	.service-bg .wpb_column:last-child { width:auto; background-color:#FFFFFF; margin:0 -5px; }
	.timeline-listing .smile_icon_list .icon_list_item:nth-child(2):before { top:-95px; }
}

@media only screen and (max-width:480px) {
    .team_pic { width: 300px; height: 300px; float: none; background-size: 100%; margin: 0 auto; }
	.support-form p { width:100%; }
	
	/* 03-02-2020 MAT Saction CSS Start */
	.btn-border { width:100% !important; margin-bottom:15px; }
	/* 03-02-2020 MAT Saction CSS Ends */
	
	.past-webinar-wrapper .past-webinar-item { width:100%; }
}

.grecaptcha-badge {
opacity:0 !important;
}


/* 20-08-2020 CSS */
.service-content-box .dt-btn:hover { background-color:#FFFFFF !important; color:#7c5da4 !important; } 
.info-box { padding: 0 30px; }
.info-box .aio-icon-component { margin-bottom:15px; }
.info-box .left-icon .aio-icon-left .aio-icon-img { margin-right:30px; }
.info-box .aio-icon-header { position:relative; padding-bottom:20px; margin-bottom:10px; }
.info-box .aio-icon-header:before { width:80px; height:3px; background-color:#FFFFFF; content:""; position:absolute; left:0; bottom:0; }
.info-box .aio-icon-read { background-color:#7fc555; color:#FFFFFF; padding:10px 20px; }
.info-box .dt-btn { margin-left:120px; }

.wc-ico-cart > .counter { position:absolute; top:-9px; right:-9px; }
.product_meta .posted_in, .product_meta .tagged_as { font-weight:600; font-size:14px !important; color:#7C5DA4 !important; }
.product_meta .posted_in a { color:#34495e !important; }
.entry-summary .product_meta .tagged_as a, .the7-elementor-widget .tagged_as a, .dhvc-woocommerce-page .product_meta .tagged_as a { color:#34495e; font-size:14px; padding:5px 10px; }
.widget .product-categories { padding:0; margin:0; }
.sidebar .widget-title { font-weight:500; color:#34495e; font-size:18px; }
.switcher-wrap { padding-top:15px; }
.sidebar-content .widget_product_categories .count { margin-left: 5px; }
.widget_product_tag_cloud .tagcloud a { font-size: 13px !important; padding: 3px 7px; border: 1px solid #34495e; display: inline-block; margin: 3px; text-decoration: none; color: #34495e !important; }
.widget_product_tag_cloud .tagcloud a:hover { background-color:#7c5da4; border-color:#7c5da4; color:#FFFFFF !important; }
.woocommerce div.product div.summary > .price { font-size:26px; font-weight:500; }

.service-callback-form { display:flex; align-items:center; flex-wrap:wrap; position:relative; }
.service-callback-form .wpcf7-form-control-wrap { width:20%; padding:0 5px; box-sizing:border-box; }
.service-callback-form .wpcf7-form-control { margin:0 !important; }
.service-callback-form .wpcf7-form-control.wpcf7-submit { width:calc(20% - 5px); border-radius:0 !important; margin-left:5px !important; }
.service-callback-form .ajax-loader { position:absolute; right:0; top:40px; }

.sticky-sidebar-btn { width:200px; height:54px; background-color: #7C5DA4; display:flex; align-items:center; justify-content:center; position:fixed; left:-75px; top:calc(50% + 100px); z-index:1; transform: translatey(-50%) rotate(-90deg); color:#FFFFFF; text-transform:uppercase; text-decoration:none; border-radius:0 0px 10px 10px; }
.sticky-sidebar-btn:hover { background-color:#7fc555; color:#FFFFFF; }
.single-post .page-title-head { margin:0 auto; }

@media only screen and (max-width:1199px) {
	.info-box { padding: 0; }	
	.info-box .left-icon .aio-icon-left .aio-icon-img { margin-right:15px; }
	.info-box .dt-btn { margin-left:105px; }
}

@media only screen and (max-width:992px) {
	.service-callback-form .wpcf7-form-control-wrap { width:50%; padding:5px; }	
	.service-callback-form .wpcf7-form-control.wpcf7-submit { width:100%; margin-left:0px !important; }
}

@media only screen and (max-width:767px) {
	.stats-block.counter-box { margin-bottom:0 !important; }
	.call-to-action-btn { display:block; margin:15px auto 0 auto; }
	.sticky-sidebar-btn { display:none; }
}

@media only screen and (max-width:480px) {
	.mobile-branding .mobile-logo { width:215px; }
	.service-callback-form .wpcf7-form-control-wrap { width:100%; padding:5px 0; }
}