/*
Theme Name: CapabilityX
Text Domain: CapabilityX
Version: 1.1
Tested up to: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: As a Capability Agency we stand at the forefront of talent and organisational growth, offering unparalleled expertise in unlocking the potential of your workforce to deliver tangible business outcomes. With a deep understanding of industry-specific challenges and trends we accelerate targeted capability development through the creation of end-to-end capability development pathways. Our unique blend of innovative learning technologies and actionable insights into the current and future capability needs of industry, ensure that we don't just enhance skills and competencies – we accelerate human potential.
Tags: epic, kick-ass, worpdress, capx, the shit
Author: Alex Meintjes
Author URI: https://alexm.co.za
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/* roboto-regular - latin */












.new_form_wrap input{
    background-color: #f5f8fa;
    border: 1px solid #eee;
    width: 100%;
    display: inline-block;
        padding: 5px;
    margin: 0px 0px 10px 0px;
    color: #201b4e;
    font-family: 'Centrale Sans Regular';
}
.new_form_wrap label{
  width: 100%;
      display: inline-block;
          font-family: 'Montserrat', sans-serif;
      margin: 0px 0px 10px 0px;
      color: #33475b;
      font-size: 13px;
}
.new_form_wrap select{
    background-color: #f5f8fa;
    border: 1px solid #eee;
    width: 100%;
    display: inline-block;
    margin: 0px 0px 10px 0px;
    overflow: auto;
    padding: 5px;
}
.new_form_wrap textarea{
    background-color: #f5f8fa;
    border: 1px solid #eee;
    width: 100%;
    display: inline-block;
    margin: 0px 0px 10px 0px;
    overflow: auto;
        padding: 5px;
}
.new_form_wrap .not_wide input{
    width: 20px;
    display: inline-block;
}
.new_form_wrap .not_wide div{
    width: auto;
    display: inline-block;
}
.new_form_wrap button{
    border-radius: 100px;
    margin: 30px 0px 0px 0px;
    border: none;
    background-color: #df2360;
    padding: 15px 30px 15px 30px;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-family: 'Lora', serif;
    transition: 0.5s;
}
.termsContainer,
.terms_font{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #33475b;
}

#menu-item-718 .sub-menu li,
#menu-item-838 .sub-menu li{
    border-bottom: 1px solid #201B4E;
}

