/* @override 
	http://peritus.3bitlabs.co.uk/site/css/style.css
	http://peritus.3bitlabs.co.uk/site/css/style.css?* */

.clearfix {
	clear: both
}

header {
	background: #fff;
	box-shadow: 0 0 5px #797979;
	width: 100%;
	position: fixed;
	top: 0;
	padding: 8px 0;
	z-index: 1000
}

.logo {
	float: left
}

.navi a {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif
}

.navi ul li {
	margin: 0 10px;
	padding: 0
}

.btn1 {
	padding: 5px 18px;
	color: #162b44;
	border: 1px solid #2f2f2f
}

.btn1:hover {
	background: #2f2f2f;
	border: 1px solid #2f2f2f;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.btn1:active {
	color: #fff;
	background-color: #2f2f2f!important;
	border-color: #2f2f2f!important;
	box-shadow: none!important
}

* {
	box-sizing: border box
}

.nav-pills li {
	opacity: 0.4;
	float: left;
	width: 32%
}

.nav-pills li.active {
	opacity: 1
}

.nav.nav-pills a {
	text-decoration: none
}
/*.nav-pills li.active_list:before {
	background: url(../images/text-bg.png) no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 16px;
	left: -5px;
	position: absolute;
	top: 10px;
	width: 30px
}*/

.nav-pills li.active:before, .nav-pills li.active_list:before {
	background: url(../images/text-bg.png) no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 16px;
	left: -5px;
	position: absolute;
	top: 10px;
	width: 30px
}

.nav-pills li {
	position: relative
}

.btn, button {
	border: none;
	font-size: 13px;
	color: #fff;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 5px 21px;
	border: 2px solid #1d1d1d;
	transition: color .1s cubic-bezier(.16,.08,.355,1),background .1s cubic-bezier(.16,.08,.355,1);
	display: inline-block;
	cursor: pointer;
	min-width: 100px;
	outline: 0;
	vertical-align: middle;
	text-align: center;
	position: relative
}

@media (min-width:400px) {
	.btn, button {
		width: auto
	}
}@media (min-width:800px) {
	.btn, button {
		font-size: 1.1rem;
		padding: .5rem 1.5rem
	}
}.btn:hover, button:hover {
	background: #2a2a2a;
	border-color: #2a2a2a;
	color: #fff
}

.btn-border {
	background-color: transparent;
	color: #1d1d1d
}

.btn-arrow {
	position: relative;
	transition: background-color .3s ease-out
}

.btn-arrow span {
	display: inline-block;
	position: relative;
	transition: all .3s ease-out;
	will-change: transform;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif
}

.btn-arrow:hover span {
	transform: translate3d(-1rem,0,0)
}

.btn-arrow svg {
	position: absolute;
	width: 1.1em;
	right: 0;
	right: 0;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease-out;
	will-change: right,opacity
}

.btn-arrow svg * {
	stroke-width: 5;
	stroke-color: transparent
}

.btn-arrow:hover svg {
	opacity: 1;
	right: -1.8rem
}

.carousel-control.left {
	margin-left: -45px;
	color: #fff;
	position: absolute;
	top: 30%;
	bottom: 0;
	font-size: 60px
}

.carousel-control.right {
	margin-right: -45px;
	color: #fff;
	right: 0;
	font-size: 60px;
	top: 30%;
	position: absolute
}

a.carousel-control.left:hover, a.carousel-control.right:hover {
	text-decoration: none
}

ul.nav.nav-pills.nav-justified.mobile-version {
	display: none
}

.slick-slide.slick-active:hover .video_text h3 {
	color: #162b44;
	transition: all .7s
}

.slick-slide.slick-active:hover img {
	box-shadow: 0 0 10px #ccc;
	transition: all .7s
}

.empty {
	visibility: hidden;
	color: #fff
}

.headin_section {
	text-align: center;
	font-size: 17px;
	font-weight: 700
}

.slick-slide.slick-active img:hover {
	box-shadow: 0 0 10px #655f5f;
	transition: all .7s
}

.team_sec_inter {
	padding: 0 22px
}

div#nav-tab img {
	width: 40%;
	margin: 0 25%;
}

.btn2 {
	padding: 5px 18px;
	color: #fff;
	border: 2px solid #2f2f2f;
	font-size: 28px;
	margin: 25px 0
}

