/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#Media Queries
	#Font-Face */
html, body, #wrapper {
 height: 100%;
 font-family: 'Roboto', sans-serif;
 } 

body > #wrapper {height: auto; min-height: 100%; background:#fff ;
	}
body
#main{
	width:100%;
	padding:0;
	margin:0 auto;
	padding-top: 76px;
}
*{
	padding:0;
	margin:0;
}

table{
	width: 100%;
}
table, th, td {
    border: 1px solid #cdcdcd;
    border-collapse: collapse;    
}
th, td {
    padding: 10px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #000;
    vertical-align: middle;
}
th {
    background-color: #12728a;
    color: #fff;
}

a{
	cursor: pointer;
	display: inline-block;
}

span{
	display: inline-block;
}

p{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #000;
	padding: 0 0 15px 0;
	letter-spacing: 0.5px;
}

/* #Grid system
================================================== */
.container{
	width:1170px;
	margin:0 auto;
	}
.container:before, .container:after, .row:before, .row:after{
	content:"";
	display:table;
	}
.container:after, .row:after{clear:both;}
.row{
	margin-left:-10px;
	margin-right:-10px;
	}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	position:relative;
	min-height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
.flt-right { float: right; }
.flt-left { float: left; }

.clr{
	clear:both;
	}
/*-------------------------------------------------------------- */
/*hero_section*/
.hero_section{
	position: relative;
}
.hero_section .info_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.hero_section .info_box .container{
	height: 100%;
	display: flex;
	align-items: center;
}
.hero_section .info_box .banner_heading{
	font-size: 3vw;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    margin: 80px 0 40px;
}
.hero_section .info_box .yellow_btn a{
	font-size: 20px;
	font-weight: 600;
	color: #231f20;
	background-color: #fba91f;
	padding: 5px 15px;
	border-radius: 25px;
}

.heading{
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 700;
	color: #13728b;
	padding: 0 0 40px;
	text-align: center;
	font-family: 'Roboto Slab', serif;
}
.title{
	font-size: 26px;
	line-height: 1.2em;
	font-weight: 700;
	color: #13728b;
	padding: 0 0 20px;
	font-family: 'Roboto Slab', serif;
}
.white{
	color: #fff;
}
.center{
	text-align: center;
}
.down_arrow{
	position: absolute;
    left: calc(50% - 36px);
    top: -36px;
    width: 72px;
    height: 72px;
}
/*wht_is_botm*/
.wht_is_botm{
	background-color: #13728b;
	position: relative;
	box-shadow: 0px -10px 10px -5px #00000020 inset;
}
.wht_is_botm .text_box{
	text-align: center;
	padding: 7.5vw 0;
}

/*why_botm*/
.why_botm{
	background-color: #f3f3f3;
	padding: 7.5vw 0;
	position: relative;
	box-shadow: 0px -10px 10px -5px #00000020 inset;
}
.why_botm .three_boxes .info_box{
	text-align: center;
	padding: 0 35px;
}
.why_botm .three_boxes .info_box .icon_box{
	padding: 0 0 20px;
}

/*switch_botm*/
.switch_botm{
	padding: 7.5vw 0 20px 0;
	position: relative;
	box-shadow: 0px -10px 10px -5px #00000020 inset;
}
.switch_botm .heading{
	padding: 0 0 60px;
}
.switch_botm .img_txt_boxes{
	width: 900px;
	margin: auto;
}
.switch_botm .img_txt_boxes .img_txt{
	padding: 0 0 80px 0;
}
.switch_botm .img_txt_boxes .img_txt .text_box{
	padding: 0 0 0 10px;
}
.switch_botm .img_txt_boxes .img_txt.right_img .text_box{
	padding: 0 10px 0 0;
}

