/*
	Theme Name: WP Theme
	Author: Amir Ali Khan
	Description: Simple Wordpress Boostrap theme, responsive on all devices.
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: bootstrap, responsive, adaptive, all-devices, mobile-devices
	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Exo2 */
@font-face { font-family: 'Exo2'; src: url('fonts/Exo_2/static/Exo2-Regular.ttf'); }
@font-face { font-family: 'Exo2-Bold'; src: url('fonts/Exo_2/static/Exo2-Bold.ttf'); }
@font-face { font-family: 'Exo2-Light'; src: url('fonts/Exo_2/static/Exo2-Light.ttf'); }
@font-face { font-family: 'Exo2-Medium'; src: url('fonts/Exo_2/static/Exo2-Medium.ttf'); }
body > .skiptranslate { display: none; }

/* bootstrap-icons */
@font-face { font-family: "bootstrap-icons"; src: url("fonts/bootstrap-icons.woff2") format("woff2") }	

/* site css */
body, html { overflow-x: hidden; margin: 0px; padding: 0px; font-family: 'Exo2'; font-size: 16px; line-height: 30px; }
/*li { list-style-type: none; padding-top: 7px; }*/
b, strong { font-family: 'Exo2-Bold'; }
h2 { text-align: left; font-size: 24px; }
h3 { text-align: left; }
h4 { text-align: left; margin-bottom: 2px; margin-top: 2px; }
p { text-align: left; font-size: 20px; text-align: justify; }
ul { list-style-position: outside; margin-bottom: 50px; }
li { text-align: left; font-size: 20px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 2px; margin-top: 10px; }
h3 { line-height: 1.3; }
th { background-color: #ddd; padding: 3px; }
/*iframe { width: 100%; margin-top: 15px; margin-bottom: 15px; }*/


.page-section { min-height: 900px !important; padding-bottom: 30px; }
.page-top { margin-top: 85px;  }
.blog-masthead { padding: 20px 0px 0px 10px; box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08); }
#bs-navbar-collapse { padding-top: 2px; float: right; }
.dropdown-menu { border: 0px; box-shadow: 0px; }
.navbar-nav>li>.dropdown-menu { border: 1px !important; border-radius: 0px; background-color: #fff; }
.blog-footer { text-align: center; }
/*.site-logo { max-width: 200px; }*/
.blog-header { z-index: 1 !important; }
.blog-head { text-decoration: none!important; color: #333!important; font-size: 30px!important; }
.blog-head:hover { text-decoration: none!important; color: #333!important; font-size: 30px!important; }
.page-head { font-size: 30px;  }
.col-md-9 { padding-right: 30px; }
/*.row { margin: 0px; }*/


/*menu desktop */
#mobile-menu { margin-top: -15px; border-bottom: 1px solid #ddd; }
#menu-menu-2 > li { padding: 7px; list-style-type: none; text-decoration: none !important; }
.dropdown-menu > li { padding: 10px; list-style-type: none; background-color: #fff !important; text-decoration: none !important; background-image: none !important; margin-top: -7px !important; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #fff !important; text-decoration: none !important; background-image: none !important; }
li.current>a:before { height: auto; margin-top: 10px; }
ul.nav > li.current > a:before, .page ul.nav > li.current-menu-item > a:before, 
.single-post ul.nav > li.current-menu-item > a:before, .archive ul.nav > li.current-menu-item > a:before { width: 0%; height: 2px; background: #fff; bottom: 0px; left: 0%;}
.menu-item a { color: #000 !important; }
.menu-item { margin: -15px !important; }
.navbar-default { background-color: #fff; border-color: #fff; padding-top: 10px; }
.navbar-inverse .navbar-nav > li > a { margin-right: 40px; }
.login #backtoblog, .login #nav { color: #fff; font-size: 16px; }
.reg-list-button, .red-btn { font-size: 18px; padding: 20px; width: 350px; }
#login-form { display: none; top: 170px; position: absolute; background-color: transparent; z-index: 1000000; }
#login-form-inner { background-color: #fff; padding: 25px 35px; border: 1px solid #ddd; width: 100%; transform: translate(140%, 0%); }
.bi { cursor: pointer; color: #fff !important; } 
#py-console-icon { color: #333; width: 40px !important; height: 40px !important; display: block; }

/* menu mobile */
.sub-menu > li { padding: 12px 10px 0px 10px; list-style-type: none; text-decoration: none !important; }

/* home page */
div.banner-outer-div {background-image: url('home-files/home-bg.jpg'); width: 100%; background-position: 50% 0%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align: center; margin-bottom: 30px; }
div.banner-inner-div { position: relative;  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.banner-inner-overlay { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; z-index: 999; height: 100%; }
.vertical-center { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner-text { color: #ffffff; padding-top: 10px; }

.site-prm-color { color: #000 !important }
.site-sec-color { color: green !important }
.site-bg-color { background-color: green !important }
.site-icon { font-size: 30px; padding-bottom: 25px; }
.home-section { padding: 50px 50px; }
.home-main-head { margin: 0px 10px 20px 0px; }
.home-consulting-boxes { padding: 40px; box-shadow: 0px 6px 20px 7px #eee; margin: 2px; margin-bottom: 20px; transition: 0.5s; background-color: #23225e; }
.home-consulting-boxes:hover { box-shadow: 1px 4px 20px -2px #0003; transform: translateY(-8px);}
.home-consulting-head { font-size: 24px; /* padding-bottom: 15px; */ color: #fff !important; }
.home-consulting-head2 { font-size: 24px; /* padding-bottom: 15px; */ color: #000 !important; }
.home-consulting-text { font-size: 18px;}
.service-box { border: 0px solid #eee; padding: 30px; margin: 15px; }
.big-hyphen { width: 70px; border: 1px solid green; margin-right: 20px; }
.big-hyphen-after { margin: -15px 10px 10px 0px; }

.home-case-boxes { background-color: #fff; padding-bottom: 0px; }
.home-case-images { margin-bottom: 20px; }
.home-section-gray { background-color: #f8f8f8; padding: 60px 60px; }

.site-button { border-radius: 3px; padding: 7px 30px 11px 30px; color: #fff; border: 0px; }
.home-why-choose { padding-top: 25px; }

.site-block-quote { position: relative; padding: 45px 15px 0px 30px; border-radius: 15px; border-left: 5px solid green; padding-bottom: -20px; }
.site-block-quote p { font-style: italic; margin-top: 0; }
.site-block-quote:before { content: "\201C"; font-size: 40px; line-height: 0; height: auto; display: block }
.site-block-quote:after  { content: "\201D"; font-size: 40px; }

.home-section-goals {  margin: 30px 0px 0px 0px; background-image: url('home-files/ai-circle.jpg'); background-repeat: no-repeat; padding: 100px 100px; background-position: 100% 40%; background-size: cover; }
.home-goals-text { opacity: .9; padding: 20px; background-color: #fff;  }

#the-header-row { background-color: #fff; padding-left: 20px; border-bottom: 1px solid #ddd }
#top-join { float: right; margin-right: 20px; margin-top: 25px; }
#logo-link { float: left; }

.slogan { color: #ffffff; }
.tagline { color: #ffffff; line-height: 40px; }

.accordion-content-inner > p { color: #333; padding-top: 15px; }
.bg-blue { background-color: rgba(23,129,241,1);color: #ffffff; border: 0px; }

#videoModal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
.videoModalContent { background-color: #000; margin: auto; padding: 10px; border: 0px; width: 65%; height: 65%; text-align: center; }
.videoClose { color: #ddd; float: right; font-size: 28px; font-weight: bold; }

iframe { width: 100%; margin-top: 15px; margin-bottom: 15px;  }
/*img { margin-top: 15px; margin-bottom: 15px;  }*/
.btn-success2 { background-color: green !important; border: 0px; border-radius: 1px; color: #fff; }
.btn-success2:hover { color: #fff; }

footer { background-color:#0e0d0d; color: #aaa; padding-top: 40px; }
.footer-ul { margin-left: -22px !important;  }
.footer-li { margin: -15px !important;  }
.footer-hr { border: 1px solid #333; }
.footer-socials { margin-right: 15px; font-size: 20px; color: #aaa !important; }
.footer-socials:hover { color: #fff !important; }
.footer-links { color: #aaa !important; }
.footer-links:hover { color: #fff !important; text-decoration: none; }
.footer-copyrights { margin-top: 5px; }
#to-top { display: none; padding: 8px 12px 10px 12px; border-radius: 5px; bottom: 30px; right: 30px; color: #000; position: fixed; font-size: 35px; cursor: pointer; background-color: #999; }

/* css-it */
.center-it { text-align: center !important; }
.justify-it { text-align: justify !important; }
.dark-it { color: #333 !important; }
.darkbg-it { background-color: #333 !important; }
.bold-it { font-weight: bold !important; }
.equal-it { margin: 0 auto !important; }
.equal-rl-it { margin-left: auto !important; margin-right: auto !important; }
.tighten-it { margin: 0px !important; padding: 0px !important; }
.widen-it { width: 100% !important; }
.left-it { text-align: left !important; }
.fleft-it { float:left !important; }
.fright-it { float:right !important; }
.right-it  { float: right !important; }
.hide-it { display: none !important; }
.show-it { display: block !important; }
.inline-it { display: inline !important; }
.center-img { display: block; margin-left: auto; margin-right: auto; }
.radius10-it { border-radius: 10px; }
.white-it { color: #fff !important; }
.whitebg-it { background-color: #fff !important; }
.black-it { color: #000 !important; }
.cursor-it { cursor: pointer !important; }
.clear-it { clear: both !important; }
.border-it { border: 1px solid #ddd; }
.nounderline-it { text-decoration: none !important; }

.fs12-it { font-size: 12px !important; }
.fs14-it { font-size: 14px !important; }
.fs16-it { font-size: 16px !important; }
.fs18-it { font-size: 18px !important; }
.fs20-it { font-size: 20px !important; }
.fs26-it { font-size: 26px !important; }
.fs30-it { font-size: 30px !important; }
.fs40-it { font-size: 40px !important; }
.fs50-it { font-size: 50px !important; }

.wd100-it { width: 100px !important; }
.wd150-it { width: 150px !important; }
.wd200-it { width: 200px !important; }
.wd250-it { width: 250px !important; }
.wd300-it { width: 300px !important; }
.wd350-it { width: 350px !important; }
.wd100pc-it { width: 100% !important; }

.p20-it { padding: 20px !important; }
.p10-it { padding: 10px !important; }
.p5-it { padding: 5px !important; }
.pt7-it { padding-top: 7px; }

.m20-it { margin: 20px !important; }
.ml20-it { margin-left: 20px !important; }
.ml15-it { margin-left: 15px !important; }
.mr20-it { margin-right: 20px !important; }
.mt15-it { margin-top: 15px !important; }
.mt10-it { margin-top: 10px !important; }
.mt5-it { margin-top: 5px !important; }
.mr15-it { margin-right: 15px !important; }
.mb15-it { margin-bottom: 15px !important; }
.mb10-it { margin-bottom: 10px !important; }
.mb25-it { margin-bottom: 25px !important; }
.mb20m-it { margin-bottom: -20px !important; }

.lh15-it { line-height: 1.5 !important; }
.lh20-it { line-height: 2 !important; }

.light-grey-it { color: #ccc; }
.font-big { font-size: 50px; }
.svg-icon { margin-right: 15px; }

.vertical-center { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.prevent-copy-paste { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.the-highlight { background-color: #ddd; padding: 20px; text-align: left; font-size: 18px; margin-bottom: 30px; }

.max-width-350 { max-width: 350px!important; }
.min-height-700 { min-height: 700px!important; }
.max-height-400 { max-height: 400px!important; }
.max-height-175 { max-height: 175px!important; }

button {text-transform: none; }
.the-code { text-align: left; margin-top: 0px; margin-bottom: 10px; letter-spacing: 2px; background-color: #eee; padding: 15px; }
.the-code-copy { float: right; right: 20px; background-color: green; color: #fff; cursor: pointer; padding: 7px; border-radius: 5px; }
.section-break { height: 15px; }
.section-sm-break { height: 30px; border-top: 1px solid #ddd; margin-top: 30px; }

.my-tests-modals { display: none; z-index: 10000; width: 500px; position: absolute; top: 50px; left: 325px; background-color: #fff; padding: 20px; border: 1px solid #ddd; }

/* paid payment pro pages */
.pmpro_box li { margin: 7px !important; }
.pmpro_billing_wrap li { margin: 7px !important; }
.pmpro_confirmation_wrap li { margin: 7px !important; }
.pmpro_invoice_wrap li { margin: 7px !important; }
.pmpro_box h3 { margin-bottom: 10px !important; }
#pmpro_account-profile { display: none; }
#pmpro_actionlink-levels { display: none; } /* view membership options */
#display_name { pointer-events: none; }
#account_display_name { pointer-events: none; }
.pmpro_box > ul > li:first-child{ display: none; }
.language-switcher { display: none; }


/*solar general */
#container-solar { float: left; scale: .15; }
#container-solar .orbit { border: solid; border-color: #666 transparent transparent transparent; border-radius: 50%; border-width: 1px 1px 0 0; box-sizing: border-box; position: absolute; transform: rotate(0deg); transform-origin: center;}
#container-solar .orbit#earth-orbit { -webkit-animation: orbit 25s linear infinite; animation: orbit 25s linear infinite; height: 300px; left: 50px; top: 50px; width: 300px; }
#container-solar .orbit#moon-orbit  { -webkit-animation: orbit 2s linear infinite; animation: orbit 2s linear infinite; height: 80px; left: -25px; top: -25px; width: 80px; }
#container-solar .orbit .globe { border-radius: 50%; position: absolute; }
#container-solar .orbit .globe#earth { background: #34a56f; height: 30px; right: 28px; top: 28px; width: 30px; }
#container-solar .orbit .globe#moon { background: #d6d6d6; height: 12px; right: 2px; top: 8px; width: 12px; }
@-webkit-keyframes orbit { to { transform: rotate(360deg);}}
@keyframes orbit { to { transform: rotate(360deg); }}

/*translate */
.desktop-translate { top: 10px; right: 20px; position: fixed; }


/* Media Queries */

/* Non Cellphones */
@media only screen and (min-width: 480px) {	
	.header.header > .navbar { height: 62px; }
	#main-nav { min-height: 62px; }
	.navbar-brand { margin-top: -7px; }
	.navbar-collapse { margin-top: -5px; }
	#cli-frame { width: 39%; }
	.service-img { width: 325px !important; height: 215px !important; display: block; margin-left: auto; margin-right: auto;  }
}


/* Desktop */
@media (min-width: 1330px) { 
	.list-grid { margin-left: -30px !important; margin-bottom: 20px; }
	.top-search-boxes { margin-left: -13px; }
	.top-head-courses { margin-left: 10px; }
	.menu-item { margin-right: 15px; }
	#container-solar { margin-left: -4px; margin-top: 2px; }
	.dropdown-menu > li { border: 1px solid #ddd; padding-bottom: 27px; }
	.img-responsive-big { max-width: 450px !important; }
}
@media (min-width: 1026px) { 
	#the-header-row { height: 76px; }
	#top-logo { height: 65px; margin-top: 5px; }
	.logo-footer { margin-top: -15px; }
	.page-post-margin-top { margin-top: 100px; }
	#container-solar { margin-left: -2px; margin-top: 2px;}
	#the-desktop-menu { margin-top: 30px !important }
}

/* iPad - Tablets */
@media only screen and (max-width:1025px) { 
	#the-header-row { height: 76px; }
	#top-logo { height: 65px; }
	#to-top { bottom: 10px; right: 10px; }
	#container-solar { margin-left: -2px; margin-top: 2px;}
	#the-desktop-menu { margin-top: 30px !important }
}
@media only screen and (max-width: 991px) { 
	#top-join { display: none!important; }
	#to-top { bottom: 10px; right: 10px; }
	#container-solar { margin-left: -2px; margin-top: 2px;}
}

/* Cellphones */
@media only screen and (max-width: 480px) {	
	#top-logo { height: 37px; margin-top: 15px; }
	#the-header-row { height: 65px; }
	.big-hyphen { display: none; }

	.top-tel { display: none; }
	.tel-bottom { display: block; }
	.blog-masthead { height: 80px; }
	.navbar-default { background-color: #fff;  border-color: #fff;  border: 0px !important; width: 50px; float: right; margin-top: -70px;}
	#bs-navbar-collapse { background-color: #fff; }
	.navbar-collapse { margin-left: -200px; background-color: #fff; z-index: 100000000 !important }
	#login-form-inner { transform: translate(26%, 0%); }
	#cli-frame { width: 85%; }

	.home-consulting-text { padding-left: 20px; padding-right: 20px; }
	.home-section-goals { background-position: 45% 40%; }
	#to-top { bottom: 10px; right: 10px; }
	.menu-item a { line-height: 45px; text-decoration: none; }
	.img-responsive { max-width: 425px; display: block; margin-left: auto; margin-right: auto;  }
	#container-solar { margin-left: -15px; margin-top: 2px; }
	.hide-on-mobile { display: none; }
	.home-software-cloud { text-align: center !important; }
}



/* custom sealers page */

.customrow h3{
    font-size: 20px;
    margin-bottom: 0;
}
.customrow .customhr{
    margin-top: 0;
	margin-left: 0;
margin-bottom: 40px;
}

.customcolumn ul li, .customcolumn ol li{
	margin-bottom: 10px;
	margin-left: 8px;
}

.customcolumn ul > li > b,
.customcolumn ul > li > span, .customcolumn ol  > li > span{
	margin-left: 10px;
display: inline-block;
}

.customrow .checkmark ul{
/*	list-style: disc url('/wp-content/uploads/2017/03/proxseal-list-type.png');*/
font-weight:bold;
}

.customrow .thumbsup ul{
/*	list-style: disc url('/wp-content/uploads/2017/03/rec-list-type.png');*/
font-weight:bold;
}
.customrow .thumbsup + p{
 display:none;
}
ul.afterthumbs{
	font-weight:normal;
	list-style-type:none;
    margin-top: -7px;
}

.customrow .caution ul{
/*	list-style: disc url('/wp-content/uploads/2017/03/caution-list-type.png');*/
margin-bottom: 18px;
}

.customrow .coverage ul{
/*	list-style: disc url('/wp-content/uploads/2017/03/coverage-list-type.png');*/
}

/*.customrow .bluenumbered ol{
	counter-reset: item;
list-style-type:none;
}

.customrow .bluenumbered ol li{
	margin-bottom: 30px;
}

.customrow .bluenumbered ol li::before {
  display: inline-block;
    content: counter(item);
    counter-increment: item;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    margin-left: -2em;
    background-color: #0086cb;
    color: #fff;
	font-weight:bold;
    margin-right: 6px;
	position:absolute;
}

.customcolumn .bluenumbered ol  > li > span{
display: inline-block;
margin-top: -5px;
}*/

.customrow img{
	margin-bottom: 35px;
}
.customcolumn{
	padding-left:15px;
padding-right:15px;
}

.customcolumn .tagline2{
	font-size:20px;
    margin-bottom: 5px;
	font-style: italic;
}

.customcolumn .callus{
	font-size:20px;
    margin-bottom: 33px;
	font-style: italic;
	color:#06b02e;
}

.customcolumn .callus a{
background-color:#06b02e;
	font-size:28px;
    color:#FFF;
	width: 300px;
    padding: 19px 32px 15px;
    border-radius: 5px;
    font-style: normal;
display: inline-block;
    margin-top: 13px;
}
.customcolumn .callus a:hover{
background-color:#026319;
}
.customcolumn .callus a > i{
    margin-right: 14px;
}
.customcolumn .callus a:hover, .customcolumn .callus a:active,
.customcolumn .callus a:focus{
    text-decoration: none;
}

.customcolumn h2 + p{
	margin: 0;
}

.customcolumn ul, .customcolumn ol{
    margin-left: 20px;
}

.caret { display: none !important; }

@media screen and (max-width:767px){
	.customcolumn{
		width:100% !important;
	}
}

@media (max-width: 480px){
	h2 {
	    font-size: 20px !important;
	}
	.customcolumn .callus a{
		font-size:20px;
		padding: 15px 19px;
	    text-align: center;
	}
}