body {
    background-attachment: scroll;
    background-color: #fff;
    background-position: left top;
    background-repeat: repeat;

}
.masthead {
    background: #51BAD6 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 397px;
    margin-bottom: 40px;
    margin-top: -20px;
    overflow: hidden;
    width: 100%;
}
.seobannerp{
    color: #e0e8eb; 
    font-family: Arial; 
    font-weight: bold; 
    font-size: 16px;
}
#rightCol{
    margin-top: -130px;
}
@media screen and (max-width: 1220px) {
    #rightCol{
        margin-top: -120px !important;
    }
}
@media screen and (max-width: 990px) {
    #rightCol{
        margin-top: 20px !important;
    }
}
.seobannerh1{
    font-family: Arial; 
    font-weight: bold; 
    font-size: 32px;
}

.seobannerBig{
    margin-top: 100px;
}

.seobannerSmall{
   margin-top: 40px; 
}

.sub_seobannerh1{
    font-family: Arial; 
    font-weight: bold; 
    font-size: 22px; 
    color: #E0E8EB;
}
.tableHr{
    margin-bottom: 5px;
    margin-top: 5px;
}
.green{
    color: #27ae60;
}
.red{
    color: #c0392b;
}
.submasthead{
    background: #51BAD6 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 140px;
    margin-bottom: 40px;
    margin-top: -20px;
    overflow: hidden;
    width: 100%;
}
.atoz_seo_tools_logo, .themeLogoImg {
   max-height: 120px;
}
.navbar-nav > li > a {
    text-transform: none;
}
#index_alert1{
    display: none;
}
.hideAll{
    display: none;
}
.moreToolsBut{
    margin-top:2px;
    margin-bottom:4px;
}
.navbar-default {
   background-image: linear-gradient(to bottom, #ffffff, #ffffff);
   background-repeat: repeat-x;
   border-color: #ebf1f8;
   border-width: 0 1px 2px;
}
.navbar-right{
    margin-right: 24px;
}
.well{
    background-color: #fff;
}
.caption{
    margin-bottom:10px;
}
.about_tool{
    margin-bottom:20px;
}
.main-index{
    background-color: #fff;
    overflow: hidden;
    padding: 20px 15px;
    box-shadow: 0 0 6px 3px #ededed;
    margin-bottom: 20px !important;
}
.main-container{
    margin-top: 16px;
}
.b-widgets {
    background: #506273 none repeat scroll 0 0;
    color: #fff;
    padding: 35px 40px 25px;

}
.alertNew {
    border-radius: 0;
    font-size: 14px;
}
.alertNew-block {
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 12px;
}
.alertNew-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alertNew-danger, .alertNew-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alertNew .close {
    font-size: 16px;
}
.alertNew .close {
    line-height: 20px;
    position: relative;
    left: -21px;
    top: -2px;
}
.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.popluarTools{
    background: #D7D7D7 none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50em;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 42px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 42px;
}
.popluarTools{
    background: #D7D7D7 none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50em;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 42px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 42px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.layout {
    padding: 0 15px;
}
.widget-header {
    background: linear-gradient(to bottom, #fff 0px, #eee 100%) repeat-x scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
    color: #669fc7;
    min-height: 38px;
    padding-left: 12px;
    position: relative;
}
.widget-box {
    border: 1px solid #ccc;
    box-shadow: none;
    margin: 3px 0;
    padding: 0;
}
.widget-header > .widget-title {
    display: inline;
    line-height: 36px;
    margin: 0;
    padding: 0;
}
h4.smaller {
    font-size: 17px;
}
.widget-body {
    background-color: #fff;
}
.widget-main{
    padding:18px;
}
.row-item {
    display: inline-block;
    font-size: 13px;
    letter-spacing: normal;
    margin: 0;
    text-align: left;
    vertical-align: top;
    word-spacing: normal;
}
.just-links li {
    line-height: 24px;
}
.just-links {
    margin-bottom: 20px;
}
.result-line {
    line-height: 20px;
    margin-top: 1px;
    padding: 5px;
}
.percentbox
{
    text-align: center;
    font-size: 18px;
    margin: 18px;
}
.percentimg
{
    text-align: center;
    display: none;
}
.b-list {
    line-height: 20px;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}
.footer-title::after {
    background: #51BAD6 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: -2px;
    margin-top: 8px;
    width: 60px;
}
.b-list li {
    margin-bottom: 2px;
}
.just-links.m-dark a {
    color: #fff;
}
.just-links a {
    color: #fff;
    display: block;
}
.b-list a {
    color: inherit;
    text-decoration: none;
}

.b-widgets h3 {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.b-widgets h1, .b-widgets h2, .b-widgets h3, .b-widgets h4, .b-widgets h5, .b-widgets h6 {
    color: #fff;
}
.b-twitter ul {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}
.footerCopyright{
    margin-top: 14px;
    margin-bottom: 14px;
}
.b-twitter li {
    padding: 0 0 18px 25px;
    position: relative;
}
.b-twitter li:before {
    color: #e2e2e2;
    content: "";
    font: 16px "FontAwesome";
    left: 0;
    position: absolute;
    top: 2px;
}
.b-twitter span {
    display: block;
    margin: 2px 0 0;
}
.twit-date {
    color: #d3d3d3;
    font: 11px "OpenSansItalic";
}
.b-twitter.m-footer a {
    color: #e34735;
}
.b-twitter.m-footer a:hover {
    color: #3b3d40;
}
.b-twitter.m-footer li:before {
    color: #ced3d5;
    text-shadow: 0 1px 0 white;
}
.b-twitter.m-footer .twit-date {
    color: #444;
}
.b-tag-cloud {
    font-size: 0;
    letter-spacing: -0.31em;
    margin-bottom: 20px;
    word-spacing: -0.43em;
}
.b-tag-cloud span {
    color: #313538;
    display: inline-block;
    font: 14px "OpenSansSemiboldRegular";
    margin-right: 10px;
}
.b-tag-cloud a {
    background-color: #fafafa;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #424346;
    display: inline-block;
    font: 11px/29px "OpenSansSemiboldRegular";
    letter-spacing: normal;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    position: relative;
    text-shadow: 0 1px 0 white;
    transition: all 0.2s ease-in-out 0s;
    word-spacing: normal;
}
.b-tag-cloud a:hover {
    background-color: #10B0E4;
    border: 1px solid #6BD4F7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 -1px 0 #6BD4F7;
}
.b-tag-cloud a:hover:before {
    opacity: 1;
}
.b-tag-cloud.m-dark {
    margin-bottom: 13px;
}
.b-tag-cloud.m-dark a {
    background-color: #fff;
    border-color: #dddddd;
}
.b-tag-cloud.m-dark a:hover {
    background-color: #10B0E4;
    border: 1px solid #6BD4F7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 -1px 0 #6BD4F7;
}
.input-wrap, .select-wrap {
    display: block;
    margin: 0 0 12px;
    position: relative;
}
.textarea-wrap {
    margin-bottom: 12px;
    position: relative;
}
.textarea-wrap textarea {
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    height: 110px;
    max-width: 100%;
    min-width: 100%;
    padding: 8px 12px 12px;
    width: 100%;
}
.input-wrap i {
    color: #c1c4c5;
    left: 11px;
    position: absolute;
    top: 11px;
}
.textarea-wrap i {
    color: #c1c4c5;
    left: 11px;
    position: absolute;
    top: 12px;
}
.input-wrap i + input, .textarea-wrap i + textarea {
    padding-left: 31px;
}
.thumbnail:hover{
    box-shadow: 0px 0px 5px 3px #25B7D3;
    opacity:0.7;
}
.seotoolimg{
    margin-top:10px;
    margin-bottom:10px;
}
.navbar-nav > li.dropdown .dropdown-menu {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.09) !important;
    border-top: 0 !important;
}
.navbar-brand .icon {
    background: none !important;
}
.navbar-nav > li.dropdown .dropdown-menu a:hover {
        background: rgba(255, 255, 255, 0.02) !important;
        color: #989ea8;
}
.well {
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.xd_top_box{
    display: block;
    height: auto;
    max-width: 100%;
    text-align: center;
    padding-bottom: 18px;
}
.sideXd{
    text-align: center;
}
.bg-facebook {
    background: none repeat scroll 0 0 #1d89cf;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
}
.bg-twitter {
    background: none repeat scroll 0 0 #3ddcde;
    border-radius: 0;
    cursor: pointer;
}
.bg-google-plus {
    background: none repeat scroll 0 0 #e74c3c;
    border-radius: 0;
    cursor: pointer;
}
.bg-pinterest {
    background: none repeat scroll 0 0 #CB2027;
    border-radius: 0;
    cursor: pointer;
}
.bg-stumbleupon {
    background: none repeat scroll 0 0 #EB4923;
    border-radius: 0;
    cursor: pointer;
}
.bg-linkedin {
    background: none repeat scroll 0 0 #3F97C6;
    border-radius: 0;
    cursor: pointer;
}
.fa.fa-refresh { 
    transition: transform 0.5s ease 0s; 
}
.fa.fa-refresh:hover {  
    transform: rotate(90deg); 
}
.reloadCap{
    cursor: pointer;
}
#capImg{
    width: 150px;
    height: 55px;
}
.phpCap{
    width: 150px !important;
}
#scode{
    box-shadow: none !important;
}
.captchaCode{
    margin-bottom: 10px;
}
.imagever{
    border: 2px solid #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2) inset;
    transition: box-shadow 0.2s ease 0s;
}
.capInput{
    margin-top:7px; 
    width:15%; 
    display:inline;
}

.navbar-nav > li.dropdown .dropdown-menu {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.09) !important;
    border-top: 0 !important;
}
.navbar-brand .icon {
    background: none !important;
}
.navbar-nav > li.dropdown .dropdown-menu a:hover {
    background: rgba(255, 255, 255, 0.02) !important;
    color: #989ea8;
}
.reviewIn{
    height: 44px !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 8px 10px 5px !important;
    color: #333 !important;
}
.reviewIn:focus {
    border-color: #51BAD6;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.4) !important;
}
.reviewBox{
    width: 100%;
}
.premiumBox h2{
    color: #e0e8eb;
    font-size: 22px;
}
.newH3{
    color: #989ea8;
    font-size: 20px;
    font-weight: 400;
}
.hisData {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 0 !important;
}
.hisData .titleBox {
    background: #f3f3f5 none repeat scroll 0 0;
    border-bottom: 1px solid #d7dbde;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #2c3e50;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 50px 15px 20px;
    position: relative;
    text-transform: uppercase;
}
.hisUl{
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 !important;
}
.hisUl li{
    border-bottom: 1px solid #dcdcdc;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 !important;
}
.hisUl li a {
    color: #1f313f;
    display: block;
    padding: 10px 20px;
    position: relative;
}
.hisUl li a:hover {
    background: #fbfcfc none repeat scroll 0 0;
    color: #ec4060;
}
.favicon {
    margin-right: 8px;
    vertical-align: -2px;
}

/*
 * @author Balaji
 * @name: A to Z SEO Tools v2
 * @copyright © 2017 ProThemes[dot]Biz
 *
 */
#spinningSquaresG{
position:relative;
width:200px;
height:24px}

.spinningSquaresG{
position:absolute;
top:0;
background-color:#FFFFFF;
width:24px;
height:24px;
-moz-animation-name:bounce_spinningSquaresG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-webkit-animation-name:bounce_spinningSquaresG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-ms-animation-name:bounce_spinningSquaresG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-o-animation-name:bounce_spinningSquaresG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
animation-name:bounce_spinningSquaresG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
}

#spinningSquaresG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#spinningSquaresG_2{
left:25px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#spinningSquaresG_3{
left:50px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#spinningSquaresG_4{
left:75px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#spinningSquaresG_5{
left:100px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#spinningSquaresG_6{
left:125px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#spinningSquaresG_7{
left:150px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#spinningSquaresG_8{
left:175px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