/*footer*/
footer{
	padding: 7.5vw 0;
	background-color: #f3f3f3;
	position: relative;
	box-shadow: 0px 10px 10px -5px #00000020 inset;
}
footer .heading{
	padding: 0 0 20px;
}
footer .sub_head{
	font-size: 30px;
	line-height: 1.2em;
	color: #231f20;
}
footer .email{
	text-align: center;
	padding: 70px 0;
}
footer .email a{
	display: inline-flex;
	align-items: center;
}
footer .email a span.txt{
	font-size: 30px;
	color: #000000;
	padding: 0 0 0 15px;
}
footer .ctc_boxes{
	text-align: center;
}
footer .ctc_boxes .ctc_box .ctc_name{
	font-size: 28px;
	line-height: 1em;
	font-weight: 700;
	color: #000;
	padding: 0 0 15px;
}
footer .ctc_boxes .ctc_box a.ctc_num{
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .ctc_boxes .ctc_box a.ctc_num span.txt{
	font-size: 28px;
	line-height: 1em;
	font-weight: 400;
	color: #000;
	padding: 0 0 0 10px;
}





/*Revised Plan*/
.subscription_section{
	margin: 0 0 7.5vw 0;
	position: relative;
}
.subscription_section .heading{
	margin: 50px 0 0 0;
	padding: 0;
}
.subscription_section .subscription_plans.revised_plan{
	padding: 25px 0 0 0;
}
.subscription_section .subscription_plans.revised_plan .table_box{
	padding: 0 20px;
}
.subscription_section .subscription_plans.revised_plan .table_box table{
	box-shadow: 10px 10px 30px 0px #e3e3e3;
    border-radius: 20px;
    border: none;
/*    overflow: hidden;*/
	border-collapse: separate;
	overflow: visible;
}
.subscription_section .subscription_plans.revised_plan .table_box table tr:hover{
	background-color: #12728a2e;
}
.subscription_section .subscription_plans.revised_plan .table_box table tr:first-child th{
	position: sticky;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.subscription_section .subscription_plans.revised_plan .table_box table th{
	background: #edeeee;
	color: #0b5264;
	font-weight: 700;
	padding: 16px 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;

	vertical-align: middle;
	border: 1px solid #1a5f8024;
	font-size: 16px;
}
.subscription_section .subscription_plans.revised_plan .table_box table th br{
	display: none;
}
.subscription_section .subscription_plans.revised_plan .table_box table td{
    vertical-align: middle;
	text-align: center;
	border: 1px solid #1a5f8024;
	padding: 10px;
	font-size: 14px;
}
.subscription_section .subscription_plans.revised_plan .table_box table td .monthly_price{
	display: none;
}
.subscription_section .subscription_plans.revised_plan .table_box table td:first-child{
	text-align: left;
	padding: 15px 20px;
}
.subscription_section .subscription_plans.revised_plan .table_box table th br{
	display: block;
}
.subscription_section .subscription_plans.revised_plan .table_box table td b{
	font-size: 20px;
    font-weight: 700;
    color: #12728a;
}
.subscription_section .subscription_plans.revised_plan .table_box table tr.no_of_devices td:not(:first-child){
	font-size: 16px;
    font-weight: 500;
    color: #444;
}
.subscription_section .annual_monthly_toggle{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 70px 0 0 0;
}
.subscription_section .annual_monthly_toggle .text{
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	padding: 0 15px;
}
.subscription_section .annual_monthly_toggle .toggle_button{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.subscription_section .annual_monthly_toggle .toggle_button input{
	opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    cursor: pointer;
}
.subscription_section .annual_monthly_toggle .toggle_button .round_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f6a41d;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
.subscription_section .annual_monthly_toggle .toggle_button .round_slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.subscription_section .annual_monthly_toggle input.annually_monthly:checked + .round_slider {
  background-color: #12728a;
}

.subscription_section .annual_monthly_toggle input.annually_monthly:focus + .round_slider {
/*  box-shadow: 0 0 1px #2196F3;*/
}

.subscription_section .annual_monthly_toggle input.annually_monthly:checked + .round_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/*features_comparison*/
.features_comparison{
	padding: 7.5vw 0;
	position: relative;
	box-shadow: 0px -10px 10px -5px #00000020 inset;
}
.features_comparison table tr:first-child{
	position: sticky;
	top: 0;
}
.features_comparison table tr th:nth-child(1n + 3){
	width: 14%;
}
.features_comparison table tr th{
	border: 3px solid #fff;
}
.features_comparison table tr td{
	background-color: #f1f1f3;
	border: 3px solid #fff;
	font-weight: 700;
}
.features_comparison table tr td:nth-child(2){
	text-align: left;
}
.features_comparison table tr td.right_tick{
	color: #00a14b;
	font-size: 20px;
	line-height: 1em;
}
.features_comparison table tr td.wrong_mark{
	color: #ec5d6f;
	font-size: 20px;
	line-height: 1em;
}

/*pricing_modules*/
.pricing_modules{
	padding: 7.5vw 0;
	position: relative;
	box-shadow: 0px -10px 10px -5px #00000020 inset;
}
.pricing_modules .pricing_table{
	padding: 0 0 40px 0;
}
.pricing_modules .pricing_table table th{
	width: 20%;
	font-size: 18px;
}
.pricing_modules .pricing_table table td{
	width: 20%;
}
.pricing_modules .pricing_table table tr:nth-child(2) td{
	color: #000;
	font-weight: 700;
}
.pricing_modules .pricing_table:last-child{
	width: 50%;
	margin: auto;
}
.pricing_modules .pricing_table:last-child table th{
	width: 50%;
}
.pricing_modules .pricing_table:last-child table td{
	width: unset;
}