/*
Theme Name: Webshift
Theme URI: https://bitbucket.org/shapeshift/webshift-theme
Author: Shapeshift
Author URI: https://shapeshift.co.za
Description: Imagine a world where a website is but a few clicks away.
Version: 0.6.5
License: GNU General Public License v1 or later
License URI: https://shapeshift.co.za
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: bazooka

This theme, like WordPress, is licensed under the Bazooka police.
Use it to make something beyond cool and don't forget to have fun.
*/
.file_icon{
    width: 50px;
    height: auto;
}
img.size-full{
    width: 100%!important;
    height: auto;
}
.file_icon img{
    width: 100%!important;
    height: auto;
}

.slick-prev{
    left: 15px!important;
		z-index: 9999;
}
.slick-next{
    right: 25px!important;
		z-index: 9999;
}
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    border: none!important;
  }
.slick-prev:before, .slick-next:before {
    font-size: 40px!important;
}

.let_sp_1{
	letter-spacing: 1px;
}
.l_h_28{
	line-height: 28px;
}
.l_h_18{
	line-height: 18px;258
}
.l_h_20{
	line-height: 20px!important;
}
.l_h_24{
	line-height: 20px;
}
.l_h_26{
	line-height: 26px;
}
.l_h_30{
	line-height: 30px;
}
.pos_abs{
	position: absolute;
}
.dis_inline{
	display: inline-block
}
.faq_number{
	font-size: 52px;
	padding-right: 15px;
}
.resp_img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
.start_section{
	position: relative;
	overflow: hidden;
	padding-bottom: 222px;
	background-image: url('img/buildings_home-01.png');
	background-repeat: no-repeat;
    background-position: center 135px;
}
.start_y_section img{

	max-width: 232px;
	width: 100%;
	height: auto;
    position: relative;
	margin: -138px auto 30px;
    z-index: 699;
}
.pars p{
	padding: 0px;
	margin: 0px;
}
.the_footer a{
	color: #000;
}

.body_text p{
	padding: 10px 0px;
	margin: 0px;
}

.txt_10{font-size: 10px;}
.txt_12{font-size: 12px;}
.txt_14{font-size: 14px;}
.txt_16{font-size: 16px;}
.txt_18{font-size: 18px;}
.txt_20{font-size: 20px;}
.txt_22{font-size: 22px;}
.txt_24{font-size: 24px;}
.txt_30{font-size: 30px;}
.txt_40{font-size: 40px;}
.txt_50{font-size: 50px;}
.txt_60{font-size: 60px;}

/* Weights */
.txt_b{font-weight: bold;}
.txt_l{font-weight: normal;}