#menu-item-718 .sub-menu li:last-child,
#menu-item-838 .sub-menu li:last-child{
    border-bottom: none;
}
.top_workshop_dates{
    padding: 18px 18px 0px 18px;
}
.top_workshop_dates h3{
  position: relative;
z-index: 3;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 23px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.top_workshop_dates ul{
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0px 0px 0px 0px;
  color: #33475b;
}
.workshop_form_wrap{
    padding: 0px;
    min-height: 100px;
    display: block;
}
.workshop_form_wrap .wpcf7-form-control.wpcf7-text,
.workshop_form_wrap .wpcf7-form-control.wpcf7-textarea,
.workshop_form_wrap .wpcf7-form-control.wpcf7-date{
    border: 1px solid #cbd6e2;
    background-color: #f5f8fa;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    padding: 10px;
}
.workshop_form_wrap label{
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 13px;
    margin: 0px 0px 5px 0px;
    color: #33475b;
}
h5.modal-title{
    position: relative;
    z-index: 3;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 18px 0px 0px;
}
h5.modal-title  span{
    color: #df2360!important;
    font-weight: 600;
}
.workshop_form_wrap p{
    margin: 0px 0px 15px 0px;
}
.teec_cees p{
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0px 0px 15px 0px;
  color: #33475b;
}
.workshop_form_wrap small{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #33475b;
}
.workshop_form_wrap .wpcf7-list-item{
    margin: 0!important;
    color: #df2360;
}
.wpcf7-list-item-label{
    color: #df2360;
    font-weight: bold;
}
.workshop_form_wrap ul{
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0px 0px 0px 0px;
  color: #33475b;
}
.workshop_form_wrap h3{
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    background-color: #1b1644;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px;
}
.modal-header{
    border-bottom: 1px solid #201B4E;
}
.workshop_form_wrap .wpcf7-form-control.wpcf7-submit {
    border-radius: 100px;
    background-color: #df2360;
    border: none;
    padding: 14px 25px;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    transition: 0.5s;
    margin: 0 0px 0 0;
}








.the_navi {
    width: 100%;
    margin: 0 0 50px 0;
    text-align: center;
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 16px;
    font-weight: 500;
}
.fonts{
    font-family: 'Lora', serif;
}
@font-face {
    font-family: 'Centrale Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Centrale Sans Regular'), url('fonts/CentraleSansRegular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Centrale Sans';
    src: url('fonts/CentraleSans-Bold.woff2') format('woff2'),
        url('fonts/CentraleSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.page_tbl.form_tbl{
    min-height: 900px;
}

.pillar{
    height: 81px;
}
.the_header{
    background-color: #1b1644;
    box-shadow: 0 7px 10px 0 rgb(0 0 0 / 25%);
    padding: 20px 0px;
    z-index: 5;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
}
.the_header ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.the_header ul li{
    display: inline-block;
    font-family: 'Lora', serif;
    font-size: 16px;
    margin: 0 0px 0px 40px;
    padding: 6px 0px;
}
.the_header ul li a{
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
.the_header ul li.login_cta a{
    background-color: #df2360;
    padding: 10px 25px;
    border-radius: 100px;
    transition: 0.5s;
}

.header_tbl{
    display: table;
    width: 100%;
}
.header_tr{
    display: table-row;
}
.header_td{
    display: table-cell;
    vertical-align: middle;
}
.header_td.logo_side{
    width: 164px;
}
.header_td.logo_side img{
    width: 100%;
    height: auto;
}

.header_td ul li ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    color: #201b4e;
    border-radius: 10px;
    z-index: 10;
    width: 250px;
    padding: 11px 15px 12px 15px;
    text-align: left;
    box-shadow: 0 7px 10px 0 rgb(0 0 0 / 25%);
    top: 43px;
}
.header_td ul li:hover ul.sub-menu {
    display: block;
}
.header_td ul li ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    z-index: 10;
    width: 200px;
    padding: 11px 15px 12px 15px;
    text-align: left;
    box-shadow: 0 7px 10px 0 rgb(0 0 0 / 25%);
    top: 59px;
}
.header_td ul li ul.sub-menu li {
    margin: 0 0 0 0;
    padding: 4px 0px 6px;
    width: 100%;
}
.header_td ul li ul.sub-menu a {
    color: #101729;
    font-weight: 500;
    text-decoration: none;
    transition: 0.5s;
}





.should_tbl{
    display: table;
    width: 100%;
}
.should_tr{
    display: table-row;
}
.should_td{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    color: #fff;
}
.should_td.lefter{
    padding: 0px 40px 0px 0px;
}
.should_td.righter{
    padding: 0px 0px 0px 40px;
}
.course_day_right_feature_image{
    width: 100%;
    padding-top: 120%;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: pink;
}
.should_btn{
    border-radius: 100px;
    background-color: #201B4E;
    padding: 14px 60px;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    transition: 0.5s;
    margin: 0 0px 0 0;
}
.should_btn:hover{
    color: #fff;
}

.top_left_content{
    padding: 0px 40px 0px 0px;
}
.top_right_content{
    padding: 0px 0px 0px 40px;
}

.should_you_banner{
    width: 100%;
    padding: 80px 0px;
    background-image: url('img/should_you_req.svg');
    background-size: cover;
    background-position: center;
}
.should_you_banner h5{
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 25px 0px;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}
.should_you_banner p{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin: 0px 0px 30px 0px;
    font-weight: 400;
}

.look_at_other{
    padding: 100px 0px;
    overflow-x: hidden;
}
.look_at_other h2{
    margin: 0px 0px 50px 0px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #201B4E;
    font-size: 34px;
    line-height: 34px;
}
.workshop_card{
  text-decoration: none;
  display: block;
}
.workshop_card h4{
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 20px 0px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #ED1A57;
}
.workshop_card p{
    font-family: 'Montserrat', sans-serif;
    color: #201b4e;
    font-size: 15px;
    line-height: 25px;
    margin: 0px 0px 30px 0px;
    font-weight: 400;
}
.slider_thumb{
  width: 100%;
  padding-top: 31%;
  margin: 0 0 25px 0;
  border-radius: 20px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}
.slick-list {margin: 0 -15px!important;}

.slick-slide {padding: 0 15px;}


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px!important;
    height: 25px!important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 3!important;
    background: #fff!important;
    border-radius: 100px;
}
.slick-prev:before,
.slick-next:before {
    content: ''!important;
}
.slick-prev {
    left: 0px!important;
    background-image: url('img/arrow_left-01.svg')!important;
    background-size: cover!important;
    left: -30px!important;
    background-position: center!important;
}
.slick-next {
    right: 0px!important;
    background-image: url('img/arrow_right-01.svg')!important;
    background-size: cover!important;
    right: -30px!important;
    background-position: center!important;
}










.should_feature{
    width: 100%;
    padding-top: 50%;
    border-radius: 10px;
    background-image: url('img/should_you_img.png');
    background-size: cover;
    background-position: center;
}
.top_left_content h2{
    font-size: 38px;
    line-height: 48px;
    margin: 0px 0px 30px 0px;
    font-weight: 500;
    color: #201b4e;
    font-family: 'Montserrat', sans-serif;
}
.top_left_content h3,
.top_right_content h3{
    font-family: 'Montserrat', sans-serif;
    color: #201b4e;
    font-size: 22px;
        line-height: 28px;
    margin: 0px 0px 30px 0px;
    font-weight: 700;
}
.top_left_content p,
.top_right_content p,
.top_left_content ul,
.top_right_content ul{
    font-family: 'Montserrat', sans-serif;
  color: #201b4e;
  font-size: 16px;
  line-height: 25px;
  margin: 0px 0px 30px 0px;
  font-weight: 400;
}
