.btn2:hover {
	background: #2f2f2f;
	border: 1px solid #2f2f2f;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.btn2:active {
	color: #fff;
	background-color: #2f2f2f!important;
	border-color: #2f2f2f!important;
	box-shadow: none!important
}

.pric_btn {
	padding: 5px 18px;
	color: #fefefe;
	border: 2px solid #fefefe;
	font-size: 20px;
	margin: 15px 0
}

.pric_btn:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #162b44;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.pric_btn:active {
	color: #162b44;
	background-color: #162b44!important;
	border-color: #162b44!important;
	box-shadow: none!important
}

.trial_btn {
	padding: 5px 18px;
	color: #162b44;
	background: #7bc8a3;
	font-size: 20px;
	margin: 25px 0;
	margin: 0 20px 0;
	border: none
}

.trial_btn:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #162b44;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.trial_btn:active {
	color: #162b44;
	background-color: #162b44!important;
	border-color: #162b44!important;
	box-shadow: none!important
}

.free_btn {
	padding: 5px 1.5em;
	color: #fff;
	text-transform: none;
	background: #162b44;
	font-size: 20px;
	margin: 25px 0;
	border: 1px solid #162b44;
	font-size: 28px
}

.free_btn:hover {
	background: #fff;
	color: #162b44;
	transition: all .2s ease-in-out;
	transform: scale(1.05);
	border: none
}

.free_btn:active {
	color: #162b44;
	background-color: #162b44!important;
	border-color: #162b44!important;
	box-shadow: none!important
}

.banner {
	background: #fff200;
	margin: 100px 0 0;
	padding: 100px 0 100px;
}

.main .banner {
	background: rgb(115,195,158);
	background-repeat: no-repeat;
}

.banner h2, .banner h1 {
	font-size: 48px;
	color: #162B44;
	font-weight: 400;
	font-family: 'Open Sans',sans-serif;
	z-index: 10;
}

.team_sec {
	/*background: url(../images/team-background.png) left top no-repeat;*/
	background-size: cover;
	/*padding: 84px 0 20px;*/
	background-color: #1f314d;
}

.team_sec h2, .team_sec h1 {
	font-size: 48px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	margin: 15px 0 35px
}

.team_sec p {
	font-size: 16px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	margin: 35px 0
}

.system_sec {
	background: #e9f3ed;
	padding: 90px 0 0;
	transition: all .9s
}

.syst_img img {
	width: 100%
}

.system_sec h3 {
	font-size: 28px;
	color: #162b44;
}

.bor_gre {
	border-bottom: 4px solid #7bc8a3;
	/*width: 84px;*/
	margin: 15px auto 20px;
	padding: 0 0 10px
}

.bor_pink {
	border-bottom: 4px solid #fbd2d2;
	width: 100px;
	margin: 15px auto 20px;
	padding: 0 0 10px
}

.bor_mag {
	border-bottom: 4px solid #e6d6e9;
	width: 100px;
	margin: 15px auto 20px;
	padding: 0 0 10px
}

.access_pnl {
	color: #268869;
	font: 35px/50px 'Open Sans', sans-serif;
	/*padding: 10px 0;*/
	margin-bottom: 70px;
}

.device_box {
	width: 100%;
	margin: 50px 0 90px
}

.course_box {
	margin: 30px 0 50px;
	width: 100%
}

.access_box {
	margin: 0 0 30px 0
}

.access_box p {
	font-family: 'Open Sans', sans-serif;
	padding: 30px 0 0;
	font-size: 13px;
	color: #162B44;
	font-weight: 600;
}

.access_box h3 {
	font-size: 38px;
	color: #162b44;
	font-family: 'Open Sans',sans-serif
}

.pa_left {
	padding: 0 0 0 50px
}

.mg_top {
	margin: 20px 0 0
}

.bottom_text {
	font-size: 27px !important;
	color: #a3d8be!important;
	padding: 25px 0 0;
}

.courses_sec {
	margin: 95px 0;
	background: #fff
}

.courses_sec h2 {
	color: #162b44;
	font-family: 'Open Sans',sans-serif;
	font-size: 56px
}

.video_text {
	margin: 15px 0
}

.video_text span {
	color: #ac75b7;
	font-size: 14px;
	margin: 10px 0
}

.video_text h3 {
	color: #ac75b7;
	font-family: 'Open Sans',sans-serif;
	font-size: 36px
}