.txt_w{color: #fff!important;}
.txt_blk{color: #000;}
.txt_d_grey{color: #231F20;}


/* Margin Conrollers */

.m_0{margin: 0px;}
.mt_0{margin-top: 0px;}
.mb_0{margin-bottom: 0px;}
.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mb_15{margin-bottom: 15px;}
.mt_20{margin-top: 20px;}
.mb_20{margin-bottom: 20px;}
.mt_30{margin-top: 30px;}
.mb_30{margin-bottom: 30px;}
.mt_60{margin-top: 60px;}
.mb_60{margin-bottom: 60px;}
.mt_90{margin-top: 90px;}

/* Padding Conrollers */

.p_0{padding: 0px;}
.m_5{
	margin: 0px 5px!important;
}
.p_15{padding: 15px;}
.p_30{padding: 30px;}

.pt_0{padding-top: 0px;}
.pt_5{padding-top: 5px;}
.pt_10{padding-top: 6px;}
.pb_0{padding-bottom: 0px;}
.pt_15{padding-top: 15px;}
.pb_15{padding-bottom: 15px;}
.pt_20{padding-top: 20px;}
.pb_20{padding-bottom: 20px;}
.p_30{padding: 30px;}
.pt_30{padding-top: 30px;}
.pb_30{padding-bottom: 30px;}
.pt_60{padding-top: 60px;}
.pb_60{padding-bottom: 60px;}
.pl_60{padding-left: 0px;}/* put back when maps come back */
.pt_100{padding-top: 100px;} /* Usually used for sections */
.pb_100{padding-bottom: 100px;}

.bg_100{
	background-size: 70%;
	background-position: center center;
}
.banner_table td{
	width: 50%;
	position: relative;
}

.mt_127{
	margin-top: 127px;
}
.w_70{
	width: 70%;
}
.w_100{
	width: 100%;
}
.fl_l{
	float: left;
}
.fl_r{
	float: right;
}

.p_abs{
	position: absolute;
}

.general_btn{
	padding: 15px 30px!important;
	border: none!important;
	font-weight: bold;
	font-size: 16px;
    text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	border-radius: 35px;
}

.l_height_26{
	line-height: 26px;
}
.l_height_30{
	line-height: 30px;
}

.ad_the_pad{
	padding-left: 60px;
	padding-right: 60px;
}
.bottom_action_stirp .txt_right{
	text-align: right;
}
.bg_cover{
	background-size: cover;241
	background-position: center center;
}
/* Background Colours */
.bg_red{
	background-color: #C62828;
}
.bg_red_bg{
    background-image: url(img/red_bg_pat.png);
}
.bg_white{
		background-color: #fff;
}
.bg_black{
		background-color: #000;
}
.widget.widget_media_image{
	margin-bottom: 15px;
}

/* Sidebar Styling */

h2.widget-title{
		margin-top: 0px;
		padding: 0px!important;
}
.widget{

		margin-bottom:15px;
		padding: 0px 15px;
}
/* header Styling */
.company_logo img{
		width: auto;
		height: auto;
}
.navbar-brand{
		height: auto;
}
.cube_square{
		position: relative;
		width: 100%;
		padding-bottom: 100%;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		text-align: center;
}
.cube_rectangle{
		position: relative;
		width: 100%;
		padding-bottom: 50%;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		text-align: center;
}
.sidebar ul{
    margin: 0px;
    padding:0px;
    list-style: none;
}
.sidebar ul li{
    margin-bottom: 15px;
}
.widget-title{
  margin-bottom: 15px;
}
/* master_content */

.navbar-nav>li {
    float: none;
    display: inline-block;
}
ul.navbar-nav{
    float: none;
}
.navbar-brand {
	    padding: 15px 0px;
}
.master_content img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
}

.header_banner{
		background-size: cover;
		background-position: center center;
		padding: 60px 0px;
		text-align: center;
}
.header_banner h1{
		padding: 0px;
		margin: 0px;
}

/* Gravity Forms */

.gform_wrapper ul.gform_fields li.gfield{
		padding-right: 0px!important;

}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
		width: 100%!important;
}
.gform_wrapper {
    margin: 0px!important;
}

.screen-reader-text{
		display: none!important;
}

/* Bootstrap overrides */

.navbar {
    margin-bottom: 0px!important;
		border: 0px!important;
}
.page-numbers.current{
		padding: 10px 15px;
}
.current-menu-item{
    font-weight: bold!important;
}


.my_section iframe{
    width:100%!important;
}




.nav.navbar-nav{
    margin-top: 0px;
}

.current-menu-item.current_page_item a{
		font-weight: bold;
}

/* Featured Slider */
.plus_minus_toggle {
    position: relative;

    /* float: right; */

    width: 15px;
    height: 15px;
    background-image: url(img/minus.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.collapsed .plus_minus_toggle {
    background-image: url(img/plus.png);
}
.featured_slide{
		position: relative;
		width: 100%;
		padding-bottom: 45%;
		overflow: hidden;
		background-color: #ccc;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		text-align: center;
}
.featured_slider_section img{
		width: 100%;
		height: auto;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}


.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: transparent;
}

.sub_menu_section{
		background-color: #eee;
}
.the_tagline img{
    width:100%;
    height:auto;
}
.the_tagline.lefter{
    position: absolute;
    right: 0px;
    top: 15px;
}

.the_tagline.righter{
    position: absolute;
    left: 0px;
    top: 15px;
}
.the_error_son{
    width: 100%;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

img.alignleft { float: left; margin: 0 15px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 15px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.the_hover_box{
    position: absolute;
    text-align: left;
    bottom: 0px;
    width: 100%;
    padding: 15px 15px 45px;
    display: none;
}

.the_hover_box p{
    color: #fff;
}
hr{
    margin: 0px;
}
@media (max-width: 992px){
		.footer_columns{
				text-align: center!important;
		}
}
.my_section hr{
    margin-bottom: 15px;
}

.serv_mobi img{
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
@media (max-width: 768px){
    .company_logo img {
      margin: 15px!important;
      max-width: 50%!important;
    }
  .sub_menu_section li, .nav a, .nav.navbar-nav li.menu-item a {
      background-repeat: no-repeat;
      text-align: center;
  }
	.sub_menu_section{
			display: none;
	}
		.navbar-nav>li {
		    float: none;
		    display: block;
		}
}