.workshop_top_banner{
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 90vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #333;
    display: table;
}
.workshop_top_tr{
    display: table-row;
}
.workshop_top_td{
    display: table-cell;
    vertical-align: bottom;
}
.workshop_top_bottom{
    position: absolute;
    max-width: 1100px;
    width: 100%;
    bottom: 40px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;
}
.workshop_top_bottom .pink_btn{
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}
.modal-header button{
  font-family: 'Montserrat', sans-serif;
      font-size: 35px;
      line-height: 35px;
      color: #df2360;
      padding: 0px!important;
      margin: 0px!important;
      background-color: #fff;
      border: none;
      position: absolute;
      z-index: 11;
      top: 5px;
      right: 15px;
}
.workshop_top_bottom h1{
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 70px;
    margin: 0px 0px 30px 0px;
}
.white_info_cube{
    background-color: #fff;
    width: 100%;
    margin: 50px 0px 0px 0px;
    padding: 30px;
    display: block;
}
.white_info_tbl{
    display: table;
    width: 100%;
}
.white_info_tr{
    display: table-row;
}
.white_info_td{
    display: table-cell;
    width: 50%;
}
.white_info_td.lefter{
    border-right: 1px solid #201B4E;
}
.white_info_td h4{
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 25px 0px;
    font-size: 22px;
    line-height: 22px;
}
.white_info_td h5{
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    line-height: 16px;
}
.top_info{
    padding: 50px 0px;
}
.side_info_block{
    background-color: #fff;
    padding: 20px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}
.side_info_block.grey_active{
    background-color: #F2F5FB;
        padding: 45px 70px 0px 70px;
}








.side_info_block h3{
    font-weight: 700;
    color: #ED1A57;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 25px 0px;
    font-size: 22px;
    line-height: 22px;
}
.side_info_block h4,
.side_info_block ul{
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  margin: 0px 0px 50px 0px;
  font-size: 16px;
  line-height: 16px;
  display: block;
}
.side_info_block ul li{
  line-height: 20px;
}


.blog_wrap.workshops_landing .course_thumb.on_blog {
    padding-top: 32%;
}

ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: lower-roman;}
ol ol ol ol {list-style-type: upper-roman;}
ol ol ol ol ol {list-style-type: upper-alpha;}
ul {list-style-type: disc;}

.workshops_landing h2{
    margin: 0px 0px 50px 0px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #df2360;
}
.workshops_landing h2 strong{
    color: #201B4E;
}













/* Mobile Menu styling */

.mob_trigger {
    display: none;
    /* border: 1px solid #fff; */
    position: fixed;
    z-index: 15;
    top: 29px;
    right: 15px;
    transition: 0.5s;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
	  display: block;
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  background: #fff;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
}
.mob_trigger:hover #nav-icon1 span,
.mob_trigger:hover #nav-icon2 span,
.mob_trigger:hover #nav-icon3 span{
		background: #fff;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  	background: #f99418;
}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
}
#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  	background: #f99418;
}