@-moz-keyframes bounce_spinningSquaresG{
0%{
-moz-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-moz-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-webkit-keyframes bounce_spinningSquaresG{
0%{
-webkit-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-webkit-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-ms-keyframes bounce_spinningSquaresG{
0%{
-ms-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-ms-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-o-keyframes bounce_spinningSquaresG{
0%{
-o-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-o-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@keyframes bounce_spinningSquaresG{
0%{
transform:scale(1);
background-color:#FFFFFF;
}

100%{
transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

.ultm-32.ultm-facebook {
    background-image: url("../img/facebook.png");
}
.ultm-color-to-gray {
    transition: all 0.2s ease 0s;
}
.ultm-facebook, .ultm-facebook.ultm-gray-to-color:hover{
    background-color: #6686b7;
}
.ultm-twitter, .ultm-twitter.ultm-gray-to-color:hover {
    background-color: #54c1de;
}
.ultm-google-plus-1, .ultm-google-plus-1.ultm-gray-to-color:hover {
    background-color: #e55e4c;
}
.ultm-color-to-gray:hover {
    background-color: #888;
}
.ultm-32.ultm-twitter {
    background-image: url("../img/twitter.png");
}
.ultm-32.ultm-google-plus-1 {
    background-image: url("../img/gp.png");
}
.ultm-32 {
    height: 32px;
    width: 32px;
}
.ultm-color-to-gray {
    transition: all 0.2s ease 0s;
}
.ultm {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 11px;
}
.top10{
    margin-top: 10px;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	cursor: pointer;
	margin-top: -1px;
}
.close:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
.close:focus {
	outline: 0;
}
button.close {
	padding: 0;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
}

.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.align-right {
	text-align: right;
}

/* Form */
.form-group {
	margin-bottom: 10px;
}

.form-input {
	display: inline-block;
	padding: 7px;
    font-weight: normal;
	line-height: 20px;
	color: #000;
	border-radius: 3px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 96%;
    margin-top: 1px;
}
.form-input:focus {
	outline: 0;
}
select.form-input {
	width: 100%;
}
/* end Inputs */

.loginme {
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loginme input[type="checkbox"],
.loginme input[type="radio"] {
	vertical-align: middle;
	margin: -3px 2px 0 0;
}
.loginme label {
	display: block;
	font-weight: 700;
	cursor: pointer;
}
.loginme .alert {
	display: none;
}
.loginme .nav-pills {
	margin: 5px 0 15px;
}
.loginme .nav-pills > li > a {
	padding: 8px 12px;
}
.loginme .info {
	margin-bottom: 10px;
	line-height: 1.6em;
	color: #999;
}
.loginme .alert ul {
	margin: 0px;
	padding: 0 0 0 15px;
}
.connect-with {
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin: 0 0 10px !important;
}
.connect-with .connect {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	height: 40px;
	line-height: 28px;
	text-align: center;
	padding: 8px 13px 18px 47px;
	border-radius: 3px;
	float: left;
    margin-top: 5px;
    margin-left: 50px;
}
.connect.facebook {
	background: #3b5998 url(../img/connect-with.png) no-repeat;
}
.connect.google {
	background: #DC4D28 url(../img/connect-with.png) no-repeat 0 -40px;
}
.connect.twitter {
	background: #00ABF1 url(../img/connect-with.png) no-repeat 0 -80px;
}

/* Bootstrap alert, buttons, nav */
.alert {
	padding: 8px 10px;
	margin: 0 0 10px;
	border: 1px solid transparent;
	border-radius: 3px;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
@media only screen and (min-width : 1201px) and (max-width : 1780px) {
div.content_2 {
float: right; 
margin:0 auto;
}
.checkbox.inline {
 margin-left: -150px;
}

}

@media only screen and (min-width : 10px) and (max-width : 1000px) {
.grid_4 { width: 100%; 
}
.checkbox.inline {
  margin-left: 78px;
}
}
@media only screen and (min-width : 10px) and (max-width : 450px) {
.connect.google {
    padding-left: 67px;
}
}
@media only screen and (min-width : 10px) and (max-width : 345px) {
.atoz_seo_tools_logo {
     max-height: 78px;
     padding: 14px 0;
}
}
.blog-img {
    margin: 0;
    width: 198px;
}
.col-md-4,.col-md-8 {
    padding-left: 15px;
}
.color-grey {
    color: #bebebe;
    margin-right: 5px;
}
.color_grap {
    color: #141517;
    font-weight: 700;
}
.color_text_in {
    color: #545e6a;
    margin-right: 30px;
}
.text_word {
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.date_down, .date_down2 {
    background: none repeat scroll 0 0 #2BABCF;
    height: 46px;
    width: 60px;
}
.date_up, .date_up2 {
    background: none repeat scroll 0 0 #2390af;
    height: 22px;
    width: 60px;
}
.date, .date_1 {
    height: 68px;
    width: 60px;
}
.center2 {
    text-align: center;
}
.feb2 {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-top: 2px;
}
.version {
    color: #252c34;
    margin-top: 11px;
}
.version a {
    color: #1e85a2;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
} 
.divider_h, .hr_horiznt_dotted {
    border-bottom: 1px dotted #aaacaf;
}
.mr_top30 {
    margin-top: 25px;
    margin-bottom: 30px;
}
.comment-here {
    color: #252c34;
    margin-bottom: 4px;
}
.font_14 {
    font-size: 14px;
}
.posts_1 {
    margin-top: 12px;
}
.posts_1 h5 {
    color: #545e6a;
    font-family: Dosis,sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.posts_1 h5 span {
    font-size: 22px;
    font-weight: 300;
}
.width96{
    width: 96% !important;
}
.loginpage{
    margin-top: 20px;
}
.login-footer{
    margin-bottom: 20px;
}
.loginpage label{
    display: block;
}
.loginpage .form-input{
    height: auto;
}
.themeLogoText {
    color: #777;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px;
    position: relative;
    transition: all 0.2s ease 0s;
}
.iconBig{
    font-size: 30px;
}
#search,#sidebarsearch{
    box-shadow: none !important;
}
#searchSec,#sidebarSc{
    padding:10px;
    position:relative;
}
.search-results {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c3e8f4;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #f0fbff;
    display: none;
    font-size: 18px;
    font-weight: 300;
    max-height: 250px;
    min-height: 50px;
    overflow: auto;
    padding: 5px;
    top: 60px;
    width: 100%;
    z-index: 50;
}
.sidebarmatch {
    width: 100% !important;
}
.search-results .match {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 50%;
}
#sidebar-results{
    padding: 3px !important;
    font-size: 16px !important;
}
.search-results .match a {
    border: 1px solid #ccc;
    color: #506273;
    display: block;
    padding: 3px;
    text-decoration: none;
    transition: none 0s ease 0s ;
}
.search-results .match a strong {
    font-weight: 400;
    text-decoration: none;
}
.search-results .match a:hover {
    box-shadow: 0 0 1px 1px #25b7d3;
    color: #2c3e50;
    font-weight: 400;
    border-color: #ddd;
}
.search-results .match a:hover strong {
    text-decoration: none;
}
.csContent{
    margin-top: 20px;
}


/*Small SEO CSS */

.latest_blog_area .color {
    color : #ea5050;
}
.latest_blog_area h1{
    font-size: 22px;
    font-weight: 400;
    margin: 20px;
    color : #ea5050;
    text-align: center;

}
.latest_blog_area h2 {
    font-size   : 16px;
    font-weight : 400;
    color       : #505050;
}

.latest_blog_area p a[href] {
    text-decoration : none;
}

.latest_blog_area .aboutBlog {
    font-size   : 12px;
    font-weight : normal;
    color       : #808080;
    margin-top  : 5px;
}

.latest_blog_area .absolute {
    padding    : 10px;
    background : #ffffff;
    position   : relative;
    top        : -20px;
    width      : 100%;
    margin     : auto;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}

.latest_blog_area .absolute h2{
    min-height: 20px;
    max-height: 20px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.latest_blog_area .button{
    border : 1px solid #ea5050;
    color : #ea5050;
    background : #fff;
    border-radius: 24px;
    width : 150px;
    /*height : 50px;*/
    padding : 15px 20px;
    font-size: 14px;
    font-weight: 400;
}
.latest_blog_area .svg-inline--fa{
    height : 1.3em;
}
@media (max-width : 480px) {
    .latest_blog_area .text-right, .text-left{
        text-align: center !important;
        width : 100%;
    }
}

.latest_blog_area .innerpare{
    min-height: 283px;
    max-height: 283px;
    overflow: hidden;
    border: 1px solid #ebebeb;
}
.latest_blog_area .innerpare{
    /*display: inline-block;*/
}

.latest_blog_area .absolute h2 a{
    text-decoration: none;
    color: #505050;
}
.latest_blog_area .paginationCls{
    border: 1px solid #ea5050;
    color: #ea5050;
    background: #fff;
    border-radius: 24px;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-decoration: none !important;
}
.latest_blog_area .paginationCls:hover{
    color: #ea5050;
}
.latest_blog_area .paginationCls svg{
    margin: 0px 10px;
}
.latest_blog_area .f_intro_bg .mn img{
    width: 10%;
}
.latest_blog_area .carousel-inner>.item>a>img, .latest_blog_area .carousel-inner>.item>img, .latest_blog_area
.img-responsive, .latest_blog_area .thumbnail a>img, .latest_blog_area .thumbnail>img{
    height: auto;
}
@media (max-width : 767px) {
    .latest_blog_area .innerpare{
        width:320px;
        margin: 0px auto;
    }
    .latest_blog_area .innerpare .absolute{width:100%;}
    .latest_blog_areav .m_p0{padding: 0px !important;}
    .latest_blog_area .main-content{padding:0px !important;}
}
.btn {
    border-radius: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.toolDES{
    font-weight: bold;
}
#title {
    color: #505050;
    font-family: roboto slab,serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.mn {
    margin: 0 !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.fs24 {
    font-size: 24px !important;
}
.tracktool_banner {
    background: rgba(0, 0, 0, 0) url("../img/tracktool_bg.png") repeat scroll center center / cover ;
}
.p25 {
    padding: 25px !important;
}
.search-resultsbar .match {display: block;line-height: 36px; border-bottom: 1px solid #ccc; padding:0 15px;}
.search-resultsbar .match:last-child { border:none; }
.search-resultsbar .match a { display:block;}
.search-resultsbar .match:hover { background:#f94d0f;}
.search-resultsbar .match:hover a { color:#fff; text-decoration: none;}
#sidebar_search{
    margin-top: 10px;
}
#sidebar_search .input-group #sidebarsearch{
    height: 46px;
}
#sidebar_search .input-group span button{
    padding: 12.2px 12px;
}
.search_dots_section button:before{
    top: 34%;
}
.home_page_banner{
    background: url(../img/home_banner.png);
    background-position: bottom;
    padding-bottom: 30px;
}
.search_box{
    width: 700px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    position: relative;
}
.search_field{
    width: 100%;
    height: 55px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 85px;
    outline: none;
    border: 1px solid #d7d7d7;
}
.searc_icon_btn{
    width: 80px;
    height: 53px;
    background: #f94d0f;
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    color: white;
    text-align: center;
    position: absolute;
    right: 2px;
    font-size: 22px;
}
.search_drop_box{
    background: white;
    width: 650px;
    min-height: 100px;
    position: absolute;
    top: 55px;
    z-index: 1;
    border: 1px solid #d7d7d7;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    padding: 20px;
    display: none;
}
.search_drop_box ul{
    padding-left: 0px !important;
}
.search_drop_box span{
    font-size: 14px;
    list-style: none;
    width: 180px;
    background: #f2f2f2;
    padding: 10px;
    border-left: 4px solid #ea5050;
    margin: 10px;
    display: inline-flex;
}
.search_drop_box span a{
    color: #808080;
    font-weight: 700;
    display: block;
    text-align: left;
    font-size: 13px;
}
.search_dots_section button::before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fa4c10;
    border-top: 8px solid transparent;
    content: "";
    left: -9px;
    position: absolute;
    top: 7px;
    width: 0;
}
.search_drop_box span a .search_lbl{color:#ea5050;}
.inp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b3b3b3;
    font-size:14px;
}
.inp::-moz-placeholder { /* Firefox 19+ */
    color: #b3b3b3;
    font-size:14px;
}
.inp:-ms-input-placeholder { /* IE 10+ */
    color: #b3b3b3;
    font-size:14px;
}
.inp:-moz-placeholder { /* Firefox 18- */
    color: #b3b3b3;
    font-size:14px;
}
.category_heading{
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    color: #fa4c10;
}
.category_heading span{
    color:#404040;
}
.category_des{
    color: #595959;
    font-size: 16px;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 20px;
    width: 90%;
}


.category-box {
    text-align: center;
}
.mn {
    margin: 0 !important;
}
.p10 {
    padding: 10px !important;
}
.right_link i {
   padding-left: 2px;
}
.seo-box{
    height: 135px;
    margin: 12px;
    width: auto;
}
.seo-box a{
    display: inline-block;
}
.top {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 2.8rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    text-decoration: none;
    border-radius: 3.2rem;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
}
.seo-box a:hover{
    text-decoration: none;
}
.seo-box a:hover .tool_des {
    color: #fa4c10;
}
.seo-box .tool_des{
    color: #505050;
    font-size: 14px;
    display: block;
    min-height: 50px;
    margin-top: 10px;
    font-family: roboto slab,serif;
    font-weight: 300;
}
.seo-box .tool_icon {
    display: inline-block;
    background: url(../img/new-icons.png) no-repeat;
    overflow: hidden;
    background-size: 840px 5760px;
    text-align: left;
    margin: 0;
    width: 84px !important;
    height: 90px !important;
}
.seo-box .plagiarism-checker {
    background-position: -84px -3780px;
}
.seo-box a:hover .plagiarism-checker {
    background-position: -84px -3960px;
}
.seo-box .article-rewriter {
    background-position: -84px 0;
}
.seo-box a:hover .article-rewriter {
    background-position: -84px -1170px;
}
.seo-box .grammar-checker {
    background-position: -168px 0;
}
.seo-box a:hover .grammar-checker {
    background-position: -168px -1170px;
}
.seo-box .word-count-checker {
    background-position: -252px 0;
}
.seo-box a:hover .word-count-checker {
    background-position: -252px -1170px;
}
.seo-box .spell-checker {
    background-position: -336px 0;
}
.seo-box a:hover .spell-checker {
    background-position: -336px -1170px;
}
.seo-box .online-md5-generator {
    background-position: -420px 0;
}
.seo-box a:hover .online-md5-generator {
    background-position: -420px -1170px;
}
.seo-box .change-text-case {
    background-position: -504px 0;
}
.seo-box a:hover .change-text-case {
    background-position: -504px -1170px;
}
.seo-box .merge-words-online-tool {
    background-position: -588px 0;
}
.seo-box a:hover .merge-words-online-tool {
    background-position: -588px -1170px;
}
.seo-box .image-to-text-converter {
    background-position: -672px 0;
}
.seo-box a:hover .image-to-text-converter {
    background-position: -672px -1170px;
}
.seo-box .translate-english-to-english {
    background-position: -756px 0;
}
.seo-box a:hover .translate-english-to-english {
    background-position: -756px -1170px;
}
.seo-box .reverse-image-search {
    background-position: 0 -90px;
}
.seo-box a:hover .reverse-image-search {
    background-position: 0 -1260px;
}
.seo-box .image-compression {
    background-position: -84px -90px;
}
.seo-box a:hover .image-compression {
    background-position: -84px -1260px;
}
.seo-box .favicon-generator-tool {
    background-position: -168px -90px;
}
.seo-box a:hover .favicon-generator-tool {
    background-position: -168px -1260px;
}
.seo-box .video-to-gif {
    background-position: -252px -90px;
}
.seo-box a:hover .video-to-gif {
    background-position: -252px -1260px;
}
.seo-box .image-resizer {
    background-position: -336px -90px;
}
.seo-box a:hover .image-resizer {
    background-position: -336px -1260px;
}
.seo-box .crop-image {
    background-position: -420px -90px;
}
.seo-box a:hover .crop-image {
    background-position: -420px -1260px;
}
.seo-box .convert-to-jpg {
    background-position: -504px -90px;
}
.seo-box a:hover .convert-to-jpg {
    background-position: -504px -1260px;
}
.seo-box .rgb-to-hex {
    background-position: -588px -90px;
}
.seo-box a:hover .rgb-to-hex {
    background-position: -588px -1260px;
}
.seo-box .keyword-position {
    background-position: -672px -90px;
}
.seo-box a:hover .keyword-position {
    background-position: -672px -1260px;
}
.seo-box .keyword-density-checker {
    background-position: -756px -90px;
}
.seo-box a:hover .keyword-density-checker {
    background-position: -756px -1260px;
}
.seo-box .keywords-suggestions-tool {
    background-position: 0 -180px;
}
.seo-box a:hover .keywords-suggestions-tool {
    background-position: 0 -1350px;
}
.seo-box .website-keywords-suggestions-tool {
    background-position: -84px -180px;
}
.seo-box a:hover .website-keywords-suggestions-tool {
    background-position: -84px -1350px;
}
.seo-box .keywords-rich-domains-suggestions-tool {
    background-position: -168px -180px;
}
.seo-box a:hover .keywords-rich-domains-suggestions-tool {
    background-position: -168px -1350px;
}
.seo-box .related-keywords-finder {
    background-position: -252px -180px;
}
.seo-box a:hover .related-keywords-finder {
    background-position: -252px -1350px;
}
.seo-box .long-tail-keyword-generator {
    background-position: -336px -180px;
}
.seo-box a:hover .long-tail-keyword-generator {
    background-position: -336px -1350px;
}
.seo-box .keyword-competition-checker {
    background-position: -420px -180px;
}
.seo-box a:hover .keyword-competition-checker {
    background-position: -420px -1350px;
}
.seo-box .seo-keyword-competition-analysis {
    background-position: -504px -180px;
}
.seo-box a:hover .seo-keyword-competition-analysis {
    background-position: -504px -1350px;
}
.seo-box .keyword-analyzer {
    background-position: -588px -180px;
}
.seo-box a:hover .keyword-analyzer {
    background-position: -588px -1350px;
}
.seo-box .backlink-checker {
    background-position: -672px -180px;
}
.seo-box a:hover .backlink-checker {
    background-position: -672px -1350px;
}
.seo-box .backlink-maker {
    background-position: -756px -180px;
}
.seo-box a:hover .backlink-maker {
    background-position: -756px -1350px;
}
.seo-box .website-links-count-checker {
    background-position: 0 -270px;
}
.seo-box a:hover .website-links-count-checker {
    background-position: 0 -1440px;
}
.seo-box .websites-broken-link-checker {
    background-position: -84px -270px;
}
.seo-box a:hover .websites-broken-link-checker {
    background-position: -84px -1440px;
}
.seo-box .link-price-calculator {
    background-position: -168px -270px;
}
.seo-box a:hover .link-price-calculator {
    background-position: -168px -1440px;
}
.seo-box .reciprocal-link-checker {
    background-position: -252px -270px;
}
.seo-box a:hover .reciprocal-link-checker {
    background-position: -252px -1440px;
}
.seo-box .website-link-analyzer-tool {
    background-position: -336px -270px;
}
.seo-box a:hover .website-link-analyzer-tool {
    background-position: -336px -1440px;
}
.seo-box .website-seo-score-checker {
    background-position: -420px -270px;
}
.seo-box a:hover .website-seo-score-checker {
    background-position: -420px -1440px;
}
.seo-box .google-pagerank-checker {
    background-position: -504px -270px;
}
.seo-box a:hover .google-pagerank-checker {
    background-position: -504px -1440px;
}
.seo-box .online-ping-website-tool {
    background-position: -588px -270px;
}
.seo-box a:hover .online-ping-website-tool {
    background-position: -588px -1440px;
}
.seo-box .website-page-speed-checker {
    background-position: -672px -270px;
}
.seo-box a:hover .website-page-speed-checker {
    background-position: -672px -1440px;
}
.seo-box .website-page-size-checker {
    background-position: -756px -270px;
}
.seo-box a:hover .website-page-size-checker {
    background-position: -756px -1440px;
}
.seo-box .website-page-snooper {
    background-position: 0 -360px;
}
.seo-box a:hover .website-page-snooper {
    background-position: 0 -1530px;
}
.seo-box .visitor-hit-counter {
    background-position: -84px -360px;
}
.seo-box a:hover .visitor-hit-counter {
    background-position: -84px -1530px;
}
.seo-box .xml-sitemap-generator {
    background-position: -168px -360px;
}
.seo-box a:hover .xml-sitemap-generator {
    background-position: -168px -1530px;
}
.seo-box .url-rewriting-tool {
    background-position: -252px -360px;
}
.seo-box a:hover .url-rewriting-tool {
    background-position: -252px -1530px;
}
.seo-box .screen-resolution-simulator {
    background-position: -336px -360px;
}
.seo-box a:hover .screen-resolution-simulator {
    background-position: -336px -1530px;
}
.seo-box .online-url-encoder-decoder {
    background-position: -420px -360px;
}
.seo-box a:hover .online-url-encoder-decoder {
    background-position: -420px -1530px;
}
.seo-box .adsense-calculator {
    background-position: -504px -360px;
}
.seo-box a:hover .adsense-calculator {
    background-position: -504px -1530px;
}
.seo-box .open-graph-checker {
    background-position: -588px -360px;
}
.seo-box a:hover .open-graph-checker {
    background-position: -588px -1530px;
}
.seo-box .open-graph-generator {
    background-position: -672px -360px;
}
.seo-box a:hover .open-graph-generator {
    background-position: -672px -1530px;
}
.seo-box .qr-code-generator {
    background-position: -756px -360px;
}
.seo-box a:hover .qr-code-generator {
    background-position: -756px -1530px;
}
.seo-box .htaccess-redirect-generator {
    background-position: 0 -450px;
}
.seo-box a:hover .htaccess-redirect-generator {
    background-position: 0 -1620px;
}
.seo-box .get-http-headers {
    background-position: -84px -450px;
}
.seo-box a:hover .get-http-headers {
    background-position: -84px -1620px;
}
.seo-box .twitter-card-generator {
    background-position: -168px -450px;
}
.seo-box a:hover .twitter-card-generator {
    background-position: -168px -1620px;
}
.seo-box .internet-connection-speed-test-tool {
    background-position: -252px -450px;
}
.seo-box a:hover .internet-connection-speed-test-tool {
    background-position: -252px -1620px;
}
.seo-box .wordpress-theme-detector {
    background-position: -336px -450px;
}
.seo-box a:hover .wordpress-theme-detector {
    background-position: -336px -1620px;
}
.seo-box .instant-search-suggestions {
    background-position: -420px -450px;
}
.seo-box a:hover .instant-search-suggestions {
    background-position: -420px -1620px;
}
.seo-box .avg-antivirus-checker {
    background-position: -504px -450px;
}
.seo-box a:hover .avg-antivirus-checker {
    background-position: -504px -1620px;
}
.seo-box .website-screenshot-generator {
    background-position: -588px -450px;
}
.seo-box a:hover .website-screenshot-generator {
    background-position: -588px -1620px;
}
.seo-box .email-privacy {
    background-position: -672px -450px;
}
.seo-box a:hover .email-privacy {
    background-position: -672px -1620px;
}
.seo-box .mobile-friendly-test {
    background-position: -756px -450px;
}
.seo-box a:hover .mobile-friendly-test {
    background-position: -756px -1620px;
}
.seo-box .youtube-video-downloader {
    background-position: 0 -540px;
}
.seo-box a:hover .youtube-video-downloader {
    background-position: 0 -1710px;
}
.seo-box .css-minify {
    background-position: -84px -540px;
}
.seo-box a:hover .css-minify {
    background-position: -84px -1710px;
}
.seo-box .html-minify {
    background-position: -168px -540px;
}
.seo-box a:hover .html-minify {
    background-position: -168px -1710px;
}
.seo-box .js-minify {
    background-position: -252px -540px;
}
.seo-box a:hover .js-minify {
    background-position: -252px -1710px;
}
.seo-box .robots-txt-generator {
    background-position: -336px -540px;
}
.seo-box a:hover .robots-txt-generator {
    background-position: -336px -1710px;
}
.seo-box .url-shortener {
    background-position: -420px -540px;
}
.seo-box a:hover .url-shortener {
    background-position: -420px -1710px;
}
.seo-box .link-tracker {
    background-position: -504px -540px;
}
.seo-box a:hover .link-tracker {
    background-position: -504px -1710px;
}
.seo-box .reverse-ip-domain-check {
    background-position: -588px -540px;
}
.seo-box a:hover .reverse-ip-domain-check {
    background-position: -588px -1710px;
}
.seo-box .check-server-status {
    background-position: -672px -540px;
}
.seo-box a:hover .check-server-status {
    background-position: -672px -1710px;
}
.seo-box .class-c-ip-checker {
    background-position: -756px -540px;
}
.seo-box a:hover .class-c-ip-checker {
    background-position: -756px -1710px;
}
.seo-box .code-to-text-ratio-checker {
    background-position: 0 -630px;
}
.seo-box a:hover .code-to-text-ratio-checker {
    background-position: 0 -1800px;
}
.seo-box .alexa-rank-comparison {
    background-position: -84px -630px;
}
.seo-box a:hover .alexa-rank-comparison {
    background-position: -84px -1800px;
}
.seo-box .page-comparison {
    background-position: -168px -630px;
}
.seo-box a:hover .page-comparison {
    background-position: -168px -1800px;
}
.seo-box .spider-simulator {
    background-position: -252px -630px;
}
.seo-box a:hover .spider-simulator {
    background-position: -252px -1800px;
}
.seo-box .comparison-search {
    background-position: -336px -630px;
}
.seo-box a:hover .comparison-search {
    background-position: -336px -1800px;
}
.seo-box .google-cache-checker {
    background-position: -420px -630px;
}
.seo-box a:hover .google-cache-checker {
    background-position: -420px -1800px;
}
.seo-box .whois-checker {
    background-position: -504px -630px;
}
.seo-box a:hover .whois-checker {
    background-position: -504px -1800px;
}
.seo-box .mozrank-checker {
    background-position: -588px -630px;
}
.seo-box a:hover .mozrank-checker {
    background-position: -588px -1800px;
}
.seo-box .page-authority-checker {
    background-position: -672px -630px;
}
.seo-box a:hover .page-authority-checker {
    background-position: -672px -1800px;
}
.seo-box .google-index-checker {
    background-position: -756px -630px;
}
.seo-box a:hover .google-index-checker {
    background-position: -756px -1800px;
}
.seo-box .alexa-rank-checker {
    background-position: 0 -720px;
}
.seo-box a:hover .alexa-rank-checker {
    background-position: 0 -1890px;
}
.seo-box .redirect-checker {
    background-position: -84px -720px;
}
.seo-box a:hover .redirect-checker {
    background-position: -84px -1890px;
}
.seo-box .similar-page-checker {
    background-position: -168px -720px;
}
.seo-box a:hover .similar-page-checker {
    background-position: -168px -1890px;
}
.seo-box .cloaking-checker {
    background-position: -252px -720px;
}
.seo-box a:hover .cloaking-checker {
    background-position: -252px -1890px;
}
.seo-box .google-malware-checker {
    background-position: -336px -720px;
}
.seo-box a:hover .google-malware-checker {
    background-position: -336px -1890px;
}
.seo-box .find-facebook-id {
    background-position: -420px -720px;
}
.seo-box a:hover .find-facebook-id {
    background-position: -420px -1890px;
}
.seo-box .check-gzip-compression {
    background-position: -504px -720px;
}
.seo-box a:hover .check-gzip-compression {
    background-position: -504px -1890px;
}
.seo-box .ssl-checker {
    background-position: -588px -720px;
}
.seo-box a:hover .ssl-checker {
    background-position: -588px -1890px;
}
.seo-box .pokemon-go-server-status {
    background-position: -672px -720px;
}
.seo-box a:hover .pokemon-go-server-status {
    background-position: -672px -1890px;
}
.seo-box .blog-finder {
    background-position: -756px -720px;
}
.seo-box a:hover .blog-finder {
    background-position: -756px -1890px;
}
.seo-box .geo-ip-locator {
    background-position: 0 -810px;
}
.seo-box a:hover .geo-ip-locator {
    background-position: 0 -1980px;
}
.seo-box .apps-rank-tracking-tool {
    background-position: -84px -810px;
}
.seo-box a:hover .apps-rank-tracking-tool {
    background-position: -84px -1980px;
}
.seo-box .what-is-my-browser {
    background-position: -168px -810px;
}
.seo-box a:hover .what-is-my-browser {
    background-position: -168px -1980px;
}
.seo-box .social-status-checker {
    background-position: -252px -810px;
}
.seo-box a:hover .social-status-checker {
    background-position: -252px -1980px;
}
.seo-box .what-is-my-ip {
    background-position: -336px -810px;
}
.seo-box a:hover .what-is-my-ip {
    background-position: -336px -1980px;
}
.seo-box .ip-location {
    background-position: -420px -810px;
}
.seo-box a:hover .ip-location {
    background-position: -420px -1980px;
}
.seo-box .free-proxy-list {
    background-position: -504px -810px;
}
.seo-box a:hover .free-proxy-list {
    background-position: -504px -1980px;
}
.seo-box .domain-age-checker {
    background-position: -588px -810px;
}
.seo-box a:hover .domain-age-checker {
    background-position: -588px -1980px;
}
.seo-box .domain-authority-checker {
    background-position: -672px -810px;
}
.seo-box a:hover .domain-authority-checker {
    background-position: -672px -1980px;
}
.seo-box .domain-ip-lookup {
    background-position: -756px -810px;
}
.seo-box a:hover .domain-ip-lookup {
    background-position: -756px -1980px;
}
.seo-box .domain-hosting-checker {
    background-position: 0 -900px;
}
.seo-box a:hover .domain-hosting-checker {
    background-position: 0 -2070px;
}
.seo-box .find-dns-records {
    background-position: -84px -900px;
}
.seo-box a:hover .find-dns-records {
    background-position: -84px -2070px;
}
.seo-box .domain-name-search {
    background-position: -168px -900px;
}
.seo-box a:hover .domain-name-search {
    background-position: -168px -2070px;
}
.seo-box .domain-to-ip {
    background-position: -252px -900px;
}
.seo-box a:hover .domain-to-ip {
    background-position: -252px -2070px;
}
.seo-box .blacklist-lookup {
    background-position: -336px -900px;
}
.seo-box a:hover .blacklist-lookup {
    background-position: -336px -2070px;
}
.seo-box .expired-domains-tool {
    background-position: -420px -900px;
}
.seo-box a:hover .expired-domains-tool {
    background-position: -420px -2070px;
}
.seo-box .meta-tags-analyzer {
    background-position: -504px -900px;
}
.seo-box a:hover .meta-tags-analyzer {
    background-position: -504px -2070px;
}
.seo-box .meta-tag-generator {
    background-position: -588px -900px;
}
.seo-box a:hover .meta-tag-generator {
    background-position: -588px -2070px;
}
.seo-box .password-encryption-utility {
    background-position: -672px -900px;
}
.seo-box a:hover .password-encryption-utility {
    background-position: -672px -2070px;
}
.seo-box .password-strength-checker {
    background-position: -756px -900px;
}
.seo-box a:hover .password-strength-checker {
    background-position: -756px -2070px;
}
.seo-box .password-generator {
    background-position: 0 -990px;
}
.seo-box a:hover .password-generator {
    background-position: 0 -2160px;
}
.seo-box .merge-pdf {
    background-position: -84px -990px;
}
.seo-box a:hover .merge-pdf {
    background-position: -84px -2160px;
}
.seo-box .rotate-pdf {
    background-position: -168px -990px;
}
.seo-box a:hover .rotate-pdf {
    background-position: -168px -2160px;
}
.seo-box .unlock-pdf {
    background-position: -252px -990px;
}
.seo-box a:hover .unlock-pdf {
    background-position: -252px -2160px;
}
.seo-box .lock-pdf {
    background-position: -336px -990px;
}
.seo-box a:hover .lock-pdf {
    background-position: -336px -2160px;
}
.seo-box .add-watermark-to-pdf {
    background-position: -420px -990px;
}
.seo-box a:hover .add-watermark-to-pdf {
    background-position: -420px -2160px;
}
.seo-box .pdf-to-word-converter {
    background-position: -504px -990px;
}
.seo-box a:hover .pdf-to-word-converter {
    background-position: -504px -2160px;
}
.seo-box .docx-to-pdf {
    background-position: -588px -990px;
}
.seo-box a:hover .docx-to-pdf {
    background-position: -588px -2160px;
}
.seo-box .pdf-to-jpg {
    background-position: -672px -990px;
}
.seo-box a:hover .pdf-to-jpg {
    background-position: -672px -2160px;
}
.seo-box .jpg-to-pdf {
    background-position: -756px -990px;
}
.seo-box a:hover .jpg-to-pdf {
    background-position: -756px -2160px;
}
.seo-box .powerpoint-to-pdf {
    background-position: 0 -1080px;
}
.seo-box a:hover .powerpoint-to-pdf {
    background-position: 0 -2250px;
}
.seo-box .bulk-domains-rating {
    background-position: -84px -1080px;
}
.seo-box a:hover .bulk-domains-rating {
    background-position: -84px -2250px;
}
.seo-box .broken-backlinks-checker {
    background-position: -168px -1080px;
}
.seo-box a:hover .broken-backlinks-checker {
    background-position: -168px -2250px;
}
.seo-box .valuable-backlinks-checker {
    background-position: -252px -1080px;
}
.seo-box a:hover .valuable-backlinks-checker {
    background-position: -252px -2250px;
}
.seo-box .facebook-video-downloader {
    background-position: -84px -3600px;
}
.seo-box a:hover .facebook-video-downloader {
    background-position: -84px -3690px;
}
.seo-box .instagram-video-downloader {
    background-position: -672px -3600px;
}
.seo-box a:hover .instagram-video-downloader {
    background-position: -672px -3690px;
}
.seo-box .vimeo-video-downloader {
    background-position: -420px -3600px;
}
.seo-box a:hover .vimeo-video-downloader {
    background-position: -420px -3690px;
}
.seo-box .soundcloud-downloader {
    background-position: -168px -2340px;
}
.seo-box a:hover .soundcloud-downloader {
    background-position: -168px -2430px;
}
.seo-box .json-viewer {
    background-position: -420px -2340px;
}
.seo-box a:hover .json-viewer {
    background-position: -420px -2430px;
}
.seo-box .json-formatter {
    background-position: -672px -2340px;
}
.seo-box a:hover .json-formatter {
    background-position: -672px -2430px;
}
.seo-box .json-validator {
    background-position: -504px -2340px;
}
.seo-box a:hover .json-validator {
    background-position: -504px -2430px;
}
.seo-box .json-editor {
    background-position: -588px -2340px;
}
.seo-box a:hover .json-editor {
    background-position: -588px -2430px;
}
.seo-box .hex-to-decimal {
    background-position: -756px -2340px;
}
.seo-box a:hover .hex-to-decimal {
    background-position: -756px -2430px;
}
.seo-box .xml-validator {
    background-position: -84px -2520px;
}
.seo-box a:hover .xml-validator {
    background-position: -84px -2610px;
}
.seo-box .xml-formatter {
    background-position: -168px -2520px;
}
.seo-box a:hover .xml-formatter {
    background-position: -168px -2610px;
}
.seo-box .compress-pdf {
    background-position: -252px -2520px;
}
.seo-box a:hover .compress-pdf {
    background-position: -252px -2610px;
}
.seo-box .text-to-pdf {
    background-position: -336px -2520px;
}
.seo-box a:hover .text-to-pdf {
    background-position: -336px -2610px;
}
.seo-box .json-beautifier {
    background-position: 0 -2700px;
}
.seo-box a:hover .json-beautifier {
    background-position: -84px -2700px;
}
.seo-box .json-to-xml {
    background-position: -168px -2700px;
}
.seo-box a:hover .json-to-xml {
    background-position: -252px -2700px;
}
.seo-box .temperature-conversion {
    background-position: -336px -2700px;
}
.seo-box a:hover .temperature-conversion {
    background-position: -420px -2700px;
}
.seo-box .time-converter {
    background-position: -504px -2700px;
}
.seo-box a:hover .time-converter {
    background-position: -588px -2700px;
}
.seo-box .area-converter {
    background-position: -672px -2700px;
}
.seo-box a:hover .area-converter {
    background-position: -756px -2700px;
}
.seo-box .weight-converter {
    background-position: 0 -2790px;
}
.seo-box a:hover .weight-converter {
    background-position: -84px -2790px;
}
.seo-box .byte-converter {
    background-position: -168px -2790px;
}
.seo-box a:hover .byte-converter {
    background-position: -252px -2790px;
}
.seo-box .voltage-converter {
    background-position: -336px -2790px;
}
.seo-box a:hover .voltage-converter {
    background-position: -420px -2790px;
}
.seo-box .power-converter {
    background-position: -504px -2790px;
}
.seo-box a:hover .power-converter {
    background-position: -588px -2790px;
}
.seo-box .pressure-conversion {
    background-position: -672px -2790px;
}
.seo-box a:hover .pressure-conversion {
    background-position: -756px -2790px;
}
.seo-box .speed-converter {
    background-position: 0 -2880px;
}
.seo-box a:hover .speed-converter {
    background-position: -84px -2880px;
}
.seo-box .volume-conversion {
    background-position: -168px -2880px;
}
.seo-box a:hover .volume-conversion {
    background-position: -252px -2880px;
}
.seo-box .torque-converter {
    background-position: -336px -2880px;
}
.seo-box a:hover .torque-converter {
    background-position: -420px -2880px;
}
.seo-box .excel-to-pdf {
    background-position: -504px -2880px;
}
.seo-box a:hover .excel-to-pdf {
    background-position: -588px -2880px;
}
.seo-box .pdf-to-excel {
    background-position: -672px -2880px;
}
.seo-box a:hover .pdf-to-excel {
    background-position: -756px -2880px;
}
.seo-box .split-pdf {
    background-position: 0 -2970px;
}
.seo-box a:hover .split-pdf {
    background-position: -84px -2970px;
}
.seo-box .pdf-editor {
    background-position: -168px -2970px;
}
.seo-box a:hover .pdf-editor {
    background-position: -252px -2970px;
}
.seo-box .jpg-to-png {
    background-position: -336px -2970px;
}
.seo-box a:hover .jpg-to-png {
    background-position: -420px -2970px;
}
.seo-box .png-to-jpg {
    background-position: -504px -2970px;
}
.seo-box a:hover .png-to-jpg {
    background-position: -588px -2970px;
}
.seo-box .text-to-image {
    background-position: -672px -2970px;
}
.seo-box a:hover .text-to-image {
    background-position: -756px -2970px;
}
.seo-box .url-opener {
    background-position: 0 -3060px;
}
.seo-box a:hover .url-opener {
    background-position: -84px -3060px;
}
.seo-box .binary-to-text {
    background-position: -168px -3060px;
}
.seo-box a:hover .binary-to-text {
    background-position: -252px -3060px;
}
.seo-box .text-to-binary {
    background-position: -336px -3060px;
}
.seo-box a:hover .text-to-binary {
    background-position: -420px -3060px;
}
.seo-box .binary-to-hex {
    background-position: -504px -3060px;
}
.seo-box a:hover .binary-to-hex {
    background-position: -588px -3060px;
}
.seo-box .hex-to-binary {
    background-position: -672px -3060px;
}
.seo-box a:hover .hex-to-binary {
    background-position: -756px -3060px;
}
.seo-box .binary-to-ascii {
    background-position: 0 -3150px;
}
.seo-box a:hover .binary-to-ascii {
    background-position: -84px -3150px;
}
.seo-box .ascii-to-binary {
    background-position: -168px -3150px;
}
.seo-box a:hover .ascii-to-binary {
    background-position: -252px -3150px;
}
.seo-box .binary-to-decimal {
    background-position: -336px -3150px;
}
.seo-box a:hover .binary-to-decimal {
    background-position: -420px -3150px;
}
.seo-box .decimal-to-binary {
    background-position: -504px -3150px;
}
.seo-box a:hover .decimal-to-binary {
    background-position: -588px -3150px;
}
.seo-box .hex-to-string {
    background-position: -672px -3150px;
}
.seo-box a:hover .hex-to-string {
    background-position: -756px -3150px;
}
.seo-box .string-to-hex {
    background-position: 0 -3240px;
}
.seo-box a:hover .string-to-hex {
    background-position: -84px -3240px;
}
.seo-box .text-to-ascii {
    background-position: -168px -3240px;
}
.seo-box a:hover .text-to-ascii {
    background-position: -252px -3240px;
}
.seo-box .ascii-to-text {
    background-position: -336px -3240px;
}
.seo-box a:hover .ascii-to-text {
    background-position: -420px -3240px;
}
.seo-box .hex-to-int {
    background-position: -504px -3240px;
}
.seo-box a:hover .hex-to-int {
    background-position: -588px -3240px;
}
.seo-box .int-to-hex {
    background-position: -672px -3240px;
}
.seo-box a:hover .int-to-hex {
    background-position: -756px -3240px;
}
.seo-box .word-art-generator {
    background-position: 0 -3330px;
}
.seo-box a:hover .word-art-generator {
    background-position: -84px -3330px;
}
.seo-box .website-checker {
    background-position: -168px -3330px;
}
.seo-box a:hover .website-checker {
    background-position: -252px -3330px;
}
.seo-box .paid-keyword-finder {
    background-position: -336px -3330px;
}
.seo-box a:hover .paid-keyword-finder {
    background-position: -420px -3330px;
}
.seo-box .keyword-research {
    background-position: -504px -3330px;
}
.seo-box a:hover .keyword-research {
    background-position: -588px -3330px;
}
.seo-box .keyword-dificulty-checker {
    background-position: -672px -3330px;
}
.seo-box a:hover .keyword-dificulty-checker {
    background-position: -756px -3330px;
}
.seo-box .backlinks-competitors-checker {
    background-position: 0 -3420px;
}
.seo-box a:hover .backlinks-competitors-checker {
    background-position: -84px -3420px;
}
.seo-box .index-page-checker {
    background-position: -168px -3420px;
}
.seo-box a:hover .index-page-checker {
    background-position: -252px -3420px;
}
.seo-box .anchor-text-distribution {
    background-position: -336px -3420px;
}
.seo-box a:hover .anchor-text-distribution {
    background-position: -420px -3420px;
}
.seo-box .text-to-hex {
    background-position: 0 -3510px;
}
.seo-box a:hover .text-to-hex {
    background-position: -84px -3510px;
}
.seo-box .length-converter {
    background-position: -168px -3510px;
}
.seo-box a:hover .length-converter {
    background-position: -252px -3510px;
}
.f_logo_box .navbar-brand {
    display: table-caption;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
}
.f_logo_box .navbar-brand img {
    display: inline-block;
}
.mor_pages li {
    list-style: outside none none;
    margin-bottom: 9px;
    position: relative;
    text-align: left;
}
.mor_pages li::after {
    border-bottom: 4px solid transparent;
    border-left: 6px solid #848484;
    border-top: 4px solid transparent;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 6px;
}
.mor_pages li a, .footer a {
    color: #848484;
    cursor: pointer;
    font-size: 14px;
}
.mor_pages li a:hover, .footer a:hover {
    color: #ea5050;
    text-decoration: none;
}
.contect_info {
    margin-bottom: 10px;
}
.f_logo_box {
    padding: 0;
}
.f_logo_box p {
    margin-bottom: 0;
    text-align: left;
}
.f_logo_box span {
    text-align: left;
}
.responser {
    clear: both;
    overflow: hidden;
    padding: 10px 0;
    text-align: left;
}
.mor_pages {
    padding-left: 30px;
}
@media screen and (max-width: 768px) {
    .f_logo_box .navbar-brand {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        width: 200px;
    }
    .f_logo_box p {
        text-align: center;
    }
    .f_logo_box span {
        text-align: center;
    }
    .responser {
        text-align: center;
    }
    .mor_pages {
        padding-left: 0;
    }
}
.pn {
    padding: 0 !important;
}
.profile{
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 6px 3px #ededed;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 15px;
}
.textarea_box textarea {
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.open-sans{font-family:open sans,sans-serif!important}.Roboto_slab{font-family:roboto slab,serif!important}.ossb{font-family:open sans,sans-serif!important;font-weight:600}.rsb{font-family:roboto slab,serif!important;font-weight:600}body{font-family:open sans,sans-serif;background:#fff}.padding5{padding:5px}.padding10{padding:10px}.padding15{padding:15px}.padding20{padding:20px}.margin5{margin:5px}.margin10{margin:10px}.margin15{margin:15px}.margin20{margin:20px}.padding0,.mob_padding{padding:0}.margin0,.mob_margin{margin:0}.margin_left{margin-left:15px}.margin_right{margin-right:15px}.clear{clear:both}.padding_left0{padding-left:0}.padding_right0{padding-right:0}.dblock{display:block}.blr0{border-radius:0 24px 24px 0!important}.brr0{border-radius:24px 0 0 24px!important}.h_45{height:45px}input[type=file]{cursor:pointer}.box_shadow_border{margin-bottom: 6px;box-shadow:0 0 6px 3px #ededed;background:#fff;padding:15px;overflow:hidden}#main_content,.main-content{width:840px;float:left}#sidebar{width:310px;float:right}.top_nav{border-bottom:1px solid #eee;background:#fa4c10}.mob_show{display:none!important}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#fff}.right_link{float:right}.right_link a,.left_link a{font-family:open sans,sans-serif;font-weight:400;color:#fff;padding:5px 15px;font-size:13px;line-height:25px;border:1px solid #3d87c8;border-bottom:0;border-top:0;display:block;float:left}.right_link a:nth-child(2),.left_link a:nth-child(2){border-left:0;border-right:0}.right_link a svg{margin-right:5px}.right_link a:hover,.left_link a:hover{text-decoration:none;color:#fff;background:#125591}a.red-color:hover{background:#ea5050}a.blue-color:hover{background:#317cbf}a.green-color:hover{background:#007337}.navigation_container{border-bottom:1px solid #eee;box-shadow:0 5px 7px 0 #ededed;z-index:10;position:relative;background-color:#fff}.navigation_container nav{background:0 0;border:0;margin:3px 0}.navigation_container .navbar-right li a{font-family:open sans,sans-serif;color:gray!important;font-weight:400;outline:0!important}.navigation_container .navbar-right li a:hover,.navigation_container .navbar-right .active a{background:0 0!important;color:#ea5050!important}.navigation_container .navbar-right .active:hover{background:0 0}.search_input{border-right:0;border-radius:25px}.search_button{z-index:4!important;border-radius:100px!important;background:#f94d0f;color:#fff;margin-left:-30px!important;border:1px solid #f94d0f;padding:5px 14px;font-size:16px}.tool_area_banner{background:url(../img/bg.jpg) top center;width:100%;background-repeat:no-repeat}.tool_box{width:100%;background:#fff;padding:20px 15px;text-align:center;overflow:hidden}.equally_centralized{display:flex!important;align-items:center}.disply_intab{display:inline-table}.google-drive .bg_icon{background:url(../img/google-drive.png);background-repeat:no-repeat!important;background-position:8px!important}.google-drive .bg_icon:hover{background:url(../img/google-drive1.png)}.google-drive:hover small{color:#333}.google-drive button:hover small{color:#505050}.dropbox:hover button:hover small{color:#505050}.dropbox button:hover .icon_hover,.dropbox div:hover .icon_hover{color:#007ee5}.textarea_box{border:dashed 1.5px #ccc;background:#fbfbfb;padding:11px;margin-bottom:10px}.textarea_box p{text-align:left}.textarea_box h1{font-size:22px;margin:0;margin-bottom:10px}.textarea_box textarea{resize:none;height:195px;width:100%;border:0;background:#fff;outline:0;padding:10px}.input_brl{border-radius:25px 0 0 25px}.input_brr{border-radius:0 25px 25px 0}.textarea_box textarea::-webkit-input-placeholder{color:#acacac}.input_bg{background:url(../img/input_box.png)}.word_limit{float:left;color:#ea5050;font-weight:600}.total_words{float:right;font-weight:600;color:#ea5050}.button_box .button{padding:0 30px;font-size:15px;text-align:center;cursor:pointer;outline:0;color:#fff;background-color:#fa4c10;border:0;border-radius:45px;box-shadow:0 2px #999;font-weight:600;line-height:46px;margin-bottom:10px;display:inline-block}.button_box .check_button:hover,.button_box .grammer_check:hover{background:#0f7e49;text-decoration:none}.button_box .grammer_check,.button_box .check_button{background:#ea5050;text-decoration:none}.button_box .button:active{box-shadow:0 2px #666;transform:translateY(2px)}.dots_section{background-color:#f8f8f8;background-image:url(../img/dots.png);background-size:cover}.social_file_sport{float:right}.social_file_sport button{float:left;outline:0!important;background:0 0}.social_file_sport button:focus,.social_file_sport button small:focus,.social_file_sport button svg:focus{outline:0}.file_upload_button{float:left;background:0 0;color:#acacac!important;border:0!important;font-size:14px;outline:0!important}.file_upload_button:hover,.file_upload_button:focus,.file_upload_button:active,.social_file_sport button:focus,.social_file_sport button:active{background:0 0!important;color:#000!important;box-shadow:none!important}.file_upload_button svg{margin-right:7px;font-size:20px}.inline_flex{display:inline-flex!important}.p_text::-webkit-input-placeholder{color:#505050!important}.p_text::-moz-input-placeholder{color:#505050!important}.p_text:-ms-input-placeholder{color:#505050!important}.ph_text::-webkit-input-placeholder{color:#c6c6c6!important;font-size:12px}.ph_text::-moz-placeholder{color:#c6c6c6!important;font-size:12px}.ph_text:-ms-input-placeholder{color:#c6c6c6!important;font-size:12px}.ph_text:-moz-placeholder{color:#c6c6c6!important;font-size:12px}.body_content{padding-top:20px}.checked_box{float:left}.result_box{float:right}.plg_box_inpu img{float:left}.plg_box_inpu .input-group{width:40%;float:left}.ad_on{background:#fa4c10;color:#fff}.checked_box p,.result_box p{float:left;line-height:55px;margin-right:10px;color:#606060;font-weight:600}.progress{height:5px;margin-bottom:20px;overflow:hidden;background-color:#e7e7e7;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress .determinate{width:70%;background:#999;height:5px}.word_rap_el{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result_tabs{border:0;text-align:center}.result_tabs li{display:inline-block;border:0;margin-bottom:0;width:25%}.result_tabs li:nth-child(2){border-left:2px solid #eee;border-right:2px solid #eee}.result_tabs li a{border:0!important}.result_tabs li a span{display:inherit;margin-top:10px;font-size:16px;font-weight:400}.sentance_result{margin:0;height:300px;overflow:auto;padding:0 12px 0 0}.sentance_result li{list-style:none;background:#f8f8f8;margin-bottom:5px;height:50px;line-height:50px;position:relative}.sentance_result li span{background:#ffe9e9;height:100%;float:left;padding:0 15px;font-size:13px;color:#ed6b6b}.sentance_result li p{color:#bfbfbf;float:left;width:70%;margin:0;margin-left:10px}.sentance_result li a{float:right;display:block;background:#ea5050;line-height:0;padding:13px 5px;font-size:13px;color:#fff;margin-right:-10px;margin-top:12px}.sentance_result li a:hover{text-decoration:none}.sentance_result li a:after{content:'';width:0;border-left:0 solid transparent;border-right:10px solid transparent;border-bottom:10px solid #9a4545;position:absolute;content:"";top:2px;right:-10px}.sentance_result li a:before{content:'';width:0;border-left:0 solid transparent;border-right:10px solid transparent;border-top:10px solid #9a4545;position:absolute;content:"";top:38px;right:-10px}.sentance_result .unique_li span{background:#e2f8da;color:#63a57a;padding:0 30px}.result_report_box{text-align:center}.download_report_button,.new_search_button,.view_report_button{background:0 0;border:1px solid #f94d0f;border-radius:22px;padding:10px 20px;font-size:16px;margin-bottom:20px;color:#318a5c;font-weight:600;outline:0!important}.new_search_button{border:1px solid #ea5050;color:#ea5050}.service_msg{background:#e2f8da;height:80px;position:relative}.service_msg img{position:absolute;left:-23px;top:18px}.service_msg p{margin-left:78px;color:gray;font-size:14px;padding:15px 0}.service_msg p span{color:#f94d0f;font-size:19px;display:block;font-weight:400}.tool_heading h1,.tool_heading h2,.tool_heading h3{font-family:roboto slab,serif;font-weight:400;color:#505050;font-size:18px;text-transform:uppercase}.heading_border{border:1px solid #b7b7b7;width:45px;display:inline-block;position:relative}.heading_border:after{content:'';border:5px solid #b7b7b7;position:absolute;border-radius:20px;left:-11px;top:-5px}.heading_border:before{content:'';border:5px solid #b7b7b7;position:absolute;border-radius:20px;right:-11px;top:-5px}.featured_box{text-align:center;margin-top:15px}.featured_box img{display:inline-block}.featured_box span{font-family:roboto slab,serif;display:block;font-size:17px;margin-top:10px}.featured_box p{line-height:20px;font-size:13px}.dots_section img{margin:10px}.panel-group .panel{border-radius:0}.dtable{display:table}.dtc{display:table-cell}#accordion{margin-top:20px}.accordion_box{margin-bottom:15px!important}.accordion_box:after{content:'';border-bottom:3px double #ddd;display:block;position:relative;top:5px}.accordion_box .panel-heading{background:no-repeat;padding:0}.collapsed{background:#fff!important}.acordion_link{font-family:roboto slab,serif;display:block;padding:18px;text-decoration:none;background:#fafafa;font-size:20px;color:#5e5e5e!important;text-decoration:none}.accordion_three_border{margin:0;margin-top:0;height:1px}.acordion_link:hover,.acordion_link:active,.acordion_link:focus{text-decoration:none!important}.accordion_box .acordion_link:after{font-family:glyphicons halflings;content:"\e260";float:right;color:#aaa}.accordion_box .acordion_link.collapsed:after{content:"\e259"}.keyword_color{color:#ea5050}.acordion_link .glyphicon{color:#aaa;display:none}.acordion_body ul,.acordion_body ol{padding:0;margin:0;padding-left:20px}.acordion_body p,.acordion_body li{font-size:13px;color:gray}.more-less{float:right;color:#212121}.carousel{width:650px;margin:0 auto}.carousel .item{color:#999;font-size:14px;text-align:center;overflow:hidden;min-height:340px}.carousel .item a{color:#eb7245}.carousel .img-box{width:100px;height:100px;margin:0 auto;border-radius:50%}.carousel .img-box img{width:100%;height:100%;display:block;border-radius:50%}.carousel .testimonial{padding:30px 0 10px}.carousel .overview{text-align:center;padding-bottom:5px}.carousel .overview b{color:#333;font-size:15px;text-transform:uppercase;display:block;padding-bottom:5px}.carousel .star-rating i{font-size:18px;color:#ffdc12}.carousel .carousel-control{width:30px;height:30px;border-radius:50%;background:#999;text-shadow:none;top:4px}.carousel-control i{font-size:20px;margin-right:2px}.carousel-control.left{left:auto;right:40px}.carousel-control.right i{margin-right:-2px}.carousel .carousel-indicators{bottom:25px}.carousel-indicators li,.carousel-indicators li.active{width:11px;height:11px;margin:1px 5px;border-radius:50%}.carousel-indicators li{background:#e2e2e2;border-color:transparent}.carousel-indicators li.active{border:1px solid #2474bb;background:0 0}.carousel{background:url(../img/testimonials_bg.png);background-repeat:no-repeat;background-size:100%;height:435px}.top_circle svg{color:#fa4c10}.testimonial_dec{color:#747474;font-size:14px}.testimo_aouth{font-family:roboto slab,serif;font-size:16px;font-weight:400;color:#707070;margin-top:10px}.review_color{color:#f90}.letest_card_box{border:1px solid #ededed}.card_img{width:405px;background:#fff;margin-left:-1px;margin-top:-1px}.card_img img{width:100%}.card_des{padding:15px 30px}.card_des p{color:#525252;font-size:20px;font-family:roboto slab,serif;font-weight:600;margin-bottom:0}.popular_tool_box{margin-top:10px}.search_dots_section{background-color:#f8f8f8;background-image:url(../img/search-dots.png)}.search_dots_section input{border:0;box-shadow:none;border-radius:32px 0 0 30px;background:#fbfbfb;border:1px solid #eee}.search_dots_section button{background:#fa4c10;color:#fff;border-radius:0 30px 30px 0;outline:0!important}.search_dots_section button:before{content:'';width:0;border-bottom:8px solid transparent;border-right:8px solid #fa4c10;border-top:8px solid transparent;position:absolute;content:"";top:7px;left:-9px}.sidebar_adds{background:#fff}.sidebar_adds img{width:100%;padding:0}.f_intro_bg{background:url(../img/footer_intro_brand.png) #fa4c10;min-height:130px;padding-top:35px}.f_intro_bg .navbar-form{width:1010px;margin:0 auto!important;padding:0}.f_intro_bg .f_icon{float:left;margin-right:10px}.f_intro_bg .f_text{color:#fff;font-size:25px;font-family:roboto slab,serif;font-weight:600;float:left;line-height:64px;letter-spacing:.8px;margin:0 10px;text-transform:uppercase}.f_intro_bg .search_input{height:65px;width:335px!important;border-radius:100px}.f_intro_bg .search_input::placeholder{font-family:roboto slab,serif!important;font-size:13px;font-weight:300;color:gray}.f_intro_bg .search_input:-ms-input-placeholder{font-family:roboto slab,serif!important;font-size:13px;font-weight:300;color:gray}.f_intro_bg .search_input::-ms-input-placeholder{font-family:roboto slab,serif!important;font-size:13px;font-weight:300;color:gray}.f_intro_bg .search_button{z-index:4!important;border-radius:100px!important;background:#c34646;margin-left:-55px!important;border:1px solid #c34646;width:150px;height:65px;outline:0!important;font-family:roboto slab,serif;font-style:normal;font-size:15px;color:#fff;text-transform:uppercase}.f_description_bg{background:#1c1c1c}.f_description_bg .f_graph{background:url(../img/footer.png);min-height:395px;background-repeat:no-repeat;background-position:bottom right;padding-top:80px}.f_logo_box{padding-right:35px;padding-left:0}.f_logo_box .navbar-brand{width:100%;padding-left:0;display:block;float:none}.f_logo_box p{color:#848484;font-size:14px;text-align:justify;line-height:25px}.f_logo_box svg{background:#424242;font-size:24px;color:#fff;width:40px!important;height:40px;padding:10px;border-radius:50px;float:left;margin-top:10px;margin-right:10px}.lef_to_right_border{border-right:1px solid #313131;border-left:1px solid #313131}.f_version{min-height:230px}.f_version p{color:#fff;text-align:center;font-size:14px;letter-spacing:1px;font-family:roboto slab,serif;font-weight:400;text-transform:uppercase}.f_version .ver_img{background:url(../img/v-icons.png);width:56px;height:62px;background-repeat:no-repeat;margin:0 5px;display:inline-block}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.f_version .ver_img{background:url(../img/v-icons@2x.png);background-size:280px 124px}}.f_version .f-api{background-position:0 0}.f_version .f-apple{background-position:-56px 0}.f_version .f-androaid{background-position:-112px 0}.f_version .f-desktop{background-position:-168px 0}.f_version .f-wordpress{background-position:-224px 0}.f_version .f-api:hover{background-position:0 -62px}.f_version .f-apple:hover{background-position:-56px -62px}.f_version .f-androaid:hover{background-position:-112px -62px}.f_version .f-desktop:hover{background-position:-168px -62px}.f_version .f-wordpress:hover{background-position:-224px -62px}.f_contect p{font-family:roboto slab,serif;font-weight:400;color:#fff;text-align:left}.f_contect span{color:#848484;font-size:14px;text-align:left;display:block}.footer{float:left;width:100%;border-top:1px solid #313131;background-color:#1c1c1c}.footer p{font-size:13px;color:#848484}.alexa-rank-c-h,.alexa-rank-c,.article-rewriter-h,.article-rewriter,.back-link-m-h,.back-link-m,.backlink-checker-h,.backlink-checker,.domain-age-checker-h,.domain-age-checker,.domain-ath-h,.domain-ath,.grammer-chacker-h,.grammer-chacker,.image-comp-h,.image-comp,.keyword-position-checker-h,.keyword-position-checker,.page-athority-h,.page-athority,.page-rank-c-h,.page-rank-c,.reverse-image-h,.reverse-image,.spell-checker-h,.spell-checker,.website-ping-c-h,.website-ping-c,.website-seo-score-h,.website-seo-score,.google-cache-checker-h,.google-cache-checker,.keyword-dencity-checker-h,.keyword-dencity-checker,mozrank-checker-h,.mozrank-checker,.plagrism-checker-h,.plagrism-checker,.website-page-size-checker-h,.website-page-size-checker,.word-count-checker{max-width:100%;background-image:url(../img/sidebraicons1.png)}.plagrism-checker{background-position:0 -1667px}.article-rewriter{background-position:0 -141px}.keyword-position-checker{background-position:0 -770px}.grammer-chacker{background-position:0 -585px}.domain-ath{background-position:0 -498px}.page-rank-c{background-position:0 -947px}.image-comp{background-position:0 -677px}.reverse-image{background-position:0 -1036px}.page-athority{background-position:0 -858px}.spell-checker{background-position:0 -1127px}.backlink-checker{background-position:0 -318px}.alexa-rank-c{background-position:0 -47px}.back-link-m{background-position:0 -227px}.domain-age-checker{background-position:0 -406px}.website-ping-c{background-position:0 -1220px}.website-seo-score{background-position:0 -1310px}.keyword-dencity-checker{background-position:0 -1491px}.website-page-size-checker{background-position:0 -1757px}.word-count-checker{background-position:0 -1853px}.mozrank-checker{background-position:0 -1576px}.popular_tool_box ul .pg-hovr:hover{background:#fa4c10}.popular_tool_box ul .aw-hovr:hover{background:#32bda6}.popular_tool_box ul .kpc-hovr:hover{background:#fe9554}.popular_tool_box ul .gc-hovr:hover{background:#26b7d4}.popular_tool_box ul .da-hovr:hover{background:#f36652}.popular_tool_box ul .pr-hovr:hover{background:#eb9421}.popular_tool_box ul .ic-hovr:hover{background:#4e5d72}.popular_tool_box ul .ris-hovr:hover{background:#b8b8b8}.popular_tool_box ul .pac-hovr:hover{background:#fe9554}.popular_tool_box ul .sc-hovr:hover{background:#e04f60}.popular_tool_box ul .bc-hovr:hover{background:#fabc3d}.popular_tool_box ul .arc-hovr:hover{background:#46a663}.popular_tool_box ul .bm-hovr:hover{background:#04c7cb}.popular_tool_box ul .dac-hovr:hover{background:#fa434c}.popular_tool_box ul .wpt-hovr:hover{background:#4f5d73}.popular_tool_box ul .wssc-hovr:hover{background:#83af4d}.popular_tool_box ul .kdc-hovr:hover{background:#32bda6}.popular_tool_box ul .wpsc-hovr:hover{background:#1391b9}.popular_tool_box ul .gcc-hovr:hover{background:#e27c3e}.popular_tool_box ul .mc-hovr:hover{background:#2e8677}.popular_tool_box ul .wcc-hovr:hover{background:#ea5050}.popular_tool_box ul li:hover .plagrism-checker{background-position:0 -1622px}.popular_tool_box ul li:hover .article-rewriter{background-position:0 -95px}.popular_tool_box ul li:hover .keyword-position-checker{background-position:0 -725px}.popular_tool_box ul li:hover .grammer-chacker{background-position:0 -540px}.popular_tool_box ul li:hover .domain-ath{background-position:0 -450px}.popular_tool_box ul li:hover .page-rank-c{background-position:0 -901px}.popular_tool_box ul li:hover .image-comp{background-position:0 -631px}.popular_tool_box ul li:hover .reverse-image{background-position:0 -990px}.popular_tool_box ul li:hover .page-athority{background-position:0 -811px}.popular_tool_box ul li:hover .spell-checker{background-position:0 -1082px}.popular_tool_box ul li:hover .backlink-checker{background-position:0 -273px}.popular_tool_box ul li:hover .alexa-rank-c{background-position:0 -4px}.popular_tool_box ul li:hover .back-link-m{background-position:0 -182px}.popular_tool_box ul li:hover .domain-age-checker{background-position:0 -363px}.popular_tool_box ul li:hover .website-ping-c{background-position:0 -1175px}.popular_tool_box ul li:hover .website-seo-score{background-position:0 -1262px}.popular_tool_box ul li:hover .keyword-dencity-checker{background-position:0 -1444px}.popular_tool_box ul li:hover .website-page-size-checker{background-position:0 -1713px}.popular_tool_box ul li:hover .word-count-checker{background-position:0 -1808px}.popular_tool_box ul li:hover .mozrank-checker{background-position:0 -1532px}.width_auto{width:auto}.popular_tool_box ul{margin:0;padding:0}.popular_tool_box ul .popular-seo-t{height:100%}.popular_tool_box ul .popular-seo-t h3{font-family:roboto slab,serif;background:#404040;text-align:center;font-size:17px;line-height:35px;list-style:none;color:#fff}div.grecaptcha-badge{display:none}.popular_tool_box ul li{list-style:none;height:55px;float:left;width:100%;border:1px solid #eee;border-bottom:0;padding:10px;background:#fff}.border-bottom{border-bottom:1px solid #eee!important}.popular_tool_box ul li a{display:block;font-size:14px;line-height:35px;color:#767676;font-weight:400}.popular_tool_box ul li:hover a{color:#fff;text-decoration:none}.popular_tool_box .icon_image{display:block;width:35px;height:35px;float:left;margin-right:10px}.cursor-p{cursor:pointer}.as_seen_box img{margin-left:-5px;margin-bottom:-1px}.label{color:#606060;display:block;font-size:14pt;font-family:open_sanssemibold}.averticle{height:300px}.color-ea5050{color:#ea5050}.color-505050{color:#505050}.color-0f804a{color:#f94d0f}.color-808080{color:gray}.bg-ea5050{background-color:#ea5050;line-height:90px}.bg-505050{background-color:#505050;line-height:90px}.bg-193a51{background-color:#193a51}.bg-0f804a{background-color:#f94d0f}.color-fff{color:#fff}.color-303030{color:#303030}.sst-word-break{word-break:break-all}.video{width:100%!important}.video-section{min-height:250px}.vcenter{vertical-align:middle;float:none}.color-ea5050{color:#ea5050}.color-000{color:#000}.color-bc0000{color:#bc0000!important}.bg-color{background-color:#69a5da}.bg-fff{background:#fff}.bg-ea5050{background:#ea5050!important}.bg-fafafa{background:#fafafa!important}.bg-f4f4f4{background:#f4f4f4!important}.bg-e99898{background:#e99898!important}.bg-7acaa4{background:#7acaa4!important}.bg_69a5db{background-color:#69a5da!important}.bg_e99897{background-color:#e99897!important}.bg_7acaa5{background-color:#7acaa5!important}.bg_fe9554{background-color:#fe9554!important}.bg_1e70b9{background-color:#fa4c10!important}.bg_003c72{background-color:#003c72!important}.bg_ea5050{background-color:#ea5050!important}.bg_0f804a{background-color:#f94d0f!important}.bg_ffffff{background-color:#fff!important}.bg_909090{background-color:#909090!important}.bg_f5f5f5{background-color:#f5f5f5!important}.color_69a5db{color:#69a5da!important}.color_e99897{color:#e99897!important}.color_7acaa5{color:#7acaa5!important}.color_fe9554{color:#fe9554!important}.color_616161{color:#616161!important}.color_1e70b9{color:#fa4c10!important}.color_0f804a{color:#f94d0f!important}.color-9c9c9c{color:#9c9c9c!important}.color-a4a4a4{color:#a4a4a4}.border{border:1px solid #e9e9e9!important}.t-b-white>tbody>tr>td{border:1px solid #fff}.td-h-47>tbody>tr>td{height:47px}.v-middle>tbody>tr>td{vertical-align:middle}.toolarea_banner{background-image:url(../img/toolarea_banner.png)}.f3f3f3{background-color:#f3f3f3;border-left:1px solid #fff;border-bottom:1px solid #fff;height:47px}.fafafa{background-color:#fafafa;border-left:1px solid #fff;border-bottom:1px solid #fff;height:47px}.relative{position:relative}.bg-0f804a{background-color:#f94d0f}.color-fff{color:#fff}.model-bg,.model-box{position:fixed;display:none}.model-box .heading,.navbar a,.navbar a .menu-icon{color:#fff;text-align:center}.model-bg{background:rgba(0,0,0,.7);width:100%;height:100%;z-index:40}.model-box{z-index:42;width:600px;min-height:200px;left:50%;margin-left:-300px;padding:5px;border:1px solid #0e8049;border-radius:5px;background:#fff;top:6%}.model-box .heading{background:#193a51;width:100%;font-size:24px}.model-box .model_body{min-height:120px;width:100%;display:block;padding:5px;font-size:18px}.model-box .model_footer{width:100%;display:block}#result-main{background:#fff;padding-bottom:20px}.LodeGif{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(235,235,235,.8);text-align:center;display:none;z-index:20;overflow:hidden}.LodeGif img{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px}#thumb_wrap{color:#000;background:#fff;font-family:roboto slab,serif;border:1px solid #2070b7;float:right;padding:10px;margin-top:-20px;border-radius:10px;position:absolute;top:10px;right:0;z-index:1;width:300px}#thumb_wrap h3{color:#1361a3;font-size:18px;margin:0}#thumb_up,#thumb_down{border:0;margin:0 10px;padding:0 5px;min-width:100px}.btn:active{box-shadow:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0}.local_upload_box .input_heading,.social_upload_box .input_heading{font-family:roboto slab,serif!important;font-size:15px;font-weight:600;color:#505050;text-align:left}.local_upload_box .input_heading span,.social_upload_box .input_heading span{font-size:12px;color:gray}.local_upload_box{width:350px;float:left}.social_upload_box{width:385px;float:right}.social_upload_box .dropbox{width:170px;background:#fff;border:1px solid #d7d7d7;border-radius:24px;padding:5px 9px;line-height:32px;margin-top:10px;text-align:center;color:gray;font-size:13px;font-weight:600;display:inline-block;margin-right:5px;cursor:pointer}.social_upload_box .dropbox svg{color:#b5b5b5}.social_upload_box .dropbox:hover svg{color:#007ee5}.social_upload_box .google-drive{width:205px;background:#fff;border:1px solid #d7d7d7;border-radius:24px;padding:5px 9px;line-height:32px;margin-top:10px;text-align:center;color:gray;display:inline-block;font-size:12px;font-weight:600;cursor:pointer}.social_upload_box .google-drive:hover .bg_icon{background:url(../img/google-drive1.png)}.social_upload_box .google-drive:hover,.dropbox:hover{color:#505050}.social_upload_box .google-drive .social_drive_icon{width:30px;height:15px;float:left;margin-top:8px}.app_link_box a svg{background:#fff;color:gray;width:60px!important;height:60px;padding:13px;border:1px solid #d7d7d7;border-radius:60px;text-align:center}.app_link_box a:hover svg{color:#007ee5;border:1px solid #007ee5}@media screen and (max-width:1200px) and (min-width:1024px){#main_content,.main-content{width:640px}.local_upload_box,.social_upload_box{width:100%}.social_upload_box .input_heading{text-align:center}}@media screen and (max-width:985px) and (min-width:768px){.navigation_container .navbar-right li a{font-size:12px}.local_upload_box,.social_upload_box{width:100%}.social_upload_box .input_heading{text-align:center}}@media screen and (max-width:990px){#main_content,#sidebar,.main-content{padding:0 20px}.f_logo_box,.f_version{margin-bottom:20px}.f_intro_bg{min-height:130px}.f_intro_bg .navbar-form{width:80%;text-align:center;border:0;box-shadow:none;overflow:hidden;padding-bottom:20px}.f_intro_bg .f_icon{float:none;display:inline-block;margin:0}.f_intro_bg .f_text{float:none;display:inline-block;width:100%}.f_intro_bg .input-group{display:block}.f_intro_bg .search_input{width:450px!important;display:inline-block;float:none;height:52px;margin-left:22px}.f_intro_bg .input-group-btn{display:inline-block;width:20%}.f_intro_bg .search_button{float:none;display:inline-block;width:115px;height:52px}.f_logo_box .navbar-brand img{display:inline-block}.f_logo_box svg{float:none;margin-bottom:20px}.f_contect{height:auto}.lef_to_right_border{border:0}}@media screen and (max-width:767px){.home_page_banner .search_box,.home_page_banner .search_drop_box{width:80%}.app_link_box{margin-top:30px}.app_link_box:before{content:'Download Our App';position:absolute;top:-20px;left:0;right:0;font-size:15px;color:#505050;font-weight:600;font-family:roboto slab,serif!important;letter-spacing:1px}.top_nav,.top_nav .container{padding:0}.right_link{width:100%}.right_link a{width:50%;text-align:center}.right_link a:last-child{border-right:0}.mob_hide{display:none!important}.mob_show{display:block!important}.mob_show_inline{display:inline-block!important}.navbar-inverse .navbar-toggle{border:0;background:0 0!important;right:30px;cursor:pointer}.toggle_search_icon{float:right;position:relative;right:-40px;top:14px;cursor:pointer}.toggle_search_icon .glyphicon{font-size:20px;color:#10814b}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fa4c10}#main_content,#sidebar,.main-content{padding:0 20px}.navigation_container .navbar-right li a{text-align:left}.navigation_container .navbar-right li a:hover,.navigation_container .navbar-right .active a{background:#ea5050!important;color:#fff!important;border-radius:0}.letest_card_box{text-align:center;border:0;margin-top:30px}.doted_br_hide{border:0;background:no-repeat;margin-left:-11px;margin-right:-11px}.doted_br_show{border:dashed 1.5px #ccc;background:#fbfbfb;padding:11px!important}.card_img{display:inline-block}.mob_pading{padding:0!important}.as_seen_box img{margin-left:-5px;width:190px}.card_img{width:100%}.f_intro_bg{padding-bottom:20px}.f_intro_bg .f_text{font-size:18px}.f_intro_bg .navbar-form{width:100%}.f_intro_bg .search_input{width:60%!important;margin-left:7%;height:49px}.f_description_bg .f_graph{padding-top:30px}.contect_info,.address_info{display:inline-block;float:none;margin-bottom:15px}.contect_info p,.address_info p{font-size:18px;color:#fff}.contect_info span,.address_info span{color:#848484;font-size:12px}.f_description_bg .f_graph{background-position:bottom left;height:auto}.f_contect{border-left:0!important}.mor_pages{margin-left:100px;width:300px;margin:0 auto;text-align:center;margin-top:-70px}.mor_pages li{text-align:left;list-style:none;margin-bottom:9px;position:relative;width:150px;float:left;left:20px}.f_logo_box{padding:0}.f_logo_box .external{width:100%;text-align:center;display:block}.f_contect{padding:0!important}.f_contect .br{display:none}.footer{position:absolute;bottom:5px;background:0 0;margin:0 auto;float:none}.mob_hide_text{display:none}.input_width{width:240px!important}.local_upload_box,.social_upload_box{width:100%}.social_upload_box .input_heading{text-align:center}#mergeWords .mwo-btn{width:85px!important;padding:10px!important;font-size:11px!important}}@media screen and (min-width:990px){.pull-right_big{float:right}}@media screen and (max-width:1024px){#main_content,.main-content{width:100%}#sidebar{width:100%;float:left}.sidebar_adds .ads{width:300px;background-color:#f7f7f7;margin:0 auto;height:auto;display:block;margin-bottom:19px}}a,a:focus,a:hover{text-decoration:none!important;outline:0!important}@media screen and (max-width:400px){.f_description_bg .f_graph{height:auto}.f_graph .mor_pages{margin-left:100px;width:300px;margin:0 auto;text-align:center;margin-top:-30px;height:290px;float:left}}/* ===== Mega Menu — ToolsPivot ===== */

/* Wrapper is the <li> inside .navbar-nav */
.navbar-nav > li.mega-menu-wrapper {
    position: static; /* allows the panel to span full width */
}
/* Establish positioning context on the navbar so panel spans logo → EN */
.navigation_container .navbar.navbar-inverse {
    position: relative;
}

/* Inherit Bootstrap's default .navbar-nav>li>a layout — only override color/hover */
.navbar-nav > li.mega-menu-wrapper > a.mega-menu-trigger {
    cursor: pointer;
    user-select: none;
    background: transparent;
}

.navbar-inverse .navbar-nav > li.mega-menu-wrapper > a.mega-menu-trigger:hover,
.navbar-inverse .navbar-nav > li.mega-menu-wrapper > a.mega-menu-trigger:focus,
.navbar-inverse .navbar-nav > li.mega-menu-wrapper.mega-open > a.mega-menu-trigger {
    background: rgba(250, 76, 16, 0.08) !important;
    color: #fa4c10 !important;
}

.mega-menu-trigger .caret {
    transition: transform 0.2s ease;
}

.mega-menu-wrapper.mega-open .mega-menu-trigger .caret {
    transform: rotate(180deg);
}

/* Panel container — anchored to the navbar, full width within its container */
.mega-menu-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    width: auto;
    max-width: none;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 1050;
    overflow: hidden;
    padding-top: 0;
}

/* Invisible bridge to keep hover state when moving from trigger to panel */
.mega-menu-panel::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
}

.mega-menu-wrapper.mega-open .mega-menu-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Layout: sidebar + content */
.mega-menu-layout {
    display: flex;
    min-height: 380px;
}

.mega-menu-sidebar {
    flex: 0 0 280px;
    background: #f7f9fc;
    border-right: 1px solid #e5e9ef;
    padding: 12px 0;
}

.mega-menu-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-menu-sidebar li {
    margin: 0;
    padding: 0;
}

.mega-menu-sidebar a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 9px 16px;
    color: #2c3e50;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
    text-align: left;
}

.mega-menu-sidebar a .cat-name {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 1 auto;
    min-width: 0;
    text-align: left;
}

.mega-menu-sidebar a .cat-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 6px;
    font-size: 14px;
    color: #fa4c10;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.mega-menu-sidebar a .cat-arrow {
    margin-left: auto;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
    color: #fa4c10;
}

.navbar-inverse .navbar-nav .mega-menu-sidebar li.active a,
.navbar-inverse .navbar-nav .mega-menu-sidebar li.active a:hover,
.navbar-inverse .navbar-nav .mega-menu-sidebar li.active a:focus,
.navbar-inverse .navbar-nav .mega-menu-sidebar a:hover,
.mega-menu-sidebar li.active a,
.mega-menu-sidebar a:hover {
    background: #fff5f0 !important;
    border-left-color: #fa4c10 !important;
    color: #fa4c10 !important;
}

.mega-menu-sidebar li.active a .cat-arrow,
.mega-menu-sidebar a:hover .cat-arrow {
    opacity: 1;
    transform: translateX(2px);
}

/* Right content area */
.mega-menu-content {
    flex: 1;
    padding: 24px 32px;
    overflow: hidden;
    min-width: 0;
}

.mega-cat-pane {
    display: none;
}

.mega-cat-pane.active {
    display: block;
    animation: megaFadeIn 0.25s ease;
    will-change: opacity, transform;
    contain: layout paint;
}

@keyframes megaFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}


.mega-cat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eef1f6;
}

.mega-cat-header .mega-cat-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
}

.mega-cat-header .view-all {
    font-size: 13px;
    color: #fa4c10;
    text-decoration: none;
    font-weight: 500;
}

.mega-cat-header .view-all:hover {
    text-decoration: underline;
}

/* Tools grid */
.mega-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px 16px;
}

.mega-menu-panel a.mega-tool-item {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 12px;
    color: #1a202c !important;
    text-decoration: none !important;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
    line-height: 1.35;
    min-width: 0;
    border: 1px solid transparent;
    text-align: left;
}

.mega-menu-panel a.mega-tool-item:hover,
.mega-menu-panel a.mega-tool-item:focus {
    background: #fff5ef !important;
    color: #fa4c10 !important;
    text-decoration: none !important;
    border-color: rgba(250, 76, 16, 0.18);
    transform: translateX(2px);
}

/* Extra-specific color lock — beats theme.css global `a { color: #f94d0f }` */
.mega-menu-panel .mega-tools-grid a.mega-tool-item,
.mega-menu-panel .mega-tools-grid a.mega-tool-item:link,
.mega-menu-panel .mega-tools-grid a.mega-tool-item:visited {
    color: #1a202c !important;
}
.mega-menu-panel .mega-tools-grid a.mega-tool-item:hover,
.mega-menu-panel .mega-tools-grid a.mega-tool-item:focus {
    color: #fa4c10 !important;
}

.mega-menu-panel a.mega-tool-item img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    max-width: 32px;
    object-fit: contain;
    flex-shrink: 0;
    background: none;
    border: none;
    padding: 2px;
}
/* FontAwesome brand-glyph icons (e.g. the Video Downloader tools) rendered in the 32px slot */
.mega-menu-panel a.mega-tool-item .fa {
    width: 32px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 19px;
    color: #fa4c10;
    flex-shrink: 0;
}

.mega-menu-panel a.mega-tool-item .tool-name {
    flex: 0 1 auto;
    min-width: 0;
    color: #1a202c !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.3;
    font-size: 13px;
    text-align: left;
}

.mega-menu-panel a.mega-tool-item:hover .tool-name,
.mega-menu-panel a.mega-tool-item:focus .tool-name {
    color: #fa4c10 !important;
}

/* Empty state */
.mega-cat-pane .empty {
    color: #999;
    font-size: 13px;
    padding: 30px 0;
    text-align: center;
}

/* Responsive — tablet */
@media (max-width: 991px) {
    .mega-menu-panel {
        width: 95vw;
    }
    .mega-tools-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .mega-menu-sidebar {
        flex: 0 0 220px;
    }
}

/* ===== Language switcher dropdown — flag icons + left alignment ===== */
.lang-switch-dropdown > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 16px !important;
    text-align: left;
}
.lang-switch-dropdown .lang-flag {
    width: 20px;
    height: auto;
    flex-shrink: 0;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.lang-switch-dropdown .lang-flag-fallback {
    width: 20px;
    text-align: center;
    color: #fa4c10;
    flex-shrink: 0;
}
.lang-switch-dropdown .lang-label {
    flex: 0 1 auto;
    white-space: nowrap;
}
.lang-switch-dropdown > li > a:hover .lang-label {
    color: #fa4c10;
}
/* Language switcher toggle — kill the navbar-inverse .active black box (#080808);
   keep it clean and consistent with the other nav links. */
.navbar-inverse .navbar-nav > li > a.lang-switch-toggle,
.navbar-inverse .navbar-nav > .active > a.lang-switch-toggle,
.navbar-inverse .navbar-nav > .open > a.lang-switch-toggle,
a.lang-switch-toggle,
a.lang-switch-toggle:hover,
a.lang-switch-toggle:focus,
a.lang-switch-toggle:active {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #333 !important;
    display: inline-flex;
    align-items: center;
}
.navbar-inverse .navbar-nav > li > a.lang-switch-toggle:hover,
.navbar-inverse .navbar-nav > li > a.lang-switch-toggle:focus,
a.lang-switch-toggle:hover,
a.lang-switch-toggle:focus {
    color: #fa4c10 !important;
}
a.lang-switch-toggle .fa-globe {
    color: #fa4c10;
    margin-right: 2px;
}
/* Reserve the 3px hover/active top-border (injected inline by the theme) in the
   DEFAULT state so it only changes color on hover — no more header height jump.
   The 3px is taken out of the top padding so the overall row height is unchanged. */
.navigation_container .navbar-nav > li > a {
    border-top: 3px solid transparent;
    padding-top: 19.5px;
    box-sizing: border-box;
}
/* Chrome titles (search box, sidebar widget, "latest blogs", modal titles) were
   <h1>-<h6> tags, which polluted the page's heading outline and confused crawlers
   about the real content structure. They're now non-heading <div>s; these rules
   replicate the original heading look exactly so nothing changes visually. */
.tool_heading .th-title {
    font-family: roboto slab, serif;
    font-weight: 400;
    color: #505050;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}
.popular-seo-t .pop-title {
    font-family: roboto slab, serif;
    background: #404040;
    text-align: center;
    font-size: 17px;
    line-height: 35px;
    color: #fff;
    margin: 0;
}
.modal-title {
    font-size: 18px;
    font-weight: 500;
}
.blog-card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 10px 0;
}
.blog-card-title a { color: inherit; }

/* ===== Blog Post View (single-post page) ===== */
/* Match the blog post container to the tool-page width (1170px). Bootstrap's
   .container sets an explicit width:1170px at the desktop breakpoint which would
   take precedence over max-width, so we use width:100% + max-width:1170px. */
.container.bv-container {
    width: 100% !important;
    max-width: 1170px !important; /* match the tool-page .container width */
    padding-top: 20px;
    padding-bottom: 50px;
}

.bv-hero-row { margin-bottom: 20px; }
.bv-hero {
    background: transparent;
    padding: 0;
    margin: 0;
}
.bv-hero-inner {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    aspect-ratio: 1200 / 630;
    max-height: 615px; /* 1170px container at 1200:630 = ~614px tall -> fits, no crop */
    background: #f3f4f6;
}
.bv-hero-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 767px) {
    .bv-hero-row { margin-bottom: 12px; }
    .bv-hero-inner {
        aspect-ratio: 16 / 10;
        max-height: 320px;
        border-radius: 8px;
    }
}
/* (.bv-container rule moved to the top of this section so it can include max-width) */
.bv-article {
    background: #fff;
    padding: 24px 28px 32px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Breadcrumb / category eyebrow */
.bv-eyebrow {
    font-size: 13px;
    margin-bottom: 14px;
    color: #6b7280;
}
.bv-eyebrow .bv-crumb {
    color: #6b7280;
    text-decoration: none;
}
.bv-eyebrow .bv-crumb:hover { color: #fa4c10; }
.bv-crumb-sep { margin: 0 6px; color: #cbd5e1; }
.bv-cat-badge {
    display: inline-block;
    background: #fff5ef;
    color: #fa4c10 !important;
    padding: 4px 10px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background 0.15s;
    margin-right: 4px;
}
.bv-cat-badge:hover { background: #ffe0d0; }

/* Title */
.bv-title {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 14px;
    color: #1a202c;
}

/* Meta row */
.bv-meta {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef1f6;
}
.bv-meta-item { display: inline-block; }
.bv-meta-item i { color: #fa4c10; margin-right: 4px; }
.bv-meta-item strong { color: #1a202c; }
.bv-meta-sep { margin: 0 8px; color: #cbd5e1; }

/* Ads slot — collapse when ad is empty (e.g., on localhost) */
.bv-ad-slot { margin: 16px 0; text-align: center; }
.bv-ad-top { margin-top: 0; }
.bv-ad-slot .adsense-wrapper { min-height: 0 !important; }
.bv-ad-slot ins.adsbygoogle[data-ad-status="unfilled"],
.bv-ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display: none !important; }

/* Article content typography */
.bv-content {
    font-size: 16px;
    line-height: 1.75;
    color: #2d3748;
}
.bv-content > * { margin-bottom: 16px; }
/* Article body headings match the sitewide scale below, so a blog post, a tool's
   about section and a static page all render the same level at the same size.
   Only weight, colour and spacing differ here. */
.bv-content h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a202c;
    margin: 32px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #fa4c10;
    display: inline-block;
}
.bv-content h3 {
    font-size: 23px;
    font-weight: 600;
    color: #1a202c;
    margin: 24px 0 10px;
}
.bv-content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #2d3748;
    margin: 18px 0 8px;
}
.bv-content p { margin: 0 0 16px; }
.bv-content a { color: #fa4c10; text-decoration: underline; }
.bv-content a:hover { color: #c83d0d; }
.bv-content ul, .bv-content ol {
    padding-left: 26px;
    margin: 12px 0 18px;
}
.bv-content li { margin-bottom: 6px; }
.bv-content blockquote {
    border-left: 4px solid #fa4c10;
    background: #fff8f5;
    padding: 14px 20px;
    margin: 18px 0;
    color: #2d3748;
    font-style: italic;
    border-radius: 0 6px 6px 0;
}
.bv-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 14px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
/* Content tables. Editors paste a bare <table> far more often than a classed
   one (64 of the 140 article rows have no class at all), so the look is set
   here on the container instead of depending on a class the author remembered
   to type. Same three reading containers the rest of the article styling uses:
   the blog body, the legacy tool about box, and the DocPivot article. */
.bv-content table,
.about_tool table,
.dp-article table,
.csContent table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0;
    font-size: 14px;
}
.bv-content table th,
.bv-content table td,
.about_tool table th,
.about_tool table td,
.dp-article table th,
.dp-article table td,
.csContent table th,
.csContent table td {
    border: 1px solid #e5e9ef;
    padding: 10px 12px;
    text-align: left;
}
.bv-content table th,
.about_tool table th,
.dp-article table th,
.csContent table th {
    background: #f7f8fa;
    font-weight: 600;
    color: #1a202c;
}
.bv-content table tr:nth-child(even) td,
.about_tool table tr:nth-child(even) td,
.dp-article table tr:nth-child(even) td,
.csContent table tr:nth-child(even) td { background: #fafbfc; }

/* rtl.css sets a blanket `table { direction: ltr }` so that TOOL RESULT tables
   - URLs, IP addresses, DNS records, header dumps - stay readable left-to-right
   even on an Arabic page. That is right for data and wrong for prose: the
   legal pages' cookie and retention tables are sentences, and were rendering
   with their columns reversed in Arabic. `inherit` follows the page direction,
   and the .csContent scope means no tool table is touched. On an LTR page it
   inherits ltr, so nothing changes there either. */
/* rtl.css declares its rule !important, so specificity alone loses here; a
   scoped !important is the minimum that wins, and it wins only inside
   .csContent. */
.csContent table { direction: inherit !important; }

/* These are comparison tables of three or four columns, which cannot fit a
   phone. Let the table itself scroll rather than let it push the page wide:
   a horizontal scrollbar on one element is recoverable, a horizontally
   scrolling page is not. Phone only, so the desktop table stays a real
   full-width table. */
@media (max-width: 767px) {
    .bv-content table,
    .about_tool table,
    .dp-article table,
    .csContent table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }
}
.bv-content pre, .bv-content code {
    background: #f4f6f8;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 13px;
    color: #c83d0d;
    font-family: 'Menlo','Monaco',monospace;
}
.bv-content pre {
    padding: 14px 16px;
    overflow-x: auto;
    color: #2d3748;
}

/* Tags at bottom */
.bv-tags-bottom {
    margin: 28px 0 0;
    padding: 14px 0;
    border-top: 1px solid #eef1f6;
    font-size: 13px;
    color: #6b7280;
}
.bv-tags-bottom strong { margin-right: 6px; color: #2d3748; }

/* Section titles (Related Posts, Comments) */
.bv-article .bv-section-title,
.bv-article h2.bv-section-title,
.bv-article h3.bv-section-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 36px 0 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #eef1f6 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.3 !important;
    display: block !important;
}

.bv-related { margin-top: 36px; margin-bottom: 60px; }
.bv-article > .bv-comments,
.bv-article > section.bv-comments,
section.bv-comments {
    margin-top: 100px !important;
    padding-top: 40px !important;
    border-top: 3px solid #fa4c10 !important;
    clear: both;
    display: block;
}
.bv-article > .bv-comments-disabled,
.bv-article > section.bv-comments-disabled,
.bv-comments-disabled {
    margin-top: 100px !important;
    padding-top: 40px !important;
    border-top: 3px solid #fa4c10 !important;
}

/* Related posts — 3-column card grid */
.bv-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 6px;
}
.bv-related-card {
    background: #fff;
    border: 1px solid #eef1f6;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.bv-related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(250, 76, 16, 0.12);
    border-color: rgba(250, 76, 16, 0.25);
}
.bv-related-link {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
    height: 100%;
}
.bv-related-thumb {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #f4f6f8;
    position: relative;
}
.bv-related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.bv-related-card:hover .bv-related-thumb img { transform: scale(1.05); }
.bv-related-thumb-blank {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 38px;
}
.bv-related-body { padding: 14px 16px 16px; }
.bv-related-card .bv-related-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 0 0 10px !important;
    line-height: 1.4 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.15s;
}
.bv-related-card:hover .bv-related-title { color: #fa4c10; }
.bv-related-excerpt {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bv-related-meta {
    font-size: 12px;
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.bv-related-meta i { color: #fa4c10; }

@media (max-width: 991px) {
    .bv-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .bv-related-grid { grid-template-columns: 1fr; }
}

/* ====== Sidebar ====== */
.bv-sidebar { padding-top: 0; }
.bv-widget {
    background: #fff;
    border-radius: 8px;
    padding: 20px 18px;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.bv-widget-title {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #1a202c;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fa4c10;
}

/* Search widget */
.bv-widget-search { padding: 18px 16px; }
.bv-search-wrap {
    position: relative;
}
.bv-search-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #cbd5e1;
    font-size: 14px;
    pointer-events: none;
    transition: color 0.15s;
}
.bv-search-input {
    width: 100%;
    padding: 10px 14px 10px 38px;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    font-size: 13.5px;
    background: #f7f8fa;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.bv-search-input:focus {
    background: #fff;
    border-color: #fa4c10;
    box-shadow: 0 0 0 3px rgba(250, 76, 16, 0.08);
    outline: 0;
}
.bv-search-input:focus + .bv-search-icon,
.bv-search-wrap:hover .bv-search-icon { color: #fa4c10; }
.bv-search-results {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    padding: 8px 0;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.bv-search-results ul { list-style: none; padding: 0; margin: 0; }
.bv-search-results li { padding: 0; }
.bv-search-results a {
    display: block;
    padding: 8px 14px;
    color: #2d3748 !important;
    text-decoration: none !important;
    font-size: 13.5px;
    border-left: 3px solid transparent;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.bv-search-results a:hover {
    background: #fff5ef;
    border-left-color: #fa4c10;
    color: #fa4c10 !important;
}

/* Subscribe widget */
.bv-widget-subscribe { background: linear-gradient(135deg, #fff5ef 0%, #fff 100%); }
.bv-widget-sub { font-size: 13px; color: #4a5568; margin-bottom: 12px; }
.bv-input { margin-bottom: 8px; }
.bv-btn {
    background: #fa4c10;
    color: #fff !important;
    border: 0;
    width: 100%;
    padding: 10px;
    font-weight: 600;
    border-radius: 6px;
    transition: background 0.15s;
}
.bv-btn:hover { background: #c83d0d; }

/* Inline collapsible Table of Contents */
.bv-toc-inline {
    background: #f7f8fa;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    margin: 20px 0 24px;
    overflow: hidden;
}
.bv-toc-toggle {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 14px 18px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #1a202c;
    transition: background 0.15s;
}
.bv-toc-toggle:hover { background: rgba(250, 76, 16, 0.05); }
.bv-toc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fa4c10;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    flex-shrink: 0;
}
.bv-toc-label {
    flex: 1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
}
.bv-toc-caret {
    color: #6b7280;
    transition: transform 0.2s ease;
    font-size: 12px;
}
.bv-toc-inline.open .bv-toc-caret { transform: rotate(180deg); color: #fa4c10; }
.bv-toc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fff;
}
.bv-toc-inline.open .bv-toc-body {
    max-height: 800px;
    border-top: 1px solid #e5e9ef;
}
.bv-toc-list {
    list-style: none;
    padding: 16px 18px;
    margin: 0;
    counter-reset: tocItem;
}
.bv-toc-list li {
    counter-increment: tocItem;
    margin-bottom: 8px;
    padding-left: 28px;
    position: relative;
    line-height: 1.4;
}
.bv-toc-list li::before {
    content: counter(tocItem) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #fa4c10;
    font-weight: 700;
    font-size: 13.5px;
    min-width: 22px;
}
.bv-toc-list li a {
    color: #2d3748;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.15s;
}
.bv-toc-list li a:hover { color: #fa4c10; }
.bv-toc-list ul {
    list-style: none;
    padding-left: 6px;
    margin: 6px 0 0;
}
.bv-toc-list ul li {
    padding-left: 18px;
    font-size: 13px;
    counter-increment: none;
    margin-bottom: 6px;
}
.bv-toc-list ul li::before {
    content: "•";
    color: #cbd5e1;
    font-size: 14px;
    min-width: auto;
}
/* Deeper levels: gradually smaller and lighter */
.bv-toc-list .bv-toc-l4 { font-size: 12.5px; }
.bv-toc-list .bv-toc-l4 a { color: #4a5568; }
.bv-toc-list .bv-toc-l5 { font-size: 12px; }
.bv-toc-list .bv-toc-l5 a { color: #6b7280; }
.bv-toc-list ul ul { padding-left: 4px; }
.bv-toc-list ul ul li::before { content: "◦"; }
.bv-toc-list ul ul ul li::before { content: "›"; color: #cbd5e1; }

/* Popular Posts */
.bv-popular-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.bv-popular-list li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eef1f6;
}
.bv-popular-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.bv-popular-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    color: #2d3748;
}
.bv-popular-thumb {
    width: 70px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f4f6f8;
}
.bv-popular-thumb-blank {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 20px;
}
.bv-popular-text { flex: 1; min-width: 0; }
.bv-popular-title {
    display: block;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;
    color: #1a202c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.15s;
}
.bv-popular-link:hover .bv-popular-title { color: #fa4c10; }
.bv-popular-date { color: #9ca3af; font-size: 11.5px; }

.bv-widget-ad { background: transparent; box-shadow: none; padding: 0; text-align: center; }

/* Top Tools widget */
.bv-tools-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 12px;
}
.bv-tools-list li { margin: 0; padding: 0; }
.bv-tools-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 8px;
    text-decoration: none !important;
    color: #2d3748;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s, transform 0.15s;
}
.bv-tools-list a:hover {
    background: #fff5ef;
    color: #fa4c10 !important;
    transform: translateX(2px);
}
.bv-tool-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff5ef;
    color: #fa4c10;
    border-radius: 6px;
    font-size: 13px;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}
.bv-tools-list a:hover .bv-tool-icon {
    background: #fa4c10;
    color: #fff;
}
.bv-tool-name {
    flex: 1;
    font-size: 13.5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bv-tool-arrow {
    color: #cbd5e1;
    font-size: 12px;
    transition: color 0.15s, transform 0.15s;
}
.bv-tools-list a:hover .bv-tool-arrow {
    color: #fa4c10;
    transform: translateX(2px);
}
.bv-tools-viewall {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fa4c10 !important;
    font-weight: 600;
    padding-top: 10px;
    border-top: 1px solid #eef1f6;
    text-decoration: none !important;
}
.bv-tools-viewall:hover { color: #c83d0d !important; }

/* ====== FAQ block (rendered in blog content) ====== */
.bv-faq {
    margin: 28px 0;
    background: #fff8f5;
    border: 1px solid #f0d2bd;
    border-radius: 10px;
    padding: 18px 20px;
}
.bv-faq-title {
    font-size: 19px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fa4c10;
    display: inline-block;
}
.bv-faq-item {
    border-bottom: 1px solid rgba(250, 76, 16, 0.15);
    padding: 12px 0;
}
.bv-faq-item:last-child { border-bottom: 0; padding-bottom: 4px; }
.bv-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 6px 30px 6px 0;
    position: relative;
}
.bv-faq-item summary h3.bv-faq-q {
    margin: 0;
    font-size: 15.5px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.4;
    display: inline;
    transition: color 0.15s;
}
.bv-faq-item summary::-webkit-details-marker { display: none; }
.bv-faq-item summary::after {
    content: '+';
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    line-height: 1;
    color: #fa4c10;
    font-weight: 700;
    transition: transform 0.2s;
}
.bv-faq-item[open] summary::after { content: '−'; }
.bv-faq-item summary:hover h3.bv-faq-q { color: #fa4c10; }
.bv-faq-answer {
    padding: 10px 0 6px;
    color: #2d3748;
    font-size: 14.5px;
    line-height: 1.65;
}
/* Match post-body link styling (orange + underline) so FAQ links look consistent */
.bv-faq-answer a { color: #fa4c10; text-decoration: underline; }
.bv-faq-answer a:hover { color: #c83d0d; }
.bv-faq-answer b, .bv-faq-answer strong { font-weight: 700; }
.bv-faq-answer i, .bv-faq-answer em { font-style: italic; }

/* Mobile responsiveness */
@media (max-width: 767px) {
    .bv-article { padding: 18px 14px 24px; }
    .bv-content { font-size: 15px; }
    /* heading sizes come from the shared mobile scale at the end of this file,
       so the article body stays in step with the rest of the site */
    .bv-sidebar { margin-top: 30px; }
}

/* ===== Sidebar — Fix missing Popular SEO Tool icons (5 broken classes) ===== */
/* These tool classes had no sprite position defined, so they showed empty.
   Override via FontAwesome (already loaded) — no extra HTTP request. */
.icon_image.readability-checker,
.popular_tool_box .icon_image.xml-sitemap-generator,
.icon_image.exif-remover,
.icon_image.lorem-ipsum,
.popular_tool_box .icon_image.exif {
    background-image: none !important;
    position: relative;
}
.icon_image.readability-checker::before,
.popular_tool_box .icon_image.xml-sitemap-generator::before,
.icon_image.exif-remover::before,
.icon_image.lorem-ipsum::before,
.popular_tool_box .icon_image.exif::before {
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #fa4c10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}
.icon_image.readability-checker::before          { content: '\f06e'; } /* fa-eye */
.popular_tool_box .icon_image.xml-sitemap-generator::before { content: '\f0e8'; } /* fa-sitemap */
.icon_image.exif-remover::before                 { content: '\f12d'; } /* fa-eraser */
.icon_image.lorem-ipsum::before                  { content: '\f036'; } /* fa-align-left */
.popular_tool_box .icon_image.exif::before       { content: '\f030'; } /* fa-camera */

/* ===== Footer Popular / Trending Tools ===== */
/* Override the sprite-based .ver_img: use SVG hex outline + tool icon inside */
.f_version .ver_img,
div.ver_img {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115' preserveAspectRatio='none'><polygon points='50,3 95,28 95,87 50,112 5,87 5,28' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='2.5'/></svg>") no-repeat center !important;
    background-size: 100% 100% !important;
    width: 56px !important;
    height: 62px !important;
    display: inline-block;
    position: relative;
    margin: 8px 0;
    vertical-align: middle;
    transition: transform 0.15s, filter 0.15s;
}

.f_version .ver_img img,
div.ver_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    object-fit: contain;
}

.f_version .ver_img i.fa,
div.ver_img i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fa4c10;
    font-size: 22px;
    line-height: 1;
}

.f_version .ver_img:hover,
div.ver_img:hover {
    transform: translateY(-2px);
    filter: brightness(1.15);
}

/* Responsive — mobile (accordion mode) */
@media (max-width: 767px) {
    .mega-menu-panel {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
        max-height: 80vh;
        overflow-y: auto;
        margin-top: 0;
        border-radius: 0;
    }
    .mega-menu-wrapper.mega-open .mega-menu-panel,
    .mega-menu-wrapper:hover .mega-menu-panel {
        transform: none;
    }
    .mega-menu-layout {
        flex-direction: column;
        min-height: 0;
    }
    .mega-menu-sidebar {
        flex: none;
        border-right: 0;
        border-bottom: 1px solid #e5e9ef;
    }
    .mega-menu-sidebar a {
        padding: 10px 16px;
    }
    .mega-menu-content {
        padding: 16px;
    }
    .mega-tools-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Mobile: keep the mega menu neutral — drop the orange highlight on the active
       category and the open "All Tools" trigger so they match the plain menu items. */
    .navbar-inverse .navbar-nav .mega-menu-sidebar li.active a,
    .navbar-inverse .navbar-nav .mega-menu-sidebar li.active a:hover,
    .mega-menu-sidebar li.active a,
    .navbar-inverse .navbar-nav .mega-menu-sidebar a:hover,
    .mega-menu-sidebar a:hover {
        background: #fff5f0 !important;
        color: #fa4c10 !important;
        border-left-color: #fa4c10 !important;
    }
    .navbar-inverse .navbar-nav > li.mega-menu-wrapper.mega-open > a.mega-menu-trigger,
    .navbar-inverse .navbar-nav > li.mega-menu-wrapper > a.mega-menu-trigger:hover,
    .navbar-inverse .navbar-nav > li.mega-menu-wrapper > a.mega-menu-trigger:focus {
        background: #fff5f0 !important;
        color: #fa4c10 !important;
    }
    /* Tool cards in the content pane also pick up the theme's red nav background
       (the active pane has .active, so ".navbar-right .active a" bleeds in). Force clean. */
    .navigation_container .navbar-right .mega-menu-content .mega-cat-pane a.mega-tool-item,
    .navbar-inverse .navbar-nav .mega-menu-content a.mega-tool-item,
    .navbar-inverse .navbar-nav .mega-menu-content a.mega-tool-item:hover {
        background: transparent !important;
    }
    .navbar-inverse .navbar-nav .mega-menu-content a.mega-tool-item:hover {
        background: #fff5f0 !important;
    }
    /* Regular menu items (Home / Contact US / Blog / current page) also pick up the
       theme's red nav background on tap/active — keep them clean on mobile. */
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:active,
    .navbar-inverse .navbar-nav > li.active > a,
    .navbar-inverse .navbar-nav > li.active > a:hover,
    .navbar-inverse .navbar-nav > li.active > a:focus {
        background: #fff5f0 !important;
        color: #fa4c10 !important;
    }
    /* Language dropdown items sat at -14px (dropdown box at -30 + only 16px padding) —
       far left of the 28px menu. Align them with the menu + clean hover. */
    #myNavbar .lang-switch-dropdown {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
    #myNavbar .lang-switch-dropdown > li > a {
        padding-left: 58px !important;
        border: none !important;
    }
    #myNavbar .lang-switch-dropdown > li > a:hover {
        background: #fff5f0 !important;
    }
    /* Tool "about" / long-form content was reading right against the screen edge on
       mobile. Pad the reading content (the .about_tool heading + everything after it)
       in EVERY layout, not just .main-index — the AI tools use custom wrappers. */
    .about_tool,
    .about_tool ~ * {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* Full-width AI tool wrappers (.aidc-wrap / .aih-wrap sit directly in body, no
       Bootstrap gutter) — give them the same 15px side gutter as .container tools so
       their about content lands at the same ~25px as everywhere else. */
    .aidc-wrap,
    .aih-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ============================================================
   Author Box — appears below each blog post (above category tags)
   ============================================================ */
.bv-author-box {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin: 60px 0 30px;
    padding: 28px;
    background: #f9fafb;
    border: 1px solid #e7eaec;
    border-left: 4px solid #fa4c10;
    border-radius: 8px;
}
.bv-author-avatar {
    flex-shrink: 0;
}
.bv-author-avatar img,
.bv-author-avatar-blank {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.bv-author-avatar-blank {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8cdd1;
    font-size: 40px;
}
.bv-author-body {
    flex: 1;
    min-width: 0;
}
.bv-author-eyebrow {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #fa4c10;
    margin-bottom: 4px;
}
.bv-author-name {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #1a202c;
}
.bv-author-bio {
    margin: 0 0 14px;
    color: #4a5568;
    line-height: 1.6;
    font-size: 14.5px;
}
.bv-author-socials {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.bv-author-socials li {
    margin: 0;
}
.bv-author-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #4a5568;
    font-size: 15px;
    transition: all 0.18s ease;
    text-decoration: none;
}
.bv-author-socials a:hover,
.bv-author-socials a:focus {
    background: #fa4c10;
    border-color: #fa4c10;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(250,76,16,0.28);
    text-decoration: none;
}
.bv-author-socials .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

@media (max-width: 600px) {
    .bv-author-box {
        flex-direction: column;
        text-align: center;
        padding: 22px;
    }
    .bv-author-avatar {
        align-self: center;
    }
    .bv-author-socials {
        justify-content: center;
    }
}

/* ============================================================
   Byline strip — small avatar + BY / PUBLISHED / LAST UPDATED / N MIN READ
   ============================================================ */
.bv-byline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 26px;
    padding: 14px 0;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.bv-byline-avatar {
    flex-shrink: 0;
}
.bv-byline-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 1px solid #e7eaec;
}
.bv-byline-text {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #6b7280;
    line-height: 1.5;
}
.bv-byline-by {
    color: #6b7280;
    font-weight: 500;
}
.bv-byline-author {
    color: #111827;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #d1d5db;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.15s ease;
}
a.bv-byline-author:hover {
    color: #fa4c10;
    text-decoration-color: #fa4c10;
}
.bv-byline-sep {
    color: #d1d5db;
    margin: 0 8px;
    font-weight: 300;
}
.bv-byline-meta {
    color: #6b7280;
    font-weight: 500;
}

@media (max-width: 600px) {
    .bv-byline {
        flex-wrap: wrap;
        gap: 10px;
    }
    .bv-byline-text {
        font-size: 11px;
        letter-spacing: 0.4px;
    }
    .bv-byline-sep {
        margin: 0 5px;
    }
}

/* ============================================================
   Social Share Row — appears top + bottom of every blog post
   ============================================================ */
.bv-share {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 22px 0;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 8px;
}
.bv-share-top {
    margin-bottom: 28px;
}
.bv-share-bottom {
    margin-top: 36px;
    background: #fff7f2;
    border-color: #ffd9c2;
}
.bv-share-label {
    font-weight: 600;
    color: #4a5568;
    font-size: 14px;
}
.bv-share-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.bv-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f1f3f5;
    border: 1px solid transparent;
    color: #495057;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.18s ease;
    position: relative;
    padding: 0;
}
.bv-share-btn:hover,
.bv-share-btn:focus {
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
/* Brand-correct hover colours */
.bv-share-twitter:hover  { background: #000;     }
.bv-share-linkedin:hover { background: #0a66c2;  }
.bv-share-facebook:hover { background: #1877f2;  }
.bv-share-whatsapp:hover { background: #25d366;  }
.bv-share-reddit:hover   { background: #ff4500;  }
.bv-share-email:hover    { background: #6c757d;  }
.bv-share-copy:hover     { background: #fa4c10;  }

.bv-share-copied {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background: #1a202c;
    color: #fff;
    font-size: 11px;
    padding: 4px 9px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.bv-share-copy.is-copied .bv-share-copied {
    opacity: 1;
}

@media (max-width: 480px) {
    .bv-share {
        gap: 10px;
        padding: 12px 14px;
    }
    .bv-share-label {
        flex: 1 0 100%;
        font-size: 13px;
    }
    .bv-share-btn {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
}

/* ============================================================
   Related Tools — bottom of every tool page (via addtional.php)
   ============================================================ */
.bv-related-tools {
    margin: 40px 0 30px;
    padding: 28px 0 0;
    border-top: 2px solid #eef0f2;
}
.bv-related-tools-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 22px;
    text-align: center;
}
.bv-related-tools-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #fa4c10;
    margin: 12px auto 0;
    border-radius: 3px;
}
.bv-related-tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}
.bv-related-tool {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 10px;
    text-decoration: none;
    color: #2d3748;
    transition: all 0.18s ease;
    position: relative;
    overflow: hidden;
}
.bv-related-tool:hover {
    border-color: #fa4c10;
    background: #fff7f2;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(250,76,16,0.12);
    color: #1a202c;
    text-decoration: none;
}
.bv-related-tool-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bv-related-tool-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.bv-related-tool-name {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}
.bv-related-tool-arrow {
    flex-shrink: 0;
    color: #cbd5e0;
    font-size: 13px;
    transition: all 0.18s ease;
}
.bv-related-tool:hover .bv-related-tool-arrow {
    color: #fa4c10;
    transform: translateX(3px);
}

@media (max-width: 480px) {
    .bv-related-tools-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .bv-related-tool {
        padding: 12px;
    }
    .bv-related-tool-icon {
        width: 32px; height: 32px;
    }
    .bv-related-tool-name {
        font-size: 13px;
    }
    .bv-related-tool-arrow {
        display: none;
    }
}

/* ============================================================
   Footer "Our Most Popular Tools" — hexagonal FA icon frames
   Replaces the legacy PNG sprite-sheet (.ver_img background) with a clean
   SVG hexagon outline that matches the mega-menu category icon style.
   ============================================================ */
.ver_img:has(i.fa),
.ver_img.has-fa {
    /* Pointy-top hexagon outline rendered as an inline SVG data URI.
       %23fa4c10 = URL-encoded #fa4c10 (your brand orange). */
    background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'><polygon points='50,4 95,29 95,81 50,106 5,81 5,29' fill='none' stroke='%23fa4c10' stroke-width='4'/></svg>") no-repeat center / contain !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'><polygon points='50,4 95,29 95,81 50,106 5,81 5,29' fill='none' stroke='%23fa4c10' stroke-width='4'/></svg>") !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 56px !important;
    height: 62px !important;
    margin: 0 5px 14px 5px !important;
    transition: all 0.18s ease;
}
.ver_img:has(i.fa):hover,
.ver_img.has-fa:hover {
    /* Filled hexagon on hover — same shape, fill becomes solid orange */
    background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'><polygon points='50,4 95,29 95,81 50,106 5,81 5,29' fill='%23fa4c10' stroke='%23fa4c10' stroke-width='4'/></svg>") no-repeat center / contain !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'><polygon points='50,4 95,29 95,81 50,106 5,81 5,29' fill='%23fa4c10' stroke='%23fa4c10' stroke-width='4'/></svg>") !important;
    transform: translateY(-2px);
}
.ver_img i.fa {
    color: #fa4c10;
    font-size: 22px;
    line-height: 1;
    transition: color 0.18s ease;
}
.ver_img:hover i.fa,
.ver_img.has-fa:hover i.fa {
    color: #fff;
}

.bv-author-hero {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 40px 30px;
    margin: 28px 0 36px;
    background: linear-gradient(135deg, #fff7f2 0%, #ffffff 100%);
    border: 1px solid #ffd9c2;
    border-radius: 12px;
}
.bv-author-hero-avatar img,
.bv-author-hero-blank {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    border: 4px solid #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.bv-author-hero-blank {
    display: flex; align-items: center; justify-content: center;
    color: #c8cdd1; font-size: 60px;
}
.bv-author-hero-body { flex: 1; min-width: 0; }
.bv-author-hero-name {
    font-size: 32px;
    font-weight: 800;
    margin: 4px 0 12px;
    color: #1a202c;
}
.bv-author-hero-bio {
    font-size: 15.5px;
    line-height: 1.65;
    color: #4a5568;
    margin: 0 0 14px;
    max-width: 720px;
}
.bv-author-hero-stats {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 14px;
}
.bv-author-hero-stats strong { color: #fa4c10; font-size: 18px; }

.bv-author-empty {
    padding: 60px 30px;
    text-align: center;
    color: #718096;
    font-size: 16px;
    background: #f9fafb;
    border: 1px dashed #cbd5e0;
    border-radius: 10px;
}
.bv-author-empty .fa { font-size: 32px; display: block; margin-bottom: 10px; color: #cbd5e0; }

.bv-author-posts-title {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 18px;
    color: #1a202c;
}
.bv-author-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 30px;
}
.bv-author-card {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.bv-author-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.bv-author-card-link { display: block; color: inherit; text-decoration: none; }
.bv-author-card-link:hover { text-decoration: none; color: inherit; }
.bv-author-card-thumb { aspect-ratio: 16/9; overflow: hidden; background: #f1f3f5; }
.bv-author-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bv-author-card-thumb-blank { display: flex; align-items: center; justify-content: center; color: #c8cdd1; font-size: 40px; }
.bv-author-card-body { padding: 16px 18px; }
.bv-author-card-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1a202c;
    line-height: 1.4;
}
.bv-author-card-excerpt {
    font-size: 13.5px;
    color: #718096;
    line-height: 1.55;
    margin: 0 0 10px;
}
.bv-author-card-meta { font-size: 12px; color: #a0aec0; }
.bv-author-pagination { text-align: center; margin: 30px 0; }

@media (max-width: 700px) {
    .bv-author-hero {
        flex-direction: column;
        text-align: center;
        padding: 30px 22px;
    }
    .bv-author-hero-bio { max-width: 100%; }
    .bv-author-socials { justify-content: center; }
    .bv-author-hero-name { font-size: 26px; }
}

/* author-name link inside blog post meta + box */
.bv-meta-author-link, .bv-author-name-link {
    color: inherit;
    border-bottom: 1px dashed transparent;
    transition: border-color 0.15s ease;
    text-decoration: none;
}
.bv-meta-author-link:hover, .bv-author-name-link:hover {
    color: #fa4c10;
    border-bottom-color: #fa4c10;
    text-decoration: none;
}

/* ============================================================
   Blog Search — top of /blog
   ============================================================ */
.bv-blog-search {
    display: flex;
    gap: 0;
    margin: 18px 0 14px;
    max-width: 520px;
}
.bv-blog-search-input {
    flex: 1;
    height: 42px;
    border-radius: 6px 0 0 6px;
    border-right: 0;
    font-size: 15px;
}
.bv-blog-search-input:focus {
    border-color: #fa4c10;
    box-shadow: none;
    outline: none;
}
.bv-blog-search-btn {
    height: 42px;
    padding: 0 18px;
    background: #fa4c10;
    color: #fff;
    border: 1px solid #fa4c10;
    border-radius: 0 6px 6px 0;
    font-size: 15px;
}
.bv-blog-search-btn:hover { background: #e44109; color: #fff; }
.bv-blog-search-meta {
    margin: 10px 0 16px;
    color: #4a5568;
    font-size: 14px;
}
.bv-blog-search-meta a { color: #fa4c10; text-decoration: underline; }
.bv-blog-search-empty {
    padding: 30px 24px;
    background: #fff7f2;
    border: 1px dashed #ffd9c2;
    border-radius: 8px;
    text-align: center;
    color: #4a5568;
    font-size: 15px;
    margin-bottom: 20px;
}
.bv-blog-search-empty .fa { color: #fa4c10; margin-right: 6px; }

/* ============================================================
 * AdSense slot stability — Cumulative Layout Shift (Lighthouse CLS)
 * Ad wrappers carry an inline `min-height` to reserve space, but a
 * "responsive" AdSense ad can render TALLER than the reserve, which
 * inflates the wrapper and pushes content below it down (big CLS).
 * Pin each wrapper to its declared min-height (90px / 250px / etc.)
 * and clip overflow so the slot becomes a fixed-size box.
 * ============================================================ */
.adsense-wrapper{overflow:hidden!important}
.adsense-wrapper[style*="min-height:90px"]{height:90px!important;max-height:90px!important}
.adsense-wrapper[style*="min-height:100px"]{height:100px!important;max-height:100px!important}
.adsense-wrapper[style*="min-height:200px"]{height:200px!important;max-height:200px!important}
.adsense-wrapper[style*="min-height:250px"]{height:250px!important;max-height:250px!important}
.adsense-wrapper[style*="min-height:280px"]{height:280px!important;max-height:280px!important}
.adsense-wrapper .adsbygoogle{display:block!important}


/* ===== Video Downloader family — homepage sprite icons (new-icons.png) ===== */
.seo-box .video-downloader{background-position:0 -3600px}
.seo-box a:hover .video-downloader{background-position:0 -3690px}
.seo-box .twitter-video-downloader{background-position:-336px -3600px}
.seo-box a:hover .twitter-video-downloader{background-position:-336px -3690px}
.seo-box .tiktok-video-downloader{background-position:-168px -3600px}
.seo-box a:hover .tiktok-video-downloader{background-position:-168px -3690px}
.seo-box .pinterest-video-downloader{background-position:-252px -3600px}
.seo-box a:hover .pinterest-video-downloader{background-position:-252px -3690px}
.seo-box .reddit-video-downloader{background-position:-588px -3600px}
.seo-box a:hover .reddit-video-downloader{background-position:-588px -3690px}
.seo-box .dailymotion-video-downloader{background-position:-504px -3600px}
.seo-box a:hover .dailymotion-video-downloader{background-position:-504px -3690px}

/* Distinct icons for previously-generic tools (added 2026-06-19) */
.seo-box .ai-content-detector{background-position:0 -3780px}
.seo-box a:hover .ai-content-detector{background-position:0 -3960px}
.seo-box .code-difference-comparison{background-position:-168px -3780px}
.seo-box a:hover .code-difference-comparison{background-position:-168px -3960px}
.seo-box .text-compare{background-position:-252px -3780px}
.seo-box a:hover .text-compare{background-position:-252px -3960px}
.seo-box .keywords-research-tool{background-position:-336px -3780px}
.seo-box a:hover .keywords-research-tool{background-position:-336px -3960px}
.seo-box .questions-explorer-tool{background-position:-420px -3780px}
.seo-box a:hover .questions-explorer-tool{background-position:-420px -3960px}
.seo-box .emoji-icon{background-position:-504px -3780px}
.seo-box a:hover .emoji-icon{background-position:-504px -3960px}
.seo-box .exif{background-position:-588px -3780px}
.seo-box a:hover .exif{background-position:-588px -3960px}
.seo-box .exif-remover{background-position:-672px -3780px}
.seo-box a:hover .exif-remover{background-position:-672px -3960px}
.seo-box .rotate-image-online{background-position:-756px -3780px}
.seo-box a:hover .rotate-image-online{background-position:-756px -3960px}
.seo-box .upi-qr-code-generator{background-position:0 -3870px}
.seo-box a:hover .upi-qr-code-generator{background-position:0 -4050px}
.seo-box .youtube-tag-extractor{background-position:-84px -3870px}
.seo-box a:hover .youtube-tag-extractor{background-position:-84px -4050px}
.seo-box .paypal-donate-button-generator{background-position:-168px -3870px}
.seo-box a:hover .paypal-donate-button-generator{background-position:-168px -4050px}
.seo-box .unit-converter{background-position:-252px -3870px}
.seo-box a:hover .unit-converter{background-position:-252px -4050px}

/* --------------------------------------------------------------------------
   Heading scale
   A ~1.2 step off the 16px body copy, so every level sits at or above body
   size and steps down in order. Previously h2 was set to 24px here while h3
   was left on the framework's 28px, which made every h3 render larger than
   the h2 above it. h4 was 22px, also above the h3 it should sit under. All
   six levels are defined together now so the sequence cannot drift apart
   again. The colour that used to be pinned on h2 is gone, so headings
   inherit the body colour like every other level.
   -------------------------------------------------------------------------- */
h1, .h1 { font-size: 34px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 23px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }

/* The page title sits in the .tool_heading band, which pinned every heading
   inside it to 18px — smaller than the body copy's own h2s, so the title read
   as the least important thing on the page. 28px matches the size the rebuilt
   tools already set on their own titles, so every page now agrees. Only h1 is
   raised; the h2/h3 rule above still covers the odd sub-heading placed in the
   band, and the .th-title widget labels (SEARCH, LATEST BLOGS) are divs and so
   are untouched. Everything else about the band — Roboto Slab, uppercase,
   #505050 — is inherited from the original rule. */
.tool_heading h1 { font-size: 32px; }

/* Page-level titles all land on the same size: the tool/page band above and the
   blog post title. The blog index title is re-stated in blog.css, which loads
   after this file. */
.bv-title { font-size: 32px; }

/* Shared mobile scale. The .bv-content selectors are repeated because they are
   more specific than a bare h2/h3/h4 and would otherwise keep their desktop
   size on phones. */
@media (max-width: 767px) {
    h1, .h1 { font-size: 27px; }
    h2, .h2, .bv-content h2 { font-size: 23px; }
    h3, .h3, .bv-content h3 { font-size: 20px; }
    h4, .h4, .bv-content h4 { font-size: 18px; }
    h5, .h5 { font-size: 17px; }
    h6, .h6 { font-size: 16px; }
    .tool_heading h1, .bv-title { font-size: 26px; }
}

/* HOMEPAGE HERO — TOP SPACING.
   The banner had `padding-bottom:30px` and no top padding: the 30px above the
   search box came from the empty ad div that used to sit there (10px padding
   top and bottom plus a 10px margin). Removing the unused "Tools Page - Top"
   slot took that spacing with it and the search box ended up flush against the
   navbar. Declared properly here instead, and matched to the 30px already on
   the other side so the hero is symmetric. */
.home_page_banner { padding-top: 30px; }

/* ============================================================
   SIDEBAR TOOL LISTS — ONE HOVER FOR ALL THREE
   ============================================================
   Popular DocPivot Tools, Popular AI Tools and Popular SEO Tools are the same
   component three times, so they get one hover rule rather than one each.

   The DocPivot list used to carry .dp-hovr, styled in docpivot.css. That file
   loads on /doc/* only, so when the list went sitewide its rows had NO hover
   off /doc and its icons fell back to #333 instead of the brand orange. It uses
   .pg-hovr now — the theme's own class, already on the other two lists.

   The white text and icon on hover are new to .pg-hovr and therefore apply to
   all three lists. That is the point: the theme only set an orange background,
   leaving the row's #767676 label on #fa4c10 at 2.6:1, under the 4.5:1 floor.
   White on that orange is 3.6:1 for the label — still short of AA for body text
   but far better than what was there, and it matches what the DocPivot rows
   already did on /doc. */
.popular_tool_box ul .pg-hovr:hover a { color: #fff; text-decoration: none; }
.popular_tool_box ul .pg-hovr:hover .icon_image { color: #fff; }

/* The DocPivot rows draw inline SVG stroked with currentColor, so colouring the
   container is all that is needed — including the invert on hover above.
   Moved here from docpivot.css so it reaches every page the list appears on. */
.dp-poptools .icon_image {
    color: #fa4c10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dp-poptools .icon_image svg rect,
.dp-poptools .icon_image svg circle { vector-effect: non-scaling-stroke; }
[dir="rtl"] .dp-poptools .icon_image { float: right; margin-right: 0; margin-left: 10px; }

/* ==== DocPivot sprite cells (generated) ==== */
/* Written by theme/smallseo/docpivot/build-sprite.php — do not hand-edit,
   re-run that script instead. It rebuilds the sheet from the untouched
   img/new-icons.original.png and rewrites everything below this line. */
.seo-box .remove-pages-from-pdf {
    background-position: -0px -4140px;
}
.seo-box a:hover .remove-pages-from-pdf {
    background-position: -0px -4230px;
}
.seo-box .extract-pages-from-pdf {
    background-position: -84px -4140px;
}
.seo-box a:hover .extract-pages-from-pdf {
    background-position: -84px -4230px;
}
.seo-box .organize-pdf {
    background-position: -168px -4140px;
}
.seo-box a:hover .organize-pdf {
    background-position: -168px -4230px;
}
.seo-box .watermark-pdf {
    background-position: -252px -4140px;
}
.seo-box a:hover .watermark-pdf {
    background-position: -252px -4230px;
}
.seo-box .add-page-numbers-to-pdf {
    background-position: -336px -4140px;
}
.seo-box a:hover .add-page-numbers-to-pdf {
    background-position: -336px -4230px;
}
.seo-box .add-header-and-footer-to-pdf {
    background-position: -420px -4140px;
}
.seo-box a:hover .add-header-and-footer-to-pdf {
    background-position: -420px -4230px;
}
.seo-box .crop-pdf {
    background-position: -504px -4140px;
}
.seo-box a:hover .crop-pdf {
    background-position: -504px -4230px;
}
.seo-box .insert-blank-page-in-pdf {
    background-position: -588px -4140px;
}
.seo-box a:hover .insert-blank-page-in-pdf {
    background-position: -588px -4230px;
}
.seo-box .remove-blank-pages {
    background-position: -672px -4140px;
}
.seo-box a:hover .remove-blank-pages {
    background-position: -672px -4230px;
}
.seo-box .resize-pdf {
    background-position: -756px -4140px;
}
.seo-box a:hover .resize-pdf {
    background-position: -756px -4230px;
}
.seo-box .multiple-pages-per-sheet-pdf {
    background-position: -0px -4320px;
}
.seo-box a:hover .multiple-pages-per-sheet-pdf {
    background-position: -0px -4410px;
}
.seo-box .sign-pdf {
    background-position: -84px -4320px;
}
.seo-box a:hover .sign-pdf {
    background-position: -84px -4410px;
}
.seo-box .annotate-pdf {
    background-position: -168px -4320px;
}
.seo-box a:hover .annotate-pdf {
    background-position: -168px -4410px;
}
.seo-box .redact-pdf {
    background-position: -252px -4320px;
}
.seo-box a:hover .redact-pdf {
    background-position: -252px -4410px;
}
.seo-box .image-converter {
    background-position: -336px -4320px;
}
.seo-box a:hover .image-converter {
    background-position: -336px -4410px;
}
.seo-box .grayscale-image {
    background-position: -420px -4320px;
}
.seo-box a:hover .grayscale-image {
    background-position: -420px -4410px;
}
.seo-box .adjust-image {
    background-position: -504px -4320px;
}
.seo-box a:hover .adjust-image {
    background-position: -504px -4410px;
}
.seo-box .blur-image {
    background-position: -588px -4320px;
}
.seo-box a:hover .blur-image {
    background-position: -588px -4410px;
}
.seo-box .watermark-image {
    background-position: -672px -4320px;
}
.seo-box a:hover .watermark-image {
    background-position: -672px -4410px;
}
.seo-box .meme-generator {
    background-position: -756px -4320px;
}
.seo-box a:hover .meme-generator {
    background-position: -756px -4410px;
}
.seo-box .image-splitter {
    background-position: -0px -4500px;
}
.seo-box a:hover .image-splitter {
    background-position: -0px -4590px;
}
.seo-box .collage-maker {
    background-position: -84px -4500px;
}
.seo-box a:hover .collage-maker {
    background-position: -84px -4590px;
}
.seo-box .password-protect-pdf {
    background-position: -168px -4500px;
}
.seo-box a:hover .password-protect-pdf {
    background-position: -168px -4590px;
}
.seo-box .repair-pdf {
    background-position: -252px -4500px;
}
.seo-box a:hover .repair-pdf {
    background-position: -252px -4590px;
}
.seo-box .optimize-pdf-for-web {
    background-position: -336px -4500px;
}
.seo-box a:hover .optimize-pdf-for-web {
    background-position: -336px -4590px;
}
.seo-box .compress-pdf-to-100kb {
    background-position: -420px -4500px;
}
.seo-box a:hover .compress-pdf-to-100kb {
    background-position: -420px -4590px;
}
.seo-box .pdf-workflow {
    background-position: -504px -4500px;
}
.seo-box a:hover .pdf-workflow {
    background-position: -504px -4590px;
}
.seo-box .batch-pdf {
    background-position: -588px -4500px;
}
.seo-box a:hover .batch-pdf {
    background-position: -588px -4590px;
}
.seo-box .office-to-pdf {
    background-position: -672px -4500px;
}
.seo-box a:hover .office-to-pdf {
    background-position: -672px -4590px;
}
.seo-box .pdf-to-word {
    background-position: -756px -4500px;
}
.seo-box a:hover .pdf-to-word {
    background-position: -756px -4590px;
}
.seo-box .pdf-to-pdfa {
    background-position: -0px -4680px;
}
.seo-box a:hover .pdf-to-pdfa {
    background-position: -0px -4770px;
}
.seo-box .ocr-pdf {
    background-position: -84px -4680px;
}
.seo-box a:hover .ocr-pdf {
    background-position: -84px -4770px;
}
.seo-box .html-to-pdf {
    background-position: -168px -4680px;
}
.seo-box a:hover .html-to-pdf {
    background-position: -168px -4770px;
}
.seo-box .svg-to-pdf {
    background-position: -252px -4680px;
}
.seo-box a:hover .svg-to-pdf {
    background-position: -252px -4770px;
}
.seo-box .word-to-epub {
    background-position: -336px -4680px;
}
.seo-box a:hover .word-to-epub {
    background-position: -336px -4770px;
}
.seo-box .pdf-to-odt {
    background-position: -420px -4680px;
}
.seo-box a:hover .pdf-to-odt {
    background-position: -420px -4770px;
}
.seo-box .cbz-to-pdf {
    background-position: -504px -4680px;
}
.seo-box a:hover .cbz-to-pdf {
    background-position: -504px -4770px;
}
.seo-box .ai-pdf-editor {
    background-position: -588px -4680px;
}
.seo-box a:hover .ai-pdf-editor {
    background-position: -588px -4770px;
}
.seo-box .edit-pdf-text {
    background-position: -672px -4680px;
}
.seo-box a:hover .edit-pdf-text {
    background-position: -672px -4770px;
}
.seo-box .jpg-to-webp {
    background-position: -756px -4680px;
}
.seo-box a:hover .jpg-to-webp {
    background-position: -756px -4770px;
}
.seo-box .png-to-webp {
    background-position: -0px -4860px;
}
.seo-box a:hover .png-to-webp {
    background-position: -0px -4950px;
}
.seo-box .webp-to-jpg {
    background-position: -84px -4860px;
}
.seo-box a:hover .webp-to-jpg {
    background-position: -84px -4950px;
}
.seo-box .webp-to-png {
    background-position: -168px -4860px;
}
.seo-box a:hover .webp-to-png {
    background-position: -168px -4950px;
}
.seo-box .gif-to-png {
    background-position: -252px -4860px;
}
.seo-box a:hover .gif-to-png {
    background-position: -252px -4950px;
}
.seo-box .gif-to-jpg {
    background-position: -336px -4860px;
}
.seo-box a:hover .gif-to-jpg {
    background-position: -336px -4950px;
}
.seo-box .bmp-to-jpg {
    background-position: -420px -4860px;
}
.seo-box a:hover .bmp-to-jpg {
    background-position: -420px -4950px;
}
.seo-box .bmp-to-png {
    background-position: -504px -4860px;
}
.seo-box a:hover .bmp-to-png {
    background-position: -504px -4950px;
}
.seo-box .avif-to-jpg {
    background-position: -588px -4860px;
}
.seo-box a:hover .avif-to-jpg {
    background-position: -588px -4950px;
}
.seo-box .avif-to-png {
    background-position: -672px -4860px;
}
.seo-box a:hover .avif-to-png {
    background-position: -672px -4950px;
}
.seo-box .svg-to-png {
    background-position: -756px -4860px;
}
.seo-box a:hover .svg-to-png {
    background-position: -756px -4950px;
}
.seo-box .svg-to-jpg {
    background-position: -0px -5040px;
}
.seo-box a:hover .svg-to-jpg {
    background-position: -0px -5130px;
}
.seo-box .svg-to-webp {
    background-position: -84px -5040px;
}
.seo-box a:hover .svg-to-webp {
    background-position: -84px -5130px;
}
.seo-box .jfif-to-jpg {
    background-position: -168px -5040px;
}
.seo-box a:hover .jfif-to-jpg {
    background-position: -168px -5130px;
}
.seo-box .jfif-to-png {
    background-position: -252px -5040px;
}
.seo-box a:hover .jfif-to-png {
    background-position: -252px -5130px;
}
.seo-box .ico-to-png {
    background-position: -336px -5040px;
}
.seo-box a:hover .ico-to-png {
    background-position: -336px -5130px;
}
.seo-box .ico-to-jpg {
    background-position: -420px -5040px;
}
.seo-box a:hover .ico-to-jpg {
    background-position: -420px -5130px;
}
.seo-box .jfif-to-webp {
    background-position: -504px -5040px;
}
.seo-box a:hover .jfif-to-webp {
    background-position: -504px -5130px;
}
.seo-box .gif-to-webp {
    background-position: -588px -5040px;
}
.seo-box a:hover .gif-to-webp {
    background-position: -588px -5130px;
}
.seo-box .bmp-to-webp {
    background-position: -672px -5040px;
}
.seo-box a:hover .bmp-to-webp {
    background-position: -672px -5130px;
}
.seo-box .avif-to-webp {
    background-position: -756px -5040px;
}
.seo-box a:hover .avif-to-webp {
    background-position: -756px -5130px;
}
.seo-box .ico-to-webp {
    background-position: -0px -5220px;
}
.seo-box a:hover .ico-to-webp {
    background-position: -0px -5310px;
}
.seo-box .heic-to-jpg {
    background-position: -84px -5220px;
}
.seo-box a:hover .heic-to-jpg {
    background-position: -84px -5310px;
}
.seo-box .heic-to-png {
    background-position: -168px -5220px;
}
.seo-box a:hover .heic-to-png {
    background-position: -168px -5310px;
}
.seo-box .heic-to-webp {
    background-position: -252px -5220px;
}
.seo-box a:hover .heic-to-webp {
    background-position: -252px -5310px;
}
.seo-box .tiff-to-jpg {
    background-position: -336px -5220px;
}
.seo-box a:hover .tiff-to-jpg {
    background-position: -336px -5310px;
}
.seo-box .tiff-to-png {
    background-position: -420px -5220px;
}
.seo-box a:hover .tiff-to-png {
    background-position: -420px -5310px;
}
.seo-box .tiff-to-webp {
    background-position: -504px -5220px;
}
.seo-box a:hover .tiff-to-webp {
    background-position: -504px -5310px;
}
.seo-box .jpg-to-avif {
    background-position: -588px -5220px;
}
.seo-box a:hover .jpg-to-avif {
    background-position: -588px -5310px;
}
.seo-box .png-to-avif {
    background-position: -672px -5220px;
}
.seo-box a:hover .png-to-avif {
    background-position: -672px -5310px;
}
.seo-box .webp-to-avif {
    background-position: -756px -5220px;
}
.seo-box a:hover .webp-to-avif {
    background-position: -756px -5310px;
}
.seo-box .gif-to-avif {
    background-position: -0px -5400px;
}
.seo-box a:hover .gif-to-avif {
    background-position: -0px -5490px;
}
.seo-box .bmp-to-avif {
    background-position: -84px -5400px;
}
.seo-box a:hover .bmp-to-avif {
    background-position: -84px -5490px;
}
.seo-box .tiff-to-avif {
    background-position: -168px -5400px;
}
.seo-box a:hover .tiff-to-avif {
    background-position: -168px -5490px;
}
.seo-box .heic-to-avif {
    background-position: -252px -5400px;
}
.seo-box a:hover .heic-to-avif {
    background-position: -252px -5490px;
}
.seo-box .pdf-to-png {
    background-position: -336px -5400px;
}
.seo-box a:hover .pdf-to-png {
    background-position: -336px -5490px;
}
.seo-box .pdf-to-webp {
    background-position: -420px -5400px;
}
.seo-box a:hover .pdf-to-webp {
    background-position: -420px -5490px;
}
.seo-box .word-to-pdf {
    background-position: -504px -5400px;
}
.seo-box a:hover .word-to-pdf {
    background-position: -504px -5490px;
}
.seo-box .flatten-pdf {
    background-position: -588px -5400px;
}
.seo-box a:hover .flatten-pdf {
    background-position: -588px -5490px;
}
.seo-box .pdf-to-text {
    background-position: -672px -5400px;
}
.seo-box a:hover .pdf-to-text {
    background-position: -672px -5490px;
}
.seo-box .pdf-to-epub {
    background-position: -756px -5400px;
}
.seo-box a:hover .pdf-to-epub {
    background-position: -756px -5490px;
}
.seo-box .pdf-to-powerpoint {
    background-position: -0px -5580px;
}
.seo-box a:hover .pdf-to-powerpoint {
    background-position: -0px -5670px;
}


/* ================= SIDEBAR AD WIDTH =================================
 *
 * A DISPLAY CREATIVE CANNOT BE SERVED INTO 291px.
 *
 * The sidebar column hands the ad card 321px. `.box_shadow_border` then takes
 * 15px off each side for the card look, leaving 291 - and every standard IAB
 * display size the sidebar earns from is 300 wide or more (300x250 medium
 * rectangle, 300x600 half page, 336x280 large rectangle). Under 300 none of
 * them can be filled, so AdSense falls back to text and anchor units, which
 * reflow to any width and pay a fraction of a rectangle. Measured on both page
 * types: all four ad cards sat at 291px usable and every sidebar unit reported
 * data-ad-status="unfill-optimized".
 *
 * The card keeps its shadow, background and vertical rhythm; only the side
 * padding goes, which is the 30px standing between the sidebar and its
 * highest-value inventory. `.sidebar_adds` is emitted by exactly one place -
 * the ad renderer in sidebar.php - so nothing else is touched.
 */
.sidebar_adds.box_shadow_border {
  padding-left: 0;
  padding-right: 0;
}
/* The unit is centred in the card, so a creative narrower than the slot still
   sits where the eye expects it. */
.sidebar_adds .sideXd { text-align: center; }

/* The ad label. Quiet enough not to compete with the page, legible enough to
   actually inform: 12px is the floor for readable body text and #6b6b6b on
   white is 5.3:1, comfortably past the 4.5:1 minimum. It is a disclosure, so
   it must not be the thing a reader has to squint at.

   Sits inside the card, above the unit, with the side padding the card itself
   no longer carries. */
.sidebar_adds .ad-label {
  display: block;
  padding: 0 15px 6px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6b6b6b;
  text-align: left;
}

/* ---- newsletter strip: brand colours -----------------------------------
 *
 * The band arrived from the template in a flat #0162b8 blue with a #c34646
 * brick button, and it is the only blue on either site: the top nav, every
 * primary button and both wordmarks are #fa4c10. Sitting directly above the
 * dark footer it read as a third party's widget dropped into the page.
 *
 * The texture is kept, not replaced. That artwork is eight shades of one blue -
 * a #0162b8 ground with faint outline icons stepping down to #005bb8 - so it
 * was rebuilt as the identical ramp in the brand orange. Same icons, same
 * positions, same subtlety, only the hue moves. The band rule itself was
 * repointed at the new file rather than overridden here, because an override
 * leaves the browser downloading the old blue image as well; a solid #fa4c10
 * went on with it, covering ultrawide viewports where the 1920px tile seams.
 * ---------------------------------------------------------------------- */
/* The button cannot also be orange - on an orange band it would disappear, and
   this is the one action in the strip. It takes the footer's own #1c1c1c, so
   the strip reads as the top edge of the footer rather than a separate slab,
   and white on it measures 16:1. */
.f_intro_bg .search_button {
  /* Background only. The border this rule set in brick red has been zeroed to
     `none` further down the theme for years, on desktop and mobile alike, so a
     border-color here would be a dead declaration and a border shorthand would
     grow the button by 2px. */
  background: #1c1c1c;
}
.f_intro_bg .search_button:hover,
.f_intro_bg .search_button:focus {
  background: #000;
  color: #fff;
}
/* A KEYBOARD USER HAS TO SEE WHERE THEY ARE.
   The theme sets `outline: 0 !important` on this button, so tabbing to it used
   to change nothing visible; against the dark button the hover shift alone is
   almost imperceptible. box-shadow is not suppressed by that rule, and a white
   ring reads clearly on both the orange band and the button. */
.f_intro_bg .search_button:focus-visible {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #1c1c1c;
}

/* ---- FAQ accordion: brand colour, and one line instead of three ---------
 *
 * Both selectors below are emitted only by the FAQ accordion, so these are not
 * scoped further - nothing else on either site uses them.
 * ---------------------------------------------------------------------- */

/* The {h} highlight was #ea5050, a red left over from the template and the
   same off-brand family as the newsletter button. Brand orange at 600 also
   fixes a contrast problem the red had: #fa4c10 on the #fafafa header measures
   3.31:1, which is under the 4.5:1 floor for normal text but clears the 3:1
   floor for large text - and 20px at 600 IS large text. The red it replaces
   was 4.12:1 at normal weight, so it failed and this passes. */
.keyword_color {
  color: #fa4c10;
  font-weight: 600;
}

/* THREE LINES UNDER EVERY PANEL, NOT ONE.
   `.accordion_box` is a Bootstrap panel, so it already draws its own 1px
   bottom border, and this pseudo-element added a 3px DOUBLE border five pixels
   below it - a double border is two lines, so every panel closed with three
   stacked rules plus a shadow. The separator made sense when the panels had no
   gap between them; they now sit 15px apart with their own border and shadow,
   which is the separation it was drawing. */
.accordion_box:after { content: none; }

/* An FAQ answer is body copy and should read as body copy. It was 13px in
   `gray`, against 16px #333 everywhere else in the article - three pixels
   smaller and visibly washed out, and #808080 on white measures 3.95:1, under
   the 4.5:1 floor for text this size. Same size, same colour, same line-height
   ratio as the paragraphs above it now. `.acordion_body` is emitted only by
   this accordion, so nothing else moves. */
.acordion_body p,
.acordion_body li {
  font-size: 16px;
  color: #333;
  /* line-height is deliberately not set: body carries a unitless value that
     these already inherit, so restating it as 1.43 put the answer 0.02px off
     the paragraph above it for no reason. */
}

/* The question was the last thing in the accordion still speaking a different
   language: roboto slab at 20px in #5e5e5e, against open sans at 16px in #333
   everywhere else in the article. Same family, same size, same colour now.
   Weight 600 and the header's own background keep it reading as the question
   rather than as more answer, so the hierarchy survives the match. */
.acordion_link {
  font-family: "open sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #333 !important;   /* the base rule sets its grey with !important */
}

/* AT 16px THE HIGHLIGHT NEEDS A DARKER ORANGE.
   #fa4c10 measures 3.31:1 on the #fafafa header. That cleared the bar while
   the question was 20px/600 - large text, 3:1 - but 16px/600 is normal text
   and the floor goes back to 4.5:1. #c2400d is the same hue darkened, and it
   measures 5.01:1. */
.acordion_link .keyword_color { color: #c2400d; }

/* THE CHEVRON COLLIDED WITH A QUESTION THAT WRAPPED.
   It is a floated :after on a block-level link, so it sits beside the FIRST
   line and the rest of the question wraps around it - on a 390px screen a
   two-line question ran straight through the arrow. A flex row puts the text
   and the chevron in their own tracks and centres the arrow against the whole
   question however many lines it takes. Pre-existing, but this is the rule
   that owns it. */
.accordion_box .acordion_link {
  display: flex;
  align-items: center;
  gap: 12px;
}
.accordion_box .acordion_link:after {
  float: none;
  margin-left: auto;
  flex: 0 0 auto;
}

/* The question takes the free space; the chevron keeps its own track. min-width
   lets a long unbroken word wrap instead of forcing the row wider. */
.accordion_box .acordion_q { flex: 1 1 auto; min-width: 0; }

/* ── Newsletter strip: make it fit any language ───────────────────────────────
   The strip was a float layout with hardcoded pixels: a 1010px form, a 335px
   input and a 150px button tucked back by -55px. That left the heading a fixed
   budget of roughly 520px. English needs ~370px so it always fit; the
   translations do not - French measures 527px and Russian 515px, so the
   heading overflowed, the input group dropped to its own line and the button
   detached from it.

   Flex lets the two halves negotiate instead of relying on leftover space: the
   heading takes what it needs and may shrink, the input group keeps a usable
   minimum, and when there genuinely is not room they stack as a centred pair
   with the button still attached to the input. Desktop only - the existing
   mobile rules below 768px already stack this correctly and are left alone. */
@media (min-width: 768px) {
    .f_intro_bg .navbar-form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        column-gap: 4px;
        row-gap: 14px;
        width: 100%;
        max-width: 1010px;
        padding: 0 15px;
    }
    .f_intro_bg .f_icon { float: none; flex: 0 0 auto; }
    /* line-height was 64px to centre a single line; flex centres it now, and a
       normal line-height stops a wrapped heading opening a 64px gap. */
    .f_intro_bg .f_text {
        float: none;
        flex: 0 1 auto;
        /* a mobile rule sets width:100% on this span; left in place it makes the
           heading claim a whole flex line and everything below it wraps, no
           matter how short the string is. */
        width: auto;
        min-width: 0;
        line-height: 1.25;
        margin: 0 14px 0 10px;
    }
    /* Replaces Bootstrap's inline-table so the button cannot be squeezed off
       the input's edge when the heading is long. */
    .f_intro_bg .navbar-form .input-group {
        display: flex;
        /* basis is the SHRUNK-TO minimum, not the ideal: flex decides wrapping
           from the basis, so a large one wraps the line before shrinking can
           ever happen. Grow fills whatever the heading leaves. */
        flex: 1 1 320px;
        min-width: 300px;
        max-width: 560px;
        width: auto;
    }
    .f_intro_bg .navbar-form .input-group .search_input {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
    }
    .f_intro_bg .navbar-form .input-group .input-group-btn {
        display: flex;
        width: auto;
    }
    .f_intro_bg .navbar-form .input-group .search_button { flex: 0 0 auto; }
}

/* ── Primary nav: absorb longer translated labels ─────────────────────────────
   Dropping the "All" prefix from the three mega-menu labels took Russian from
   1202px of nav items to 1113px, which fits the 1127px nav at 1200px and up.
   Below that the Bootstrap container steps down to 970px and the nav to 955px,
   so the longest languages still wrapped the language switcher onto a second
   row. The navbar only collapses to the hamburger under 768px, so this band
   has to hold.

   Each item carries 15px of padding a side - 240px of slack across eight
   items. Reclaiming most of it, plus one font step, brings Russian to roughly
   914px inside 955px. Scoped to the band that needs it: 1200px and up keeps
   the original spacing untouched. */
/* Above 1200px there was no tightening at all, and DocPivot - which carries an
   extra "Convert" item - left Russian just 14px of slack in a 1080px nav. That
   is not a margin, it is a coincidence: a different font rendering or display
   scaling tips it onto a second row, which is exactly what was reported.
   Reclaiming 10px a side plus the li margin gives ~96px back.

   Scoped away from English on purpose. English needs 613px of a 921px nav and
   never had the problem, so its spacing stays pixel-identical; only the
   translated languages, which are the ones under pressure, are tightened. */
@media (min-width: 1200px) {
    html:not([lang="en"]) .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    html:not([lang="en"]) .navbar-nav > li { margin-right: 0; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-nav > li > a {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 15px;
    }
    /* each li also carries a 2px right margin - 16px across the row, which is
       enough on its own to tip Russian onto a second line. */
    .navbar-nav > li { margin-right: 0; }
}

/* Keyboard focus ring (security/quality audit 2026-09-26, WCAG 2.4.7).
   The legacy rules above strip the outline from every link and button with
   !important, so keyboard users could not see where focus was. :focus-visible
   only matches keyboard (and programmatic) focus, so mouse and touch clicks
   look exactly as before. Placed last so it wins over those !important rules. */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
[role="button"]:focus-visible,
summary:focus-visible {
    outline: 2px solid #fa4c10 !important;
    outline-offset: 2px !important;
}
/* Form fields whose outline was removed with nothing in its place (audit
   2026-10-01): .form-input (sign-in/sign-up modals), .search_field (home
   search) and the borderless .textarea_box textarea. Fields that already
   change border or shadow on focus (.form-control, .bv-search-input,
   .bv-blog-search-input) are left as they are. The home search follows
   those search inputs (orange border, no ring); the ring is drawn inside
   the textarea because its box has overflow-hidden parents. */
.form-input:focus-visible {
    outline: 2px solid #fa4c10;
    outline-offset: 2px;
}
.search_field:focus-visible {
    border-color: #fa4c10;
}
.textarea_box textarea:focus-visible {
    outline: 2px solid #fa4c10;
    outline-offset: -2px;
}

/* Step screenshots in a tool article's "How to use" list (same look as the DocPivot articles): full width of the
   list item so the image lines up with its step; the hairline border keeps the white tool UI apart from the page.
   Not scoped to .about_tool: 18 tools render their article outside it, and the 1400px image then
   overflowed the column and was cut off on the right (2026-10-18). */
.dp-step-img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: .75rem 0 1.4rem;
    border: 1px solid #e8ded8;
    border-radius: 12px;
}

/* Footer Quick Links in two columns so the list doesn't run long (2026-10-22). */
.mor_pages ul.tp-quicklinks { column-count: 2; column-gap: 24px; }
.mor_pages ul.tp-quicklinks li { break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; }

/* Brand footers: per-tool SVG icon inside the hexagon (2026-10-22) */
.ver_img.has-svg svg { width: 28px; height: 28px; color: #fa4c10; transition: color 0.18s ease; }
.ver_img.has-svg:hover svg { color: #fff; }