.video_text p {
	font-size: 20px;
	color: #162b44
}

.pricing_sec {
	background: #5fb092;
	padding: 45px 0 85px
}

.top_head {
	color: #162B44;
	font-size: 13px;
	margin: 10px 0;
	font-weight: 600;
}

.sub_head {
	color: #162b44;
	font-size: 35px;
	margin: 15px 0
}

.sub_head1 {
	color: #162b44;
	font-size: 22px;
	margin: 10px 0
}

h2, .priceing_sec h1, .partner_sec h1, .pricing .priceing_boxs h1, .trial .free_sec h1, .product.faq .faq_pnl h1 {
	font-size: 48px;
	color: #162b44;
	font-family: 'Open Sans',sans-serif;
	margin: 0 0 20px 0
}

.trial .free_sec h1 {
	color: #fff;
}

.online_tran {
	background: #fff;
	padding: 80px 0 95px
}

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

.shdo ul li {
	margin: 0;
	padding: 10px 0 0;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	line-height: normal
}

.gr1 {
	background: #7bc8a3;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	padding: 2em 20px 60px !important
}

.pink {
	background: #e1826c;
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	padding: 2em 20px 60px !important
}

.mag {
	background: #ac75b7;
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	padding: 2em 20px 60px !important
}

.yell {
	background: #f9b564;
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	padding: 2em 20px 60px !important
}

.gr2 {
	background: #268869;
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	padding: 45px 20px 60px !important
}

.economy_sec {
	background: #fff;
	padding: 80px 0 0;
	text-align: center
}

.logos {
	margin: 10px 0 20px;
}

.logos img {
	width: 85%
}

.testimonial {
	background: #ac87b8;
	padding: 82px 0 95px
}

.client_box {
	background: #fff;
	padding: 50px 150px;
	min-height: 400px
}

.client_box p {
	color: #162b44;
	font-size: 30px;
	background: url(../images/quort.png) top left no-repeat;
	padding: 60px 0 0
}

.client_dtl {
	margin: 20px 0
}

.client_dtl .client_logo {
	width: 100px;
	float: left;
}

.client_name {
	color: #808184;
	font-size: 22px;
	padding: 20px;
	float: left
}

.trial_sec {
	background: url(../images/trial_bg.png) top left no-repeat;
	background-size: cover;
	padding: 40px 0
}

.accredit_sec {
	background: #fff;
	padding: 38px 0;
	border-bottom: 4px solid #162b44;
}

.accredit_sec .logos img {
	width: 80%
}

.accredit_sec h3 {
	color: #162b43;
	font-size: 22px;
	font-weight: 400;
}

footer {
	background: #fff;
	border-bottom: 10px solid #162b44;
	padding: 40px 0
}

.company_box {
	margin: 0;
	padding: 0
}

.company_box .heading {
	color: #162b44;
	font-size: 13px;
	font-weight: 600;
}

.company_box .address {
	color: #162B44;
	font-size: 22px;
	padding: 0;
	font-weight: 300;
}

.company_box .number {
	color: #162B44;
	font-size: 13px;
	font-weight: 400;
}

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

.company_box li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0
}

.company_box a {
	margin: 0;
	padding: 0;
	text-decoration: none
}

.company_box a:hover {
	text-decoration: none
}

footer h3 {
	font-size: 14px;
	text-transform: uppercase
}

footer ul {
	margin: 0;
	padding: 0;
	list-style: none
}

footer li {
	margin: 5px 0 0;
	padding: 0;
}

footer a {
	transition: all .81s;
	margin: 0;
	padding: 0;
	color: #162b44;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	text-decoration: none
}

footer a:hover {
	color: #5FB092;
	text-decoration: none;
}

.access_tab {
	margin: 30px 0
}

.access_tab .nav-fill .nav-item {
	opacity: .2
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #495057;
	background-color: transparent;
	opacity: 1;
	border: none
}

.access_tab .nav-tabs {
	border: none
}

.access_tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: none
}

.access_tab .nav-item {
	width: 22%
}

section#profile_tab, #profile_tab nav {
	background: #f4e9f1
}

section#home_tab, #home_tab .access_tab nav {
	background: #e9f3ed
}

section#conatct_tab, #conatct_tab nav {
	background: #feeae7
}

.shdo {
	border-top: 1px solid #676767;
	border-left: 1px solid #676767
}

