/*
Theme Name: The7 Child 02
Template: dt-the7
Author: Child Theme Configurator
Version: 1.0.1449753441
Updated: 2015-12-10 13:17:21
*/

@charset "UTF-8";

.main-nav > li > a {
    margin: 15px 13px 15px 13px !important;
    padding: 4px 0px 4px 0px;
}

/*  *****************
###  Header tweaks
*****************  */

.branding .mini-widgets {}
.mini-wpml {
    margin-right: 50px !important;
    margin-left: 50px !important;
}
.soc-ico {
    position: absolute;
    right: 0;
}

.branding .mini-widgets div p:nth-of-type(1) { float:left; margin-right:15px; }
.branding .mini-widgets div p:nth-of-type(2) { float:right; }

/**************************** KT CSS Start *******************************/
.bmc-tmlContent {
    position: relative;
    padding-bottom: 20px;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    padding: 20px;
    margin-bottom: 20px;
    margin-bottom: 32px;
}
.bmc-tmlHeader {
    border-bottom-color: #ececec;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 10px;
	width:100%;
	float:left;
}
.bmc-tmlrate {
    float: left;
    /* height: 22px; */
    width: 125px;
}
.bmc-tmlBy {
    float: right;
    /* margin-top: -10px; */
	width:150px;
}
.bmc-tmlBy img{width:100%;}
.bmc-tmlreply ul {
    margin-top: 10px;
    padding-left: 24px;
}
.bmc-tmlreply li {
    margin-bottom: 10px !important;
    list-style-type: disc !important;
}
.bmc-tmlContent:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 19px;
    top: 100%;
    left: 0;
    background: url('http://cdn.swcdn.net/creative/images/landing_pages/products-redesign/web/images/box_arrow.png') no-repeat;
	margin-top: -2px;
}
.bmc-tmlAuth {
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0 24px 20px;
    font-size: 15px;
}
.bmc-tmlAuth strong {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
}
.bmc-tmlSource {
    padding-top: 10px;
    padding-left: 24px;
    font-size: 12px;
}
#main {padding: 0 !important;}
.inner_content{width:100%;}
ul.pop-feat-arrw li a {
 background-image: url("http://s12755.p402.sites.pressdns.com/wp-content/uploads/2016/05/arrow.jpg");
 background-position: right center !important; padding-right: 30px; background-repeat: no-repeat; background-size: 20px 20px;
  color: #2baca3;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration:none;
  display:block;
}
ul.pop-feat-arrw li a:hover{color:#336666; text-decoration:none;}

ul.pop-feat-arrw li {
padding-left: 0;
right: 0 !important;  
}

ul.pop-feat-arrw li::before, ul.pop-feat-arrw li::after{display:none;}
.tab-content {display:none}
#tab-1 {display: block;}
.tab-content img{width:100%; height:auto;}
#branding-bottom{padding:10px !important;}
.masthead.line-decoration:not(.side-header):not(.mixed-header){border-bottom:0 !important;}
ul.pop-feat-arrw li.current a{color:#336666;}
.scroll-top.on {
    display: none;
    visibility: hidden;
}

.navigation ul li.feature-menu ul.sub-nav li a span {font-size: 16px !important;}
.navigation ul li.feature-menu ul.sub-nav li a {padding: 5px !important;}
/* #footer.solid-bg {bottom: 0; position: fixed; width: 100%;} */
/**************************** KT CSS End ********************************/

/**/
@media screen and (max-width: 970px) {
.branding .mini-widgets div p  { font-size: 0.8rem; }

.dt-btn-m {
	padding-left: 8px !important;
    padding-right: 8px !important;
    font: normal 14px / 30px Helvetica, Arial, Verdana, sans-serif !important;
}
}


@media screen and (max-width: 600px) {
.top-bar .mini-widgets {
position:relative;
display: table-row;
text-align: center;
}
.soc-ico {
    position: relative;
    right: initial;
}
}


@media screen and (max-width: 700px) {
.mini-wpml {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
}

@media screen and (max-width: 500px) {
.mobile-header-bar .mobile-mini-widgets { display:none; }
}




/*  *****************
###  Home Page
*****************  */

.home #main { padding: 0 !important; }

/*.home-hero-container { padding: 40px 0 25px 0; }*/
.home-hero-container { padding: 40px 0 0 0; margin-bottom:20px !important; }

/* .home-hero-block { margin-top:30px; } */

.home-hero-block h1 {
	font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

.home-hero-block h2 {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #ffffff;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

.home-hero-block h3 {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    letter-spacing: -2px;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

.desktop-only {display: none;}
@media only screen and (min-width: 60em) { /* KT - By Shalesh kadam for liveagent box shows from 960px and onward */
	.desktop-only {display: block;}
}


@media screen and (max-width: 1200px) {
.home-hero-block { margin-top:0; }
}
@media screen and (max-width: 1200px) {
.home-hero-block h1 {
	font-size: 3rem;
    line-height: 4rem;
}
.home-hero-block h2 {
    font-size: 1.8rem;
    line-height: 3rem;
}
.home-hero-block h3 {
    font-size: 1.8rem;
    line-height: 3rem;
}
}
@media screen and (max-width: 1024px) {
.home-hero-block h1 {
	font-size: 2.8rem;
    line-height: 4rem;
}
.home-hero-block h2 {
    font-size: 1.8rem;
    line-height: 2.6rem;
}
.home-hero-block h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
}
}
@media screen and (max-width: 900px) {
.home-hero-block h1 {
	font-size: 2.4rem;
    line-height: 3rem;
}
.home-hero-block h2 {
    font-size: 1.5rem;
    line-height: 2.2rem;
}
.home-hero-block h3 {
    font-size: 1.5rem;
    line-height: 2.2rem;
}
}
@media screen and (max-width: 768px) {
.home-hero-devices img { margin-bottom:15px !important; }
.home-hero-block h3 { margin-bottom:20px !important; }
.h2-home-simple h2{line-height:40px !important;}
}
/************************ KT Media CSS Start ************************/
@media screen and (max-width: 360px) {
.overlay-fortune { font-size: 26px !important;}
.overlay-fortune strong {display: inline-block !important; font-size: 26px !important; line-height: 30px;}
.abs-text-col{margin-top:45% !important;}
.bmc_testimonal { padding-left: 0 !important; padding-right: 0 !important; padding-top:30px;}
.home-left .btn-shortcode.dt-btn{font:16px/48px Helvetica,Arial,Verdana,sans-serif;}
}

@media screen and (min-width: 361px) and (max-width: 480px) {
.overlay-fortune { font-size: 26px !important;}
.overlay-fortune strong {display: inline-block !important; font-size: 26px !important; line-height: 30px;}
.abs-text-col{margin-top:30% !important;}
.bmc_testimonal { padding-left: 0 !important; padding-right: 0 !important; padding-top:30px;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.overlay-fortune { font-size: 26px !important;}
.overlay-fortune strong {display: inline-block !important; font-size: 26px !important; line-height: 30px;}
.abs-text-col{margin-top:20% !important;}
.bmc_testimonal { padding-left: 0 !important; padding-right: 0 !important; padding-top:30px;}
.top-bar {padding: 0px 0px 8px !important;}
.top-bar .soc-ico.near-logo-on-mobile{top:20px;}
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {
	.wpb_content_element.abs-text-col{margin-top:5% !important;}
	#main {min-height: 580px !important;} /* footer issue */
}

@media screen and (min-width: 1681px) {
	.wpb_content_element.abs-text-col{margin-top:4% !important;}
	#main {min-height: 595px !important;} /* footer issue */
}

@media screen and (max-width: 450px) {
	.bold-icons .top-bar .mini-contacts.phone{background-position:top left !important;}
}

@media screen and (min-width: 1025px) {
	#main{min-height:430px;} /* footer issue */
}
/************************ KT Media CSS End ************************/



/*  *****************
###  Features Page
*****************  */

.trackit-features-row { padding:40px 0 !important; }



#content > DIV:nth-of-type(2) > DIV:nth-of-type(1) { visibility: visible !important; }
#content > DIV:nth-of-type(2) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) { visibility: visible !important; }