/*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;
}


#consent_blackbar{
	width:100%;
}	

/*
#consent_blackbar {
	
position:fixed;
top:0;	
}	*/
/*  *****************
###  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('https://www.footprintsservicedesk.com/wp-content/uploads/2016/05/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("https://www.footprintsservicedesk.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%;} */
.overlay-fortune strong{line-height:45px;}
.wpb_column.vc_column_container.vc_col-sm-4 .shortcode-single-image-wrap.alignleft{margin:0 auto !important; float:none;} /* image center aligned */
/**************************** 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: 0px !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; }

/************************ Sunny Media CSS ************************/
/*  *****************
###  Footer-Menu
*****************  */
#footer section .widget-title {font-size: 15px;font-weight: bold;}
#footer section#presscore-custom-menu-2-4 {margin-top: 45px;}
#footer section#presscore-custom-menu-2-3 ul.custom-nav li a, #footer section#presscore-custom-menu-2-4 ul.custom-nav li a, #footer section#presscore-custom-menu-2-5 ul.custom-nav li a, #footer section#presscore-custom-menu-2-6 ul.custom-nav li a {padding-bottom: 0px;font-size: 12px;line-height: 20px;}
/************************ Sunny Media CSS End ************************/

/* --------------- KT: Renee Perla Well Koran - Css for DTM to be avoid load via dtm Start ------------------- */
div[id^=liveagent_invite_button_] img {
	display: block;
}
.support-hide-while-loading {
	display: none;
}
.sales-chat-now a,.support-chat-now a {
	text-decoration: none;
}
.sales-chat-now,.support-chat-now {
	font-size: 18px;
	right: 0;
	background-color: #fe5000;
	position: fixed;
	padding: .5em;
	bottom: 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	transition: right .5s ease;
	z-index: 20;
	transform: translateY(0) translateX(0) rotate(0);
	-webkit-transform: translateY(0) translateX(0) rotate(0);
	-ms-transform: translateY(0) translateX(0) rotate(0);
	-webkit-transition: right .5s ease;
	bottom: 10px;
	border-radius: 50%;
}
.sales-chat-now .chat-now-close:hover,.support-chat-now .chat-now-close:hover {
	color: #ff0;
}
.sales-chat-now .mobile-only,.support-chat-now .mobile-only {
	height: 60px;
	width: 60px;
}
.sales-chat-now .chat-now-close::before,.support-chat-now .chat-now-close::before {
	content: "";
	font-family: icomoon;
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	position: absolute;
	right: .3em;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(241,93,34,.07);
	-webkit-transition: color .25s ease-out 0s;
	transition: color .25s ease-out 0s;
	top: .5rem;
}
.sales-chat-now a,.support-chat-now a {color: #fff;}
.sales-chat-now img,.support-chat-now img {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;width: 60px; float: right; margin-top: .8rem;display: inline-block;}
.sales-chat-now b,.support-chat-now b {margin-right: .25em;}
@media only screen and (min-width: 20em) { /* 320px */
	.sales-chat-now,.support-chat-now {right: 10px;}
	.sales-chat-now .mobile-only img, .support-chat-now .mobile-only img{margin:0}
}

@media only screen and (min-width: 48em) { /* 768px */
	.sales-chat-now.on-screen,.support-chat-now.on-screen {right: 1em;}
	.sales-chat-now .mobile-only img, .support-chat-now .mobile-only img{margin:0}
}

@media only screen and (min-width: 60em) { /* 960px */
	.sales-chat-now,.support-chat-now {bottom: 0; border-radius: 5px 5px 0 0; }
	.sales-chat-now:hover img,.support-chat-now:hover img {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.sales-chat-now.on-screen,.support-chat-now.on-screen {padding: 1em; right: 1.5em; }
	.sales-chat-now .mobile-only img, .support-chat-now .mobile-only img{margin:0}
	.mobile-only {display:none;}
}
/* --------------- KT: Renee Perla Well Koran - Css for DTM to be avoid load via dtm End ------------------- */