/*.shdo:hover {
	box-shadow: 0 0 10px #5e5e5e;
	
	z-index: 200;
	position: relative;
}*/

.panel_box {
	border-right: 1px solid #676767;
	border-top: 1px solid #676767;
	border-bottom: 0;
	border-left: 1px solid #676767
}
.no-touch .priceing_sec {
	margin-top: 100;
}
.priceing_sec {
	background: url(../images/pricing_top.png) left top no-repeat;
	background-size: cover;
	padding: 100px 0 100px;
/*	margin-top: 100;*/
}

.btn_price {
	padding: 8px 18px;
	text-transform: none;
	border: 2px solid #1e2f46;
	font-size: 22px;
	margin: 25px 0;
	background: 0 0;
	color: #1e2f46
}

.btn_price:hover {
	background: #1e2f46;
	border: 1px solid #1e2f46;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.btn_price:active {
	color: #fff;
	background-color: #1e2f46!important;
	border-color: #1e2f46!important;
	box-shadow: none!important
}

.priceing_boxs {
	margin: 140px 0 50px;
	width: 100%
}

.pricing .priceing_boxs {
	margin-top: 184px;
}

.employ_panel {
	background: #e8f3ec;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
	padding: 25px 0 25px;
}

.employ_panel h2 {
	font-size: 28px;
	color: #122033;
	font-family: 'Open Sans',sans-serif;
	margin: 35px 0
}

.employ_box {
	background: 0 0;
	margin: 20px 0
}

.employ_box:hover {
	box-shadow: 0 0 20px #a5a5a5
}

.employ_topbx {
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-family: 'Open Sans';
	padding: 20px 0;
	line-height: 28px
}

.box_green {
	background: #7ac8a3
}

.box_red {
	/*background: #f26868*/
	background: #e1826c
}

.box_magnt {
	background: #ac75b2
}

.box_yello {
	background: #f8b464
}

.bus_box {
	border: 1px solid #c3c8cf;
	padding: 62px 10px 10px
}

.bus_box .text1 {
	font-size: 52px;
	font-weight: 700;
	color: #1e2f46;
	text-align: center;
	font-family: 'Open Sans';
	margin: 0;
	padding: 0;
	line-height: 40px
}

.bus_box .text1 span {
	font-size: 22px
}

.per_bus {
	font-size: 22px;
	text-align: center;
	line-height: 22px
}

.green_text {
	color: #7ac8a3
}

.red_text {
	/*color: #f26868;*/
	color: #e1826c;
}

.magnt_text {
	color: #ac75b2
}

.yello_text {
	color: #f8b464
}

.btn_price1 {
	font-family: 'Open Sans';
	text-transform: none;
	letter-spacing: 0;
	padding: 8px 18px;
	border: 1px solid #1e2f46;
	font-size: 16px;
	margin: 25px 0;
	background: 0 0;
	color: #1e2f46
}

.btn_price1:hover {
	background: #1e2f46;
	border: 1px solid #1e2f46;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.btn_price1:active {
	color: #fff;
	background-color: #1e2f46!important;
	border-color: #1e2f46!important;
	box-shadow: none!important
}

.btn_quote {
	padding: 8px 18px;
	text-transform: none;
	border: 2px solid #fff;
	font-size: 22px;
	margin: 25px 0;
	background: 0 0;
	color: #fff
}

.btn_quote:hover {
	background: #162a43;
	border: 2px solid #162a43;
	transition: all .2s ease-in-out;
	transform: scale(1.05);
	color: #fff;
}

.btn_quote:active {
	color: #fff;
	background-color: #0e5f47!important;
	border-color: #0e5f47!important;
	box-shadow: none!important
}

.notic_pnl {
	background: #152b44;
	padding: 45px 0
}

.notic_pnl.gdpr {
	padding: 65px 0
}

.notic_box {
	margin: 25px 0
}

h4 {
	font-size: 20px;
	color: #fff;
	font-family: 'Open Sans';
	margin: 15px 0
}

.notic_box p {
	font-size: 16px;
	color: #fff;
	font-family: 'Open Sans';
	margin: 25px 0
}

.faq_pnl {
	padding: 100px 0
}
.faq_pnl h5 {
	font-size: 28px;
	font-family: 'Open Sans';
	color: #1e2f46
}
.faq_pnl .card-body {
	padding: 0;
	margin-top: 1em;
}
.md-accordion .card .card-body {
	font-size: 20px!important;
	line-height: 1.5;
	font-weight: 300;
	color: #36896c!important;
	font-family: 'Open Sans'
}