.mobile_menu {
    position: fixed;
    text-align: center;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    padding: 55px 0 0 0;
    background: rgb(89, 45, 127);
    background: -moz-linear-gradient(45deg, rgba(89, 45, 127, 1) 0%, rgba(175, 22, 88, 1) 50%, rgba(243, 44, 74, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(89, 45, 127, 1) 0%, rgba(175, 22, 88, 1) 50%, rgba(243, 44, 74, 1) 100%);
    background: linear-gradient(45deg, rgba(89, 45, 127, 1) 0%, rgba(175, 22, 88, 1) 50%, rgba(243, 44, 74, 1) 100%);
    background-size: cover;
    background-position: center;
}
.mobile_menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.mobile_menu ul li a {
    width: 100%;
    margin: 0;
    padding: 3px 15px;
    text-align: center;
    color: #fff;
    width: 100%;
    font-family: 'Lora', serif;
    text-decoration: none;
    font-size: 14px;
    display: block;
}





/* Featured section on Home */

.featured_section{
    width: 100%;
    height: 90vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-image: url('img/home_page_main_graphic.jpg');
}
.featured_sect_tbl{
    display: table;
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.featured_sect_tr{
    display: table-row;
}
.featured_sect_td{
    display: table-cell;
    vertical-align: middle;
}
.pink_btn {
    border-radius: 100px;
    background-color: #df2360;
    padding: 14px 25px;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-family: 'Lora', serif;
    transition: 0.5s;
    margin: 0 0px 0 0;
}
.top_contact .pink_btn {
    margin: 40px 0px 40px 0px;
}
.top_contact .col_icon_block{
    margin: 0px;
}


.mini_company_block h6{
    font-family: 'Centrale Sans';
    font-size: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    color: #ec1b54;
}
.sub_page_section .master_col_wrap .mini_company_block p{
    font-family: 'Lora', serif;
    color: #201b4e;
    font-size: 15px;
    line-height: 24px;
    margin: 30px 0px 0px 0px;
    font-weight: 400;
}
.sub_page_section .master_col_wrap .mini_company_block p a{
    color: #201b4e;
    text-decoration: none;
    font-weight: bold;
}



















.featured_section .pink_btn {
    margin: 0px 0px 40px 0px;
}
.pink_btn:hover,
.sub_tbl .pink_btn:hover,
.page_td.m_top .pink_btn:hover{
    background-color: #38c1ce;
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
}
.sub_tbl .pink_btn{
    background-color: #201b4e;
    transition: 0.5s;
}
.page_td.m_top .pink_btn{
    margin: 35px 0px 0px 0px;
    background-color: #fff;
    color: #201b4e;
}
.pink_btn img {
    position: relative;
    margin: 0 0 0 15px;
    width: 18px;
    top: -1px;
    height: auto;
}
.pink_btn.down_arr img {
    position: relative;
    margin: 0 0 0 24px;
    width: 11px;
    top: -1px;
    height: auto;
}






.featured_sect_td h1{
    font-size: 45px;
    line-height: 45px;
    margin: 45px 0px;
    font-family: 'Centrale Sans Regular';
}
.featured_sect_td h1 strong{
    width: 100%;
    display: inline-block;
    color: #ed1a57;
    font-family: 'Centrale Sans';
    font-weight: bold;
}
.featured_sect_td img{
    width: 100%;
    height: auto;
    max-width: 580px;
}









/* General Page styling */

.page_content h2 {
    font-family: 'Centrale Sans';
    font-weight: bold;
    font-size: 33px;
    color: #101729;
    margin: 0 0 30px 0;
}
.page_content p {
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 30px 0;
    font-weight: 500;
}
.page_content li, .page_content ol {
    font-family: 'Lora', serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    margin: 0 0 30px 0;
}


.page_content ol li ul,
.page_content ul li ul{
    margin: 30px 0px 0px 0px;
}
.page_content ol li ul li,
.page_content ul li ul li{
    margin: 0px;
}




.blog_single h6 a, .blog_single p a, .page_content a {
    color: #ec1b54;
}
.single_page{
    margin: 50px 0px;
    display: block;
}

.page_content table {
    width: 100%;
}
.page_content table td {
    border: 1px solid #000;
    padding: 10px;
    font-family: 'Lora', serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}






.vert_block{
    width: 100%;
    height: 48%;
    position: absolute;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.vert_block.top{
    top: 0%;
    background-image: url('img/vert_top.jpg');
}
.vert_block.bottom{
    bottom: 0%;
    background-image: url('img/vert_bottom.jpg');
}
.vert_block.top.contact_td .col_icon_block{
    margin: 0px;
}
.vert_block.top.contact_td .col_icon_block img{
    max-width: 80%;
    max-height: 80%;
}

.vert_block.top.contact_td{
    height: 12.5%;
    background-image: none;
}
.vert_block.bottom.contact_td{
    height: 84%;
    background-image: none;
    background-color: #555;
}








.alex_wrap {
    display: inline-block;
    width: 100%;
}
.temp_sidebar_margin{
    margin-top: 50px;
    float: left;
}
.alex_sidebar {
    float: left;
    position: absolute;
    width: 13%;
}
.alex_content {
    float: right;
    width: 80%;
    min-height: 400px;
    padding: 0 0 0 0px;
}

.the_sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.the_sidebar ul li {
    font-family: 'Centrale Sans';
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    display: block;
    width: 100%;
}
.the_sidebar ul li a {
    color: #df2360;
    text-decoration: none;
    display: inline-block;
    width: 90%;
    border-bottom: 1px solid #000;
    padding: 0 0px 15px 0;
    margin: 0 0 15px 0;
}
.the_sidebar ul li ul li a{
    color: #000;
    font-family: 'Lora', serif;
    font-size: 13px;
    line-height: 13px;
    border-bottom: none;
}
.the_sidebar ul li.menu-item-has-children a{
    border-bottom: none;
}

.sub_page_section{
    padding: 50px 50px;
    position: relative;
}

.sub_page_section.pretty_gradient{

}
.sub_page_section.pretty_gradient p{
    color: #fff;
}
.sub_page_section .page_td h2,
.master_col_wrap h2 {
    font-size: 35px;
    line-height: 40px;
    margin: 0px 0px 45px 0px;
    font-weight: normal;
    color: #201b4e;
    font-family: 'Centrale Sans Regular';
}
.sub_page_section .page_td h3,
.master_col_wrap h3 {
    font-size: 25px;
    line-height: 25px;
    margin: 0px 0px 45px 0px;
    font-weight: normal;
    color: #201b4e;
    font-family: 'Centrale Sans Regular';
}
.sub_page_section .page_td h3 strong{
    font-family: 'Centrale Sans';
    color: #df2360;
}



.sub_page_section.pretty_gradient .page_td h2{
    color: #fff;
}
.sub_page_section .page_td h2 strong,
.master_col_wrap h2 strong{
    font-family: 'Centrale Sans';
}
.page_wrap {
    margin: 0 0;
    overflow-x: hidden;
}

.pretty_gradient_fader {
  background: rgb(89,45,127);
  background: -moz-linear-gradient(45deg, rgba(89,45,127,1) 0%, rgba(175,22,88,1) 50%, rgba(243,44,74,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89,45,127,1) 0%, rgba(175,22,88,1) 50%, rgba(243,44,74,1) 100%);
  background: linear-gradient(45deg, rgba(89,45,127,1) 0%, rgba(175,22,88,1) 50%, rgba(243,44,74,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592d7f",endColorstr="#f32c4a",GradientType=1);
    position: absolute;
    width: 150%;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.gradient_fader {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(237, 240, 249, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(237, 240, 249, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(237, 240, 249, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#edf0f9",GradientType=1);
    position: absolute;
    width: 150%;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}













.cap_icon_tbl {
    width: 100%;
    display: table;

    margin: 30px 0 0 0;
}
.cap_icon_tr {
    display: table-row;
}
.cap_icon_td.icon_side {
    width: 13%;
}
.cap_icon_td.text_side {
    padding: 0 0 0 20px;
    width: 87%;
}
.cap_icon_td {
    display: table-cell;
    vertical-align: middle;
}
.cap_icon {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.cap_icon img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.cap_icon_td h4 {
    margin: 0 0 10px 0;
    font-family: 'Centrale Sans';
    font-size: 17px;
    font-weight: bold;
    color: #ec1b54;
}
.blue_icons .cap_icon_td h4 {
    color: #2e59a8;
}




.page_td.m_top .cap_icon_td p {
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 0 0;
    font-weight: 500;
}
























.home_intro_section{
    padding: 75px 0px;
}
.page_wrap{
    padding: 0px 0px;
}
.home_second_section{
    padding: 75px 0px;
    background-color: #eeedf8;
}
.page_tbl{
    display: table;
}
.page_tr{
    display: table-row;
}
.page_td{
    display: table-cell;
    position: relative;
    padding: 0px 25px;
}

.page_td.w_45{
    width: 40%;
}
.page_td.w_50{
    width: 50%;
}
.page_td.w_55{
    width: 55%;
}

.page_td.on_home h2{
    font-family: 'Centrale Sans';
    letter-spacing: -1px;
    color: #201b4e;
    font-size: 75px;
    line-height: 75px;
    margin: 0px;
    font-weight: bold;
}
.page_td.on_home h3{
    color: #f15722;
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
    margin: 0px 0px 30px 0px;
    font-size: 50px;
}
.page_td.on_home h4{
    color: #ec1b54;
    font-family: 'Centrale Sans';
    margin: 0px;
    font-weight: bold;
}
.page_td.on_home h4 span{
    font-family: 'Lora', serif;
    color: #201b4e;
    font-weight: normal;
}

.page_td p{
    font-family: 'Lora', serif;
    color: #201b4e;
    font-size: 16px;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    font-weight: 400;
}
.page_td.m_top p{
    margin: 30px 0px 0px 0px;
}
.page_td.m_bot p{
    margin: 0px 0px 30px 0px;
}

.td_img{
    position: absolute;
    background-size: cover;
    background-position: top center;
    top: 0px;
    right: 25px;
    bottom: 0px;
    left: 25px;
    border-radius: 10px;
    height: 100%;

}
.page_tbl_wrap{
    margin-left: -25px;
    margin-right: -25px;
}
.page_tbl_wrapper{
    overflow: hidden;
}



.bottom_icons{
    width: 100%;
}
.bottom_icons .four_col {
    margin: 30px 0px 0px 0px;
}
.master_col_wrap {
    width: 100%;
    display: inline-block;
}
.master_col_margin {
    margin-left: -40px;
    margin-right: -40px;
    text-align: center;
}
.one_col {
    width: 100%;
    float: left;0
}
.four_col {
    width: 25%;
    float: left;
    padding: 0 40px;
}

.col_icon_block {
    width: 100%;
    padding-top: 100%;
    margin: 0 0 30px 0;
    position: relative;
    background-size: cover;
    background-position: center;
}
.top_contact .col_icon_block {
    border-radius: 15px;
    overflow: hidden;
}
.top_contact h2 strong{
    font-size: 40px;
    margin: 0px 0px 5px 0px;
}
.three_col {
    width: 33.33%;
    float: left;
    padding: 0 10px;
}
.four_thank_col {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.master_col_wrap.times_four{
    margin: 30px 0px 0px 0px;
    display: inline-block;
}






.col_icon_block img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.four_col h6,
.five_col h6,
.four_col h5,
.five_col h5  {
    font-family: 'Lora', serif;
    font-size: 14px;
    margin: 0px;
    font-weight: 700;
    color: #201b4e;
}



















.help_you_section{
    width: 100%;
    padding: 75px 0px;
    background-image: url('img/help_you_bg.jpg');
    background-size: cover;
    background-position: center;
}
.help_you_section h2{
    font-size: 35px;
    line-height: 35px;
    margin: 0px 0px 50px 0px;
    font-weight: bold;
    color: #fff;
    font-family: 'Centrale Sans';
}

.help_tbl{
    width: 100%;
    display: table;
    min-height: 265px;
}
.help_tr{
    display: table-row;
}
.help_td{
    display: table-cell;
    position: relative;
    padding: 0px 28px;
    width: 33.33%;
}
.help_td_white{
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    z-index: 0;
    left: 28px;
    right: 28px;
    top: 0px;
    bottom: 0px;
    border-radius: 11px;
}
.help_tbl_wrap{
    margin-left: -28px;
    margin-right: -28px;
}
.help_tbl_wrapper{
    overflow: hidden;
}
.info_tbl{
    height: 100%;
    background-color: #fff;
    display: table;
        right: 28px;
        left: 28px;
    position: absolute;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}
.info_tr{
    display: table-row;
}
.info_td{
    display: table-cell;
    padding: 25px;
    vertical-align: middle;
}
.info_td.img_side{
    width: 105px;
    background-size: cover;
    background-position: center top;
}
.info_td h5,
.info_td h6,
.info_td span{
  font-size: 20px;
  display: block;
  line-height: 20px;
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  color: #ed1a57;
  font-family: 'Centrale Sans';
}
.info_td p{
  font-family: 'Lora', serif;
  color: #201b4e;
  font-size: 16px;
  line-height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-weight: 500;
}






.secondary_header {
    padding: 200px 0 50px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #333;
}
.secondary_header h1 {
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: bold;
    font-family: 'Centrale Sans';
    font-size: 42px;
    margin: 0;
}

.the_breadcrumbs {

    /* background-color: #eceff7; */
background-color: #f5f8ff;



    padding: 15px 0;
    font-weight: 500;
    font-family: 'Lora', serif;
    font-size: 14px;
    line-height: 13px;
}
.the_breadcrumbs a{
    color: #000;
    text-decoration: none;
}
.the_breadcrumbs p {
    margin: 0;
    padding: 0;
}
.the_breadcrumbs p strong {
    font-weight: 700;
    font-family: 'Lora', serif;
}


.blog_wrap {
    padding: 50px 0;
}
.course_thumb {
    width: 100%;
    margin: 0 0 25px 0;
    border-radius: 20px;
    background-color: #eee;
    background-size: cover;
    background-position: center;
}
.course_thumb.on_blog {
    padding-top: 47%;
}
.blog_card {
    margin: 0 0 50px 0;
}
.blog_card a {
    text-decoration: none;
}
.blog_card h2 {
    font-family: 'Montserrat', sans-serif;
    min-height: 50px;
    font-size: 20px;
    line-height: 25px;
    color: #081523;
    margin: 0 0 15px 0;
    font-weight: 600;
}
.blog_card p {
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 16px;
    min-height: 75px;
    line-height: 25px;
    margin: 0 0 30px 0;
    font-weight: 500;
}
.blog_wrap p{
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 30px 0;
    font-weight: 400;
}
.blog_wrap ul li,
.blog_wrap ol li{
    font-family: 'Lora', serif;
    color: #081523;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 30px 0;
    font-weight: 400;
}
.blog_single h2 {
    font-family: 'Centrale Sans';
    color: #081523;
    font-size: 22px;
    margin: 0 0 10px 0;
    font-weight: 500;
}
.blog_single h3 {
    font-family: 'Centrale Sans';
    color: #081523;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-weight: 500;
}


.nav-links {
    float: none;
    display: inline-block;
    width: 100%;
}
.the_navi a, .the_navi a:hover, .the_navi a:active, .the_navi a:focus {
    color: #df2360;
    margin: 0 5px;
}




















.master_col_wrap {
    width: 100%;
    display: inline-block;
}

.master_col_margin {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}
.one_card_col {
    width: 100%;
    float: left;
    padding: 0 10px;
}
.four_card_col {
    width: 25%;
    float: left;
    padding: 0 10px;
}
.three_card_col {
    width: 33.33%;
    float: left;
    padding: 0 10px;
}
.course_thumb {
    width: 100%;
    padding-top: 46%;
    margin: 0 0 25px 0;
    border-radius: 20px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}
.course_block h5 {
    color: #2e59a8;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 20px 0;
    font-family: 'Centrale Sans';
}
.three_card_col .course_block h5 {
    color: #ed2a5c;
}
.three_card_col .course_block p,
.four_card_col .course_block p,
.sub_page_section .master_col_wrap p {
    font-family: 'Lora', serif;
    text-align: left;
    color: #081523;
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 35px 0;
    font-weight: 500;
}

.sub_page_section .master_col_wrap .top_mini_intro p{
    font-size: 16px;
}






.nav.nav-tabs{
    border: none;
}
.course_overview h2{
  font-size: 45px;
  line-height: 60px;
  margin: 0px 0px 30px 0px;
  font-weight: normal;
  color: #201b4e;
  font-family: 'Montserrat', sans-serif;
}
.course_overview h3{
    color: #ED1A57;
}

.course_overview{
    width: 100%;
    display: block;
    padding: 20px 0px 30px 0px;
}

.nav-link.active{
    border: none!important;
    border-bottom: 1px solid #ED1A57!important;
    color: #ED1A57!important;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Montserrat', sans-serif;
}
.nav-link{
    border: none!important;
    border-bottom: 1px solid #7C6FB1!important;
    color: #7C6FB1!important;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Montserrat', sans-serif;
}






















.gradien_section{
    padding: 50px 0px;
    min-height: 100px;
    background: #2e59a8;
    background: linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
    background: -webkit-linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
    background: -moz-linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
}








.sub_footer_section {
    padding: 50px 0;
    width: 100%;
    background: #2e59a8;
    background: linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
    background: -webkit-linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
    background: -moz-linear-gradient(45deg,#2e59a8 0%, #582d7f 33%, #df0f59 66%, #f25d21 100%);
    background-size: cover;
    background-position: center;
    margin: 0px 0px -1px 0px;
}
.sub_tbl {
    width: 100%;
    display: table;
}
.sub_tr {
    display: table-row;
}
.sub_td {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 50%;
    padding: 0 25px;
}
.sub_img_block {
    width: 100%;
    padding-top: 50%;
    text-align: center;
    position: relative;
}
.sub_img_block img,
.sub_td.image_side img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.sub_td h4 {
    color: #fff;
    font-family: 'Centrale Sans Regular';
    margin: 0 0 25px 0;
    padding: 0;
    font-weight: 400;
    font-size: 28px;
        line-height: 34px;
}
.sub_td h4 strong{
    font-family: 'Centrale Sans';
}


.sticky-stopper{
    width: 100%;
}

.the_footer{
    padding: 60px 0px 100px;
    background-color: #201b4e;
    color: #fff;
}
.the_footer h2{
    font-size: 35px;
    line-height: 35px;
    margin: 0px;
    font-family: 'Centrale Sans Regular';
}


.the_footer h2 strong{
    font-family: 'Centrale Sans';
}

.footer_top_tbl {
    display: table;
    width: 100%;
    margin: 0px 0px 60px 0px;
}
.footer_top_tr {
    display: table-row;
}
.footer_top_td {
    display: table-cell;
    vertical-align: middle;
}
.footer_top_td.text_side {
    width: 70%;
}
.right_side {
    text-align: right;
}
.foot_btn{
    border-radius: 100px;
    background-color: #df2360;
    padding: 15px 30px 15px 30px;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-family: 'Lora', serif;
    transition: 0.5s;
}
.foot_btn:hover,
.the_header ul li.login_cta a:hover{
    background-color: #38c1ce;
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
}
.foot_btn img {
    margin: 0 0 0 15px;
    position: relative;
    top: -2px;
}
.foot_btn:hover{
    color: #fff;
    text-decoration: none;
}
.footer_logo_section{
    text-align: right;
    display: inline-block;
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.footer_logo_section img{
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 20px;
}
.footer_logo_section img.footer_logo{
    max-width: 200px;
}
.footer_logo_tbl{
    display: table;
    float: right;
}
.footer_logo_tr{
    display: table-row;
}
.footer_logo_td{
    display: table-cell;
    vertical-align: bottom;
}
.footer_logo_td a{
    text-decoration: none;
}
.footer_logo_section img.linkedin_icon{
    width: 20px;
    height: auto;
    margin: 0px 20px 0px 0px;
    position: relative;
    bottom: 6px;
}
.footer_bot {
    border-top: 1px solid #fff;
    display: inline-block;
    font-family: 'Lora', serif;
    font-size: 14px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 15px 0 0 0;
}

.footer_bot ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_bot ul li {
    display: inline-block;
    margin: 0 30px 0 0;
}
.footer_bot ul li a,
.footer_bot a{
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
.footer_bot ul li a:hover,
.footer_bot a:hover,
.the_header ul li a:hover,
.the_breadcrumbs a:hover,
.header_td ul li ul.sub-menu a:hover{
    color: #ed1a57;
    text-decoration: none;
    transition: 0.5s;
}



.right_side {
    text-align: right;
}
.show_mobile{
    display: none;
}
.hide_mobile{
    display: block;
}
@media (max-width: 992px){
  .top_info {
    padding: 50px 15px;
}
.look_at_other {
    padding: 50px 15px;
  }
.should_you_banner {
    padding: 50px 15px;
  }
  .course_overview h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0px 0px 30px 0px;
    font-weight: normal;
    color: #201b4e;
    font-family: 'Montserrat', sans-serif;
}
.workshop_top_bottom {
    bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
  .side_info_block {
    background-color: #F2F5FB;
    padding: 30px 30px 0px 30px;
    margin: 0px 0px 40px 0px;
    display: inline-block;
    width: 100%;
}
  .top_left_content h2 {
      font-size: 30px;
      line-height: 40px;
  }
  .white_info_tbl,
  .white_info_tr,
  .white_info_td.lefter{
      width: 100%;
      display: block;
  }
  .white_info_td.lefter{
      border-right: none;
      border-bottom: 1px solid #201B4E;
      padding: 0px 0px 30px 0px;
      margin: 0px 0px 30px 0px;
  }
  .workshop_top_bottom h1 {
      font-size: 30px;
      line-height: 40px;
      margin: 0px 0px 30px 0px;
  }
  .top_right_content,
  .top_left_content {
      padding: 0px 0px 0px 0px;
  }
  .side_info_block {
      background-color: #F2F5FB;
      padding: 45px 40px 0px 40px;
      display: inline-block;
      width: 100%;
  }
  .should_tbl{
      display: block;
      width: 100%;
  }
  .should_tr{
      display: block;
  }
  .should_td{
      display: block;
      width: 100%;
  }
  .should_td.lefter{
      padding: 0px 0px 30px 0px;
  }
  .should_td.righter{
      padding: 0px 0px 0px 0px;
  }











.featured_section {
    background-image: url(img/home_page_main_graphic_smaller.jpg);
}
  .info_td {
    padding: 18px;
  }
  .info_td.img_side {
    width: 95px;
  }
  .info_td h5 {
    font-size: 15px;
    line-height: 15px;
    margin: 0px 0px 15px 0px;
  }
  .info_td p {
      font-size: 14px;
      line-height: 20px;
  }
  .blog_card p,
  .blog_card h2 {
      min-height: auto;
  }


  .vert_block.bottom.contact_td {
      height: 100%;
      margin: 30px 0px 0px 0px;
      display: inline-block;
  }
  .footer_logo_section img {
    margin: 0px 0px 0px 10px;
  }
  .footer_logo_section img.linkedin_icon {
    width: 18px;
    bottom: 4px;
    margin: 0px 15px 0px 0px;
  }
  .footer_logo_section img.footer_logo {
    max-width: 160px;
}
  .the_footer {
    padding: 50px 15px 80px;
  }
  .sub_img_block{
      margin: 0px 0px 30px 0px;
  }
  .sub_tbl,
  .sub_tr,
  .sub_td{
      width: 100%;
      display: block;
      text-align: center;
  }
  .sub_page_section {
    padding: 50px 25px;
  }
  .page_td.m_top .pink_btn{
      margin: 30px 0px;
  }
  .pretty_gradient_fader{
      left: -15px;
  }
  .temp_sidebar_margin{
      display: none;
  }
  .alex_content {
    float: none;
    width: 100%;
  }
  .four_card_col,
  .three_card_col{
      width: 100%;
  }
  .mob_trigger {
      display: block;
    }
  .featured_sect_td h1 strong {
      width: initial;
      display: initial;
  }
  .page_td.on_home h2 {
      font-size: 65px;
      line-height: 65px;
  }
  .page_td.on_home h3 {
      font-size: 45px;
  }
  .td_img{
      position: relative;
      width: 100%;
      padding-top: 100%;
      left: 0px;
      right: 0px;
  }
  .td_img.left_img{
      margin: 0px 0px 30px 0px;
  }
  .td_img.right_img{
      margin: 30px 0px 0px 0px;
  }


  .td_img.right_img{
      margin: 30px 0px 0px 0px;
  }
  .show_mobile{
      display: block;
  }
  .hide_mobile{
      display: none;
  }
  .featured_sect_td h1 {
    font-size: 35px;
    line-height: 35px;
    margin: 40px 0px;
  }
  .featured_sect_td img {
      max-width: 300px;
  }
  .home_second_section,
  .help_you_section,
  .home_intro_section,
  .blog_wrap{
    padding: 50px 15px;
  }
  .page_td.w_55,
  .page_td.w_50,
  .page_td.w_45 {
    width: 100%;
}
.four_col {
    width: 50%;
  }
    .page_tbl_wrap {
        margin-left: 0px;
        margin-right: 0px;
    }
    .page_tbl,
    .page_tr,
    .page_td{
        width: 100%;
        display: block;
        padding: 0px;
    }
    .help_tbl_wrap {
        margin-left: 0px;
        margin-right: 0px;
    }
    .help_td {
        display: block;
        position: relative;
        padding: 0px 0px;
        width: 100%;
    }
    .info_tbl {
        margin: 0px 0px 15px 0px;
        right: 0px;
        left: 0px;
        position: relative;
    }
    .footer_top_tbl,
    .footer_top_tr,
    .footer_top_td,
    .footer_top_td.text_side,
    .footer_top_td.right_side{
        display: block;
        width: 100%;
        text-align: center;
    }
    .footer_bot .right_side{
        text-align: center;
        padding: 25px 0px 0px 0px;
    }
    .the_footer h2 {
        margin: 0px 0px 30px 0px;
    }
}
@media (max-width: 768px){
  .mini_company_block{
      margin: 0px 0px 30px 0px;
  }
  .info_td h5 {
      font-size: 18px;
      line-height: 20px;
    }
}