/*  CSS Backup  */


/*
Theme Name: Centerline Billing
Theme URI: https://centerlinebilling.com/
Author: Emarketed
Author URI: https://emarketed.com
Description: CUstom theme for Centerline Billing
Version: 99.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/




@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
body	
{	margin:0 auto; padding:0;
	font-family:'Open Sans', sans-serif;
	color:#454545; font-size:13px; font-weight:400;
	background:#ffffff;
}

form{padding:0; margin:0;}

p	{ font-family:'Open Sans', sans-serif;; color:#454545; font-size:13px; font-weight:400; margin:0 0 15px 0;}
h1	{ font-family:'Open Sans', sans-serif;; color:#454545; font-size:20px; font-weight:400; margin:0 0 15px 0;}
h2	{ font-family:'Open Sans', sans-serif;; color:#454545; font-size:18px; font-weight:400; margin:0 0 15px 0;}
h3	{ font-family:'Open Sans', sans-serif;; color:#454545; font-size:16px; font-weight:400; margin:0 0 15px 0;}

iframe, img, embed, object, video, canvas { max-width: 100% }
img	{ border:none; vertical-align:middle; height:auto;}

a	{ outline:none; text-decoration:none; color:#cdcdcd; }
div { outline:none; }
a:hover
{	opacity:0.8;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.fclear {clear:both; float:none; height:0px; overflow:hidden;}
.fleft  {float:left;}
.fright {float:right;}

* {box-sizing: border-box;}
*:before, *:after {
    box-sizing: border-box;
}
input, select, textarea	
{	color:#666; font-size:13px; font-family:'Open Sans', sans-serif;; padding:3px; vertical-align:middle;	}

.pagemn{ max-width:1292px; margin:0 auto;padding-left: 20px;padding-right: 20px;}

.section1{float:left; width:100%; background:#ffffff; padding:30px 0}
.half_lt{float:left; width:48%;}
.half_rt{float:right; width:48%;}
.call_text{float:right; width:auto; margin:15px 0 0 0; font-size:20px; color:#348aa7;}
.call_text a{font-weight:700; color:#1f2728; font-size:20px; padding:0 0 4px 5px}
.call_text a:hover{color:#41add2}

.section2{float:left; width:100%; background:#348aa7; height:50px;}
.section3{float:left; width:100%; background:url(images/banner_bg.jpg) no-repeat left top; background-size: cover; padding:50px 0; border-top:1px solid #ffffff;}
.slide .half_rt img{border-radius:3px}
.slide .half_lt h2{font-weight:600; color:#ffffff; margin:0 0 10px 0; font-size:48px; line-height:50px;}
.slide .half_lt h3 { color: #fff; font-weight: 600; font-size: 18px; }
.slide .half_lt h2 span{font-weight:800; display:block;}
.slide .half_lt p{font-weight:400; color:#ffffff; margin:0 0 0 0; font-size:15px; line-height:24px; width:75%;}
.slide .half_lt p:last-child{width:auto;}
.slide .half_lt p a{color:#ffffff; font-weight:700; padding:10px 20px; border:1px #fff solid; text-transform:uppercase; line-height:normal; border-radius:3px; display:inline-block; /*margin:30px 0 0 0 */ margin:25px 0 0 0;}
.slide .half_lt p a:hover{background:#348aa7; opacity:1}
.slide .half_lt{/*margin:90px 0 0 0 */ margin:0px;padding-left:10px;}
.section4{ float:left; width:100%; text-align:center; background:#ffffff; /*padding:60px 0 80px 0*/ padding:50px 0 50px 0;}
.sec_title::after{background:#348aa7; height:2px; width:88px; display:inline-block; content: ""; margin:22px 0 25px 0}
.sec_title h2{font-weight:300; font-size:44px; color:#348aa7; margin:0}
.sec_title p{font-weight:400; font-size:15px; color:#454545; margin:0}
.section4 h4{ font-weight:600; font-size:18px; padding:0 14%; margin:0 0 25px 0}
.section4 p{ font-weight:400; font-size:16px; padding:0 14%; margin:0}
.section4 p a{background:#56876d; font-size:14px; font-weight:700; text-transform:uppercase; border-radius:3px; padding:10px 20px; color:#ffffff; display:inline-block; margin:28px 0 0 0}
.section4 p a:hover{background:#348aa7; opacity:1}
.section4.about_us_page p a{color:hsl(195.1, 52.5%, 42.9%);background: none;text-transform: none;font-size: 16px;font-weight: 400;padding: 0px; margin:0px;}
.section4.about_us_page p a:hover{background:none; opacity:.7}
.section5{float:left; width:100%; background:url(images/sec5_bg.jpg) repeat-x left top #fff; /* padding:65px 0 */ padding:50px 0}
.section5 .sec_title::after{background:#e3e3e3; height:2px; width:88px; display:inline-block; content: ""; margin:20px 0 25px 0}
.section5 .sec_title h2{font-size:44px; color:#fff;}
.section5 p{font-weight:400; font-size:16px; color:#ffffff; margin:0; width: 49%;}
.section5 p a{display:inline-block; color:#fff; font-weight:700; font-size:14px; border-radius:3px; text-transform:uppercase; }
/* .section5 p a:hover{background:#fff; color:#333} */
.box_mn{float:left; width:100%;}
.box{float:left; width:23%; margin:0 30px 20px 0; text-align:center}
.box:nth-child(4n){margin-right:0}
.services_img img{border-radius:3px}
.services_img {margin:0 0 20px 0}
.services_text {padding:0 10px}
.services_text h3{font-weight:600; font-size:19px; color:#ffffff; margin:0 0 10px 0}
.services_text p{font-weight:400; font-size:14px; color:#ffffff; width:100%;}
.services_text p a{display:inline-block; color:#fff; font-weight:700; font-size:14px; text-transform:uppercase; width:100%; }
/* .services_text p a:hover{background:#348aa7; opacity:1; color:#fff;} */
.services_text p.service_content{min-height:120px;}
.more-caret { display: inline-block; max-width: 30px; margin-left: -5px; margin-top: -2px; }
.post-edit-link{display:none;}
.section6{float:left; width:100%; background:#f2f2f2; border-top: 2px solid #348aa7; /* padding:55px 0; */ padding:50px 0;}
.section6 .pagemn{max-width:700px}
.section6 .half_lt{width:62%; }
.main_service {
    min-height: 45px;
}
.section6 .half_rt{/*width:30%;*/ width:36%; padding:50px 0 0 0}
.section6 h3{font-size:28px; color:#444444; font-weight:300;}
.section6 p{font-size:16px; color:#444444; font-weight:300; margin:0; line-height:25px;}
.section6 p a{font-weight:600; color:#348aa7;}
.section6 .half_rt a{font-weight:700; font-size:18px; color:#ffffff;background:#348aa7; text-transform:uppercase; padding:15px 20px; border:1px #fff solid; border-radius:3px;}
.section6 .half_rt a:hover{background:#56876d;color:#ffffff; opacity:1}

.contact-us-page .social {
    margin-bottom: 30px;
}
.section7{float:left; width:100%; background: rgb(52,138,167);
background: linear-gradient(153deg, rgba(52,138,167,1) 0%, rgba(52,138,167,1) 30%, rgba(52,138,167,1) 55%, rgba(70,151,177,1) 65%, rgba(122,186,207,1) 80%, rgba(146,203,221,1) 90%, rgba(193,226,235,1) 100%); padding:40px 0 30px 0}
.section7 .f_col-3 { background: none; }
.f_col-3{float:left; width:100%; padding:0}
.col-3{ float:left; width:33.33%}
.f_col-3 h3{font-weight:700; font-size:18px; color:#fff; text-transform:uppercase; position:relative; margin:0 0 30px 0}
.f_col-3 h3::after{background:#fff; height:2px; width:55px; display:inline-block; content: ""; margin:22px 0 25px 0; position:absolute; left:0; top:15px}
.f_col-3 .half_lt{width:40%;}
.f_col-3 .half_rt{float:left}
.f_col-3 ul{list-style:none; padding:0; margin:0}
.f_col-3 ul li{list-style:none; padding:0; margin:0 0 10px 0}
.f_col-3 ul li a{font-weight:300; font-size:15px; color:#ffffff}
.f_col-3 p{color:#ffffff; margin:0 0 15px 0; font-size:15px; font-weight:300}
.f_col-3 h3.last{margin:30px 0}
.mid_sec p a{display:inline-block; /*margin:0 20px 0 0 */ margin: 0 5px 0 0;}
.term_policy{float:left; width:100%; padding:20px 0 20px 0px; color:#fff; font-size:14px; font-weight:300}
.term_policy a{color:#fff; font-size:14px; font-weight:300}
.copyright{float:left; width:100%; border-top:1px #394a41 solid; padding:25px 0 0 0; margin-top:25px;}
img.footer-logo { max-width: 60px; float: left; display: block; }
.privacy-block { display: inline-block; margin-left: 30px; margin-top: 8px; }
.copyright p{margin:0; font-weight:300; font-size:14px; color:#ffffff7a; line-height:24px;}
.privacy-block a { color: #ffffff; }
.about_us_page p{margin:0 0 30px 0}
.about_us_page p:last-child{margin:0}
.service_detail_mn{/*padding:70px 0; */padding:50px 0;  float:left; width:100%;}
.service_detail_mn .sec_title h2{font-size:32px; font-weight:600}
.service_detail_mn p span{font-size:18px; color:#454545; font-weight:600}
.service_detail_mn p{font-size:16px; color:#454545; font-weight:400; /*margin:0 0 30px 0 */ margin:0 0 10px 0}
.service_detail_mn p:last-child{margin:0}
.rt_img{float:right; margin:0 0 30px 30px; padding-top:10px;}
.service_detail_mn .sec_title::after{margin:15px 0 20px 0}
.services_page_mn{padding:50px 0 50px 0; border-top: 1px solid #fff;}
.services_page_mn .services_text h3 {
    font-weight: 600;
    font-size: 19px;
    color: #444444;
    margin: 0 0 10px 0;
}

.services_page_mn .services_text {
    padding: 0 10px;
}

.services_page_mn .services_img {
    margin: 0 0 20px 0;
}

.services_page_mn .services_text p {
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    width: 100%;
}

.services_page_mn .section5 p {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    width: 49%;
}

.services_page_mn .services_text p a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #56876d;
    border-radius: 3px;
    padding: 13px 30px;
    text-transform: uppercase;
    /* margin: 25px 0 20px 0; */
    margin: 10px 0 10px 0;
}

.services_page_mn .section5 p a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border: 1px #fff solid;
    border-radius: 3px;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 15px 0 40px 0;
}

.services_page_mn .services_text p a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    width: auto;
}

/* Contact  Us */

.contact-us-page {
    text-align: left;
    margin-top: 50px;
}
.contact-us-page h3 {
    font-size: 24px;
    color: #454545;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px
}
.contact-us-page h3:after {
    width: 55px;
    height: 2px;
    background: #348aa7;
    content: "";
    display: block;
    margin-top: 20px;
}
.contact-us-page ul {
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0
}
.contact-us-page ul li {
    font-size: 20px;
    color: #222;
    line-height: 43px
}
.contact-us-page ul li a {
    color: #222;
    text-decoration: none
} 
.contact-us-page ul li span {
    display: inline-block;
    width: 21px;
    text-align: center;
    margin-right: 15px;
}
.social a {
    /* margin: 0 28px 0 0; */
	margin: 0 5px 0 0;
}
.conatct_form {
    background: #348aa7;
    color: #fff;
    padding: 28px;
    border-radius: 3px;
}
.conatct_form h3 {
    color: #fff;
}
.conatct_form h3:after {
    background: #fff;
}
.form-group {
    margin-bottom: 20px;
}
.contact-map {
    margin-bottom: -84px;
    margin-top: 80px;
}
.submit-btn {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border: 1px #fff solid;
    border-radius: 3px;
    padding: 12px 33px;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    background: none;
    cursor: pointer;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    font-family: inherit
}
.submit-btn:hover {
    background: #fff;
    color: #333;
}

.form-control {
    border: 0;
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
    color: #444444;
    border-radius: 3px;
}
.section4.about_us_page.privacy_policy,  .section4.about_us_page.terms{
	text-align:left;
}
.section4.about_us_page.privacy_policy p, .section4.about_us_page.terms p{
	margin:0px;
	padding:0px;
}
/*======== Start header and Menu class ========*/
.section2 nav {
    max-width: 70%;
    float: left;
}
.section2 nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.section2 nav ul li {
	float: left;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
	margin-left: -1px;
	background: url(images/sep.png) no-repeat right center;
}
.section2 nav ul li.current-menu-item {
    background: #2c7790;
}
.section2 nav ul li:last-child {
	background: none
}
.section2 nav ul li:last-child.current-menu-item {
    background: #2c7790;
}

.section2 nav ul li a {
    color: #fff;
    padding: 13px 25px;
    display: inline-block;
    min-height: 50px
}



.section2 .getintouch {
    float: right;
    color: #fff;
	padding-top: 7px;
    font-size: 15px;
}
.section2 .getintouch a {
	 margin-left: 5px;
	 color: #fff;
     text-decoration: underline;
}

a.menu-toggle {display: none}

.bx-wrapper {/*margin: 0 auto 10px!important;*/ margin: 0 auto 0px!important;}
.bx-controls {display: none;}
.services_page_mn .box {
    width: 47%;
}


/* ======= Start Sub menu  ============== */

ul.sub-menu{
  display: none;
  position: absolute;
  background-color: #348aa7;;
  min-width: 280px;
  z-index: 10000;
}
ul.sub-menu li{
  color: black;
  padding:0px;
  text-decoration: none;
  display: block;
  background:none !important;
  width: 100%;
}
ul.sub-menu li.current-menu-item {
    background: #2c7790 !important;
}
ul.sub-menu li:hover {background-color: #2c7790 !important;}

#menu-item-29:hover ul.sub-menu{display: block;}

/*======== Start footer class ========*/




/*======== Start content class ========*/
/*===============keep screen 1024=============*/
@media screen and (max-width: 1252px) 
{
.pagemn{padding:0 15px}
.box{margin: 0 26px 0 0;}
.services_text h3{font-size:18px;}
.f_col-3{padding:0 }
.col-3{padding:0 20px 0 0}
.f_col-3 .half_lt{width:33%;}
.f_col-3 .half_rt{width:53%;}
}

/*===============keep screen 768=============*/
@media screen and (max-width: 999px) 
{
.slide .half_lt {margin: 0;}
.slide .half_lt h2{font-size:32px}
.section4 p, .section4 h4{padding:0}
.box {margin: 0 19px 0 0;}
.services_text h3 {min-height: 50px;}
.col-3{padding:0}
.mid_sec{padding:0 30px 0 0}
.f_col-3 .half_lt {width: 38%;}
.term_policy{padding:0 0 20px 0}
	.services_page_mn .box {
		width: 42%;
		margin: 0px 18px 8px 30px;
	}
}

/*===============keep screen 480=============*/
@media screen and (max-width: 767px) 
{
.half_lt{width:100%;}
.half_rt{width:100%;}
.section1{text-align:center}
.call_text{float:none;}
.slide .half_lt{ margin:0 0 20px 0}
.section3{padding-bottom:20px; background-size:cover}
.section4{padding:20px 0 50px 0}
.section5 p{width:100%;}
.box{margin:0 10px 20px 10px; width:45%;}
.services_text h3 {min-height:inherit;}
.section5{padding-bottom:0}
.section6 .half_lt {width:100%;}
.section6 .half_rt{float:left; width:100%;}
.col-3{width:100%; margin:0;}
.mid_sec{margin:30px 0; padding:0}
.main-navigation {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    max-width: none!important;
    float: none!important;
    clear: both;
    margin: 0 -15px;
}
.main-navigation.show {
    display: block;
    max-height: 500px
}
a.menu-toggle {
    float: right;
    color: #fff;
    padding: 13px 0;
    display: block
}
.section2 .getintouch {
    float: left
}
.section2 {height: auto}
.section2 nav ul li {float: none;}
.section2 nav ul li a {display: block;padding: 14px 15px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.section2 nav ul li:first-child a {padding-left: 15px;}
.section2 nav ul li.active {margin: 0px 0 -1px 0;}
	.services_page_mn .box {
		margin:0 10px 20px 10px;
		width:45%;
	}
ul.sub-menu{
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
	padding-left: 40px !important;
}

} 


/*===============keep screen 320=============*/
@media only screen and (max-width: 692px) and (min-width: 655px) {
	.services_page_mn .box {
		margin: 0 10px 20px 20px;
		width: 41%;
	}
}


@media screen and (max-width: 600px) 
{	
	.services_page_mn .box {
		float: none;
    	margin: 0 auto 20px;
    	width: 70%;
	}
}

@media screen and (max-width: 479px) 
{
.box {
    float: none;
    margin: 0 auto 20px;
    width: 70%;
}
.box:last-child{margin:0 auto}
.f_col-3 .half_rt {
    width: 60%;
}
}