.btn_question {
	padding: 8px 18px;
	text-transform: none;
	border: 2px solid #0e5f47;
	font-size: 22px;
	margin: 25px 0;
	background: 0 0;
	color: #0e5f47
}

.btn_question:hover {
	background: #0e5f47;
	border: 1px solid #0e5f47;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.btn_question:active {
	color: #fff;
	background-color: #0e5f47!important;
	border-color: #0e5f47!important;
	box-shadow: none!important
}

.tgle_mnth {
	font-size: 20px;
	position: relative;
	top: 22px;
	color: #152b44!important;
	font-weight: 700
}

.tgle_year {
	font-size: 20px;
	position: relative;
	top: 22px;
	color: #152b44!important;
	font-weight: 700;
	left: 43px
}

.swtich_toggle .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px
}

.swtich_toggle .switch input {
	opacity: 0;
	width: 0;
	height: 0
}

.swtich_toggle .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #152b44;
	-webkit-transition: .4s;
	transition: .4s
}

.swtich_toggle .slider.round {
	border-radius: 34px;
	background: #152b44!important
}

.swtich_toggle .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #7ac8a3;
	-webkit-transition: .4s;
	transition: .4s
}

.swtich_toggle input:checked+.slider {
	background-color: #ccc
}

.swtich_toggle input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.swtich_toggle input:checked+.slider:before {
	-webkit-transform: translateX(46px);
	-ms-transform: translateX(46px);
	transform: translateX(46px)
}

.swtich_toggle .slider.round {
	border-radius: 34px;
	width: 80px;
	margin: 0 10px
}

.swtich_toggle .slider.round:before {
	border-radius: 50%
}

span.tgle_year.active {
	color: #00f
}

span.tgle_mnth.active {
	color: #00f
}

a.navbar-btn.btn.btn-sm.btn-outline-success.lift.ml-auto.btn_question {
	box-shadow: none!important
}

.free_sec {
	background: #152b44;
	padding: 100px 0;
	margin: 98px 0 0
}

.mid_sec {
	width: 50%;
	margin: 0 auto
}

.text_white {
	color: #fff
}

.spc {
	margin: 10px 0;
	width: 100%;
	float: left
}

select {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: block!important
}

.fretrial_btn {
	padding: 5px 1.5em;
	text-transform: none;
	border: 2px solid #83d5ab;
	font-size: 22px;
	margin: 25px 0;
	background: 0 0;
	color: #83d5ab;
}

.fretrial_btn:hover {
	background: #83d5ab;
	border: 1px solid #83d5ab;
	transition: all .2s ease-in-out;
	transform: scale(1.05);
}

.fretrial_btn:active {
	color: #83d5ab;
	background-color: #83d5ab!important;
	border-color: #83d5ab!important;
	box-shadow: none!important
}

.log_box {
	border-top: 1px solid #fff;
	padding: 20px 0
}

.log_box p {
	font-size: 22px;
	color: #fff;
	margin: 20px 0 0;
	font-weight: 400;
	margin: 0;
	padding: 15px 0 0;
	font-family: 'Open Sans'
}

.log_box .compny {
	font-size: 16px;
	color: #fff;
	margin: 20px 0 0;
	font-weight: 300;
	margin: 0;
	padding: 15px 0 0;
	font-family: 'Open Sans'
}

.log_box p span {
	font-weight: 100
}

.log_box p a {
	color: #89dfb1
}

.log_box ul {
	margin: 20px 0;
	padding: 0;
	list-style: none
}

.log_box li {
	margin: 0;
	padding: 0 10px 0 0;
	float: left
}

.log_box li a {
	font-size: 16px;
	font-family: 'Open Sans';
	color: #fff;
	text-decoration: none
}

.log_box li a:hover {
	text-decoration: none
}

.log_box .pera_text {
	font-size: 14px;
	color: #fff;
	margin: 20px 0 0;
	font-weight: 200;
	margin: 0;
	padding: 15px 0 0;
	font-family: 'Open Sans'
}

.select_arrow {
	background: url(../images/arrow.png) no-repeat;
	background-size: 12px;
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.partner_sec {
	background: url(../images/partner_bg.png) left top no-repeat fixed;
	background-size: cover;
	padding: 200px 0 100px;
}

.partner .partner_sec {
	background: url(none) #87cead;
}

.partner_sec .pera_text {
	font-size: 22px;
	font-family: 'Open Sans';
	font-weight: 100;
	color: #112540
}

.partner_pnl {
	padding: 50px 0;
	background: #f2f3f4
}

.partner_box {
	margin: 15px 0
}

.company_logo {
	background: #fff;
	border: 1px solid #b3b8be;
	padding: 0;
	margin: 25px 0
}
.company_logo img {
	padding: 30px;
}
.company_logo:hover {
	box-shadow: 0 0 20px #a5a5a5
}

.company_name {
	background: #ac75b2;
	text-align: center;
	padding: 20px;
	font-family: 'Open Sans';
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	margin: 0
}

.trust_pnl {
	background: url(../images/bg-bottm.png) left 520px #fff no-repeat;
	padding: 50px 0 0;
	background-size: cover
}

.generic-article .trust_pnl {
	background: none;
	padding-bottom: 70px;
}

.trust_pnl.gdpr {
	background: none;
	padding-bottom: 100px;
}

.trust_box {
	margin: 30px 0 0
}

.trust_box p {
	font-size: 16px;
	color: #000;
	font-family: 'Open Sans';
	font-weight: 500;
	padding: 10px 0 15px
}

.join_pnl {
	background: url(../images/team-background.png) no-repeat fixed;
	background-size: cover;
	padding: 100px 0
}

textarea.form-control {
	height: 125px!important
}

.team_sec.product {
	padding: 180px 0 60px
}

.team_sec p {
	font: 22px/30px 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 300;
	padding-right: 2em;
	margin-bottom: 25px;
}

section.detail_sec {
	background-color: #88ceac;
	padding: 70px 0
}

.detail_sec .detail_content h3 {
	text-transform: uppercase;
	background-color: #fff200;
	text-align: center;
	font-size: 35px;
	padding: 60px 0
}

.detail_sec .detail_content p {
	color: #fff;
	font-size: 21px
}

.detail_sec.benefits .detail_content p {
	font-size: 18px;
	line-height: 22px;
}

section.detail_sec.detail_box {
	background-color: #7bc8a3
}

section.support_sec {
	padding: 60px 0 50px
}

.support_sec .access_box p {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase
}

.control_img img {
	width: 480px
}

.row.control_box {
	margin-top: 70px
}

section.training_sec {
	background-color: #162b44;
	padding: 60px 0 130px
}

section.training_sec .top_head {
	color: #fff;
	font-size: 18px
}

section.protect_sec {
	margin-top: -110px
}

section.training_sec h2 {
	color: #fff
}

section.training_sec h3.text-center {
	color: #fff;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 20px
}

.select_courses li {
	display: inline-block;
	margin-right: 30px
}

.select_courses label {
	color: #fff;
	display: inline-block;
	padding: 12px 24px 10px;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px
}

.light-orange label, a.btn.light-orange {
	border-style: solid;
	border-color: #e1826c;
}

.light-green label {
	border: 1px solid #7bc8a3
}

.light-green input[type=radio]:checked+label {
	background-color: #7bc8a3
}

.light-green input[type=radio]:checked+label, .light-green  label:hover {
	background-color: #7bc8a3;
}

.light-orange input[type=radio]:checked+label, .light-orange label:hover {
	background-color: #e1826c;
}

.light-purple input[type=radio]:checked+label, .light-purple label:hover {
	background-color: #ac75b7;
}

.light-yellow input[type=radio]:checked+label , .light-yellow label:hover {
	background-color: #f9b564;
}

.dark-green input[type=radio]:checked+label, .dark-green label:hover {
	background-color: #268869;
}

.active_list {
	opacity: 1 !important;
}

.light-orange label {
	border: 1px solid #e1826c
}

.light-purple label {
	border: 1px solid #ac75b7
}

.light-yellow label {
	border: 1px solid #f9b564
}

.dark-green label {
	border: 1px solid #268869
}

.select_courses input[type=radio] {
	display: none
}

/*form.select_courses {
	padding-left: 55px
}*/

.select_courses select {
	width: 87%;
	/*margin-left: 37px;*/
	margin-bottom: 15px;
	padding: 10px 20px;
	border: 1px solid #a2aab4;
	color: #a2aab4;
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/arrow.png) no-repeat;
	background-position: calc(100% - 20px) center;
	background-color: #fff;
}

.pro_price {
	padding: 5px 18px;
	color: #fefefe;
	border: 1px solid #fefefe;
	font-size: 20px;
	margin: 25px 0;
	background: 0 0
}

.pro_price:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #162b44;
	transition: all .2s ease-in-out;
	transform: scale(1.05)
}

.pro_price:active {
	color: #162b44;
	background-color: #162b44!important;
	border-color: #162b44!important;
	box-shadow: none!important
}

.detail_content h4 {
	font-size: 20px;
	font-weight: 600
}

.training_sec img {
	margin: 0 auto;
	display: block
}

.protect_sec .access_box h4 {
	font-family: 'Open Sans', sans-serif;
	padding: 25px 0 0;
	font-size: 13px;
	color: #162B44;
	font-weight: 600;
	margin-bottom: 0;
}

.protect_sec .access_box.people h3 {
	color: #e1826c;
}

.protect_sec .access_box.legislation h3 {
	color: #7bc8a3;
}

.protect_sec .access_box.online h3 {
	color: #ac75b7;
}

.protect_sec .access_box.digital h3 {
	color: #f9b564;
}

.protect_sec .access_box.management h3 {
	color: #268869;
}

.protect_sec .access_box p {
	font: 20px/28px 'Open Sans', sans-serif;
	padding: 10px 0 0;
	font-weight: 300;
	text-align: left;
}

.protect_sec .access_box h5 {
	color: #162b44;
	font-family: 'Open Sans',sans-serif;
	margin-top: 30px
}

.experience-box {
	margin-top: 140px;
	border-left: 2px solid #162b44;
	padding-left: 40px;
	margin-bottom: 50px;
}

section.slider_sec {
	position: relative;
	top: -100px;
	z-index: 30
}

.protect_sec .free_btn:hover {
	background: #7bc8a3
}

.experience-box h3 {
	font-weight: 400;
	font-size: 40px;
	font-family: 'Open Sans',sans-serif;
	line-height: 55px
}

.touch .banner {
	margin: 0;
}

.generic-article table tbody tr th {
	text-align: left;
}

@media (max-width:1199.98px) {
	.client_box {
		background: #fff;
		padding: 50px 40px
	}
	
	.control_img img {
		width: 100%
	}
	
	.support_sec .access_box h3 {
		font-size: 30px
	}
	
	.support_sec .access_img img {
		width: 100%
	}
		
	/*	.experience-box h3 {
			font-size: 30px
		}*/
	
	.protect_sec .access_box p {
		font-size: 20px
	}
	
	.protect_sec .free_btn {
		padding: 5px 15px;
		font-size: 22px
	}
	
	.experience-box {
		padding-bottom: 20px
	}
	
	.access_box h3 {
		font-size: 30px
	}
	
	.system_sec nav h3 {
		font-size: 23px;
	}
	
	.experience-box h3 {
		font-size: 34px;
		font-family: 'Open Sans',sans-serif;
		line-height: 44px
	}
}@media (max-width:1100px) {
	img {
		width: 100%
	}
	
	.training_sec img {
		width: auto
	}
}

@media  (max-width:1024px) {
	
}

@media (max-width:991px) {
	.mid_sec {
		width: 95%
	}
	
	h2, .priceing_sec h1, .partner_sec h1 {
		font-size: 38px
	}
	
	.control_img img {
		width: auto
	}
	
	.support_sec .access_img img {
		width: auto
	}
	
	.experience-box {
		margin-top: 0;
		display: none;
	}
		
	/*	section.protect_sec {
			text-align: center
		}*/
	
	.experience-box {
		border-left: 2px solid transparent;
		padding-left: 0
	}
	
	.shdo ul li {
		text-align: center;
	}
	
	.access_box h3 {
		font-size: 30px;
	}
	
	.course_box {
		margin: 0 0 40px;
	}
	
	.touch .team_sec.product {
		padding-top: 85px;
	}
	
	.touch .priceing_boxs {
		margin-top: 50px;
	}
	
	.select_courses select {
		width: 100%;
	}
	
	.touch .partner .partner_sec {
		padding-top: 85px;
	}
}@media (max-width:768px) {
	ul.nav.nav-pills.nav-justified.desktop-version {
		display: none
	}
	
	.carousel-caption {
		bottom: 35%
	}
	
	.nav-pills li:before {
		left: 0
	}
	
	.carousel-control.left, .carousel-control.right {
		top: 18%
	}
	
	ul.nav.nav-pills.nav-justified.mobile-version {
		display: block
	}
	
	.nav-pills li {
		float: none;
		width: 100%
	}
		
	/*	h2 {
			font-size: 28px
		}*/
	
	.access_box p {
		text-align: center
	}
	
	.access_box h3 {
		text-align: center
	}
	
	.pa_left {
		padding: 0
	}
	
	.support_sec .access_img img {
		width: 100%
	}
	
	.control_img img {
		width: 100%
	}
	
	.select_courses select {
		width: 100%;
		margin-left: 0
	}
	
	form.select_courses {
		padding-left: 0
	}
	
	/*footer {
		text-align: center
	}*/
	
	.company_box ul {
		/*width: 55%;*/
		
	
		display: inline-block;
		
	}
	
	footer h3 {
		margin: 31px 0 0;
		font-size: 18px;
	}
	
	.online_tran {
		background: #fff;
		padding: 45px 0
	}
	
	.touch .trial .free_sec {
		margin-top: 0;
	}
	.company_box .heading {
	
		font-size: 14px;
		font-weight: 600;
		margin: 0;
	}
}
@media (max-width:590px) {
	.carousel-control.left, .carousel-control.right {
		display: none
	}
}@media (max-width:575.98px) {
	.accredit_sec .logos img {
		width: 100%
	}
	
	.client_box {
		padding: 50px 12px
	}
	
	.client_box p {
		font-size: 20px
	}
	
	.banner h2, .team_sec h2, h2, .team_sec h1, .priceing_sec h1, .partner_sec h1 {
		font-size: 34px
	}
	
	.main .banner h1, .faq_pnl h1 {
		font-size: 38px;
	}
	
	.bottom_text {
		font-size: 24px!important
	}
		
	
	/*	.top_head {
			font-size: 20px
		}*/
	
	.access_pnl {
		font-size: 24px
	}
	
	.access_box h3 {
		font-size: 24px
	}
	
	.courses_sec h2 {
		font-size: 36px
	}
	
	.video_text h3 {
		font-size: 24px
	}
	
	.video_text p {
		font-size: 18px
	}
	
	.sub_head {
		font-size: 24px
	}
	
	.gr1, .gr2, .mag, .pink, .yell {
		font-size: 24px;
		padding: 60px 0 60px 0!important;
		text-align: center
	}
	
	.table ul li {
		font-size: 16px
	}
	
	.btn2 {
		font-size: 24px
	}
	
	.client_dtl .client_logo {
		float: none;
		margin: 0 auto
	}
	
	.free_btn {
		font-size: 24px
	}
	
	.sub_head1 {
		font-size: 18px
	}
	
	.company_box .address {
		font-size: 22px
	}
	
	.panel_box {
		border-bottom: 1px solid #676767;
		text-align: center;
		padding: 10px 0
	}
	
	.shdo ul li {
		padding: 5px 0 0;
	}
	
	.priceing_sec {
		padding: 50px 0 50px
	}
	.touch .generic-article .priceing_sec {
		margin-top: 0;
	}
	.touch .team_sec.product {
		padding-top: 85px;
	}
	
	.touch .priceing_boxs, .touch .pricing .priceing_boxs {
		margin-top: 50px;
	}
	
	.touch .trial .free_sec {
		margin-top: 0;
	}
	
	.touch .partner .partner_sec {
		padding-top: 85px;
	}
	
	.free_sec {
		padding: 50px 0;
	}
	
	.main .banner .btn2, .btn2, .btn {
		display: block;
	}
	
	h2, .priceing_sec h1, .partner_sec h1, .pricing .priceing_boxs h1, .trial .free_sec h1, .faq_pnl h1 {
		font-size: 38px;
	}
	.faq_pnl h5 {
		font-size: 24px;

	}
	
	.generic-article .hero {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.faq_pnl {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.trust_pnl.gdpr {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.join_pnl {
		
		padding: 50px 0
	}
	.company_name {
	padding: 10;
	font-size: 18px;
	}
	.touch .pricing_sec {
	
	padding: 45px 0 45px
}
}

.row:after, .row:before {
	display: none!important
}

@media print {
	.container {
		width: auto
	}
}
.row:after, .row:before {
	display: inline-block!important
}