/*********************************style******************/
body, html {
    margin: 0;
    padding: 0
}

body, html, ol, ul {
    padding: 0
}

a, hr {
    color: #72b241
}

.divide10, .divide20, .divide30, .divide40, .divide50, .divide60, .nav:after {
    clear: both
}

.nav, .nav ul, ol, ul {
    list-style: none
}

.banner-slider img, img {
    max-width: 100%
}

.blue-bg.page-template h2, .process-flow li p.text {
    text-transform: uppercase
}

@font-face {
    font-family: Roboto;
    src: url(fonts/hinted-Roboto-Light.eot);
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/hinted-Roboto-Light.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-Roboto-Light.woff2) format('woff2'), url(fonts/hinted-Roboto-Light.woff) format('woff'), url(fonts/hinted-Roboto-Light.ttf) format('truetype'), url(fonts/hinted-Roboto-Light.svg#Roboto-Light) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(fonts/hinted-Roboto-Medium.eot);
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/hinted-Roboto-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-Roboto-Medium.woff2) format('woff2'), url(fonts/hinted-Roboto-Medium.woff) format('woff'), url(fonts/hinted-Roboto-Medium.ttf) format('truetype'), url(fonts/hinted-Roboto-Medium.svg#Roboto-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(fonts/hinted-Roboto-Bold.eot);
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/hinted-Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-Roboto-Bold.woff2) format('woff2'), url(fonts/hinted-Roboto-Bold.woff) format('woff'), url(fonts/hinted-Roboto-Bold.ttf) format('truetype'), url(fonts/hinted-Roboto-Bold.svg#Roboto-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(fonts/hinted-Raleway-Bold.eot);
    src: local('Raleway Bold'), local('Raleway-Bold'), url(fonts/hinted-Raleway-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-Raleway-Bold.woff2) format('woff2'), url(fonts/hinted-Raleway-Bold.woff) format('woff'), url(fonts/hinted-Raleway-Bold.ttf) format('truetype'), url(fonts/hinted-Raleway-Bold.svg#Raleway-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

html {
    overflow-x: hidden;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

body {
    background: #fff;
    font-family: Roboto;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.div10, .div100, .div12, .div15, .div20, .div23, .div25, .div30, .div33, .div35, .div40, .div45, .div5, .div50, .div55, .div60, .div65, .div70, .div75, .div80, .div85, .div90, .div95 {
    float: left;
    min-height: 1px;
    text-align: left
}

.div100 {
    width: 100%
}

.div95 {
    width: 95%
}

.div90 {
    width: 90%
}

.div85 {
    width: 85%
}

.div80 {
    width: 80%
}

.div75 {
    width: 75%
}

.div70 {
    width: 70%
}

.div65 {
    width: 65%
}

.div60 {
    width: 60%
}

.div55 {
    width: 55%
}

.div50 {
    width: 50%
}

.div45 {
    width: 45%
}

.div40 {
    width: 40%
}

.div35 {
    width: 35%
}

.div33 {
    width: 33.333%
}

.div30 {
    width: 30%
}

.div23 {
    width: 23%
}

.div25 {
    width: 25%
}

.div20 {
    width: 20%
}

.div15 {
    width: 15%
}

.div12 {
    width: 12%
}

.div10 {
    width: 10%
}

.div5 {
    width: 5%
}

footer, header, section {
    padding: 0;
    display: inline-block;
    width: 100%
}

footer, section {
    margin: -7px 0
}

.wrapper {
    margin: 0 auto
}

.ctext {
    text-align: center
}

.ltext {
    text-align: left
}

.rtext {
    text-align: right
}

.floatl {
    float: left
}

.floatr {
    float: right
}

hr, ol, ul {
    float: left
}

a {
    text-decoration: none
}

a:focus, input:focus, textarea:focus {
    outline: 0;
    color: #000
}

ol, ul {
    margin: 0;
    width: 100%;
    font-size: 17px
}

.page-content ul li, .content-div .left ul li {
    list-style-image: url(../images/list-icon.png);
    padding-left: 5px;
    margin: 10px 0 10px 25px;
    line-height: 26px;
    list-style-position: outside
}
.homelist{
	list-style-image: url(../images/list-icon.png);
    padding-left: 5px;
    margin: 10px 0 10px 25px;
    line-height: 26px;
    list-style-position: outside
}

#header-row.sticky #header .nav li li a, h3, p {
    line-height: 28px
}

h1, h2, h3, h4, h5, h6 {
    margin: 20px 0;
    padding: 0;
    font-weight: 700;
    letter-spacing: 1.5px
}

h1 {
    font-size: 32px;
    line-height: 32px
}

h2 {
    font-size: 30px;
    line-height: 30px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 26px;
    line-height: 26px
}

h5 {
    font-size: 20px;
    line-height: 20px
}

h6 {
    font-size: 18px
}

h4 strong {
    font-size: 22px;
    color: #777
}

hr {
    width: 60%;
    margin: 10px 20%;
    height: 1px;
    border: 0;
    border-top: 1px solid #72b241;
    box-shadow: none
}

hr.sep, hr.sepl, hr.sepw {
    width: 40px;
    border: 0;
    color: #b7df63;
    position: relative;
    height: 10px
}

hr.sep {
    margin: 0 auto;
    border-top: 2px solid #72b241;
    box-shadow: none;
    float: none;
    top: 8px
}

hr.full, hr.sepl, hr.sepw {
    margin: 5px 0;
    box-shadow: none
}

hr.sepl, hr.sepw {
    float: left;
    border-top: 2px solid #72b241;
    top: 0;
    text-align: left
}

.divide10, .divide20, .divide30, .divide40, .divide50, .divide60, hr.full, p {
    width: 100%
}

hr.full {
    float: left;
    height: 1px;
    border: 0;
    color: #72b241;
    border-top: 1px solid #72b241
}

.breadcum, .breadcum a, .nav a, .nav a:hover, .nav li.active a, .toggleMenu, hr.sepw {
    color: #fff
}

.nav li a:hover, .nav li.active a {
    color: #72b241;
}
.nav li.active ul.white li a{
    color: #fff !important;
}
.nav li.active  ul.white li:hover a{
    color: #72b241 !important;
	text-decoration:underline;
}

.breadcum a:not([href]) {
    font-weight: 500;
}

.breadcum a:not([href]):hover {
    color: #fff;
}

.breadcum a:hover {
    color: #ccc
}

hr.sepw {
    border-top: 2px solid #fff;
    height: 2px
}

p {
    margin: 15px 0;
    font-size: 17px;
    display: inline-block
}

strong {
    font-weight: 700
}

.divide10 {
    float: left;
    height: 10px
}

.divide20 {
    float: left;
    height: 20px
}

.divide30 {
    float: left;
    height: 30px
}

#nav-below .assistive-text {
    display: none;
}

.divide40 {
    float: left;
    height: 40px
}

.divide50 {
    float: left;
    height: 50px
}

.divide60 {
    float: left;
    height: 60px
}

.toggleMenu {
    display: none;
    background: #72b241;
    padding: 10px 0;
    float: right;
    width: 60px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 20px
}

.nav {
    margin: 10px 0;
    padding: 0 !important;
    float: right;
    width: auto !important;
    display: block;
    font-size: 15px
}

.nav:after, .nav:before {
    content: " ";
    display: table
}

.nav ul {
    min-width: 190px;
    margin: 0;
    padding: 10px 0 !important;
    background: rgba(000, 000, 000, 1)
}

.nav li, .nav ul li {
    list-style: none;
    padding: 0 !important;
    background: 0 0 !important;
    margin-bottom: 0 !important
}

.nav a {
    padding: 10px 10px;
    font-weight: 500;
}

.current-menu-item a {
    color: #72b241;
}

.nav li {
    position: relative
}

.nav > li {
    float: left
}

.nav > li > .parent {
    background-image: url(../images/downarrow.png);
    background-repeat: no-repeat;
    background-position: right
}

.drop-down {
    display: none
}

.nav li li a, .nav > li > a {
    display: block
}

.nav li ul {
    position: absolute;
    left: -9999px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
	width:250px;
}

.nav > li.hover > ul {
    left:0px;
}

.nav > li > ul > li{width:100%;float:left;}

.nav li li.hover ul {
    left: 100%;
    top: 0
}

.nav li li a {
    background: rgba(000, 000, 000, .85);
    position: relative;
    z-index: 100;
    border-top: 0 solid #ddd;
    text-align: left;
    font-size: 14px;
    padding: 4px 12px
}

.nav li li li a {
    background: #fff;
    z-index: 200;
    border-top: 1px solid #ddd
}

@media screen and (max-width: 1200px) {
    .active {
        display: block
    }

    .nav {
        float: left;
        width: 100%;
        display: none;
        margin: 0;
        background: #fff;
        min-width: 100%;
        position: absolute;
        z-index: 100000;
        left: 0;
		top:100px;
    }

    .nav:after, .nav:before {
        content: " ";
        display: none
    }

    .nav > li {
        float: none;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .nav li:last-child {
        border-bottom: 0 solid #fff
    }

    .nav > li > .parent {
        background-position: 95% 50%
    }

    .nav a {
        background: #72b241;
        color: #fff;
        padding: 10px 0;
        text-indent: 15px
    }

    #header-row.sticky #header .nav li li a {
        line-height: 28px;
        padding: 22px 0
    }

    .nav li:hover a {
        background-color: #5595dd;
        color: #fff
    }

    .nav li:hover li a {
        background-color: #000;
        color: #fff
    }

    .nav li li:hover a {
        background-color: #666
    }

    .nav li li .parent {
        background-image: url(../images/downarrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%
    }

    .drop-down {
        display: block;
        float: right;
        width: 30px;
        height: 30px
    }

    .nav > li > .parent {
        background-image: none
    }

    .nav ul {
        display: block;
        width: 100% !important;
		height:200px;
		overflow:auto;
    }
	.nav > li.hover > ul {
    left: 0px;
	}

	.nav > li > ul > li{width:100%;float:left;}

}

header {
    padding-top: 15px;
    background: url(../images/bannerbg.jpg) center center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%
}

#header-row.sticky {
    position: fixed;
    font-size: 24px;
    height: 48px;
    width: 100%;
    background: rgba(0, 0, 0, .95);
    text-align: left;
    padding: 10px 0;
    z-index: 100000;
    left: 0;
    top: 0;
    transition: all linear .5s
}

#header-row.sticky #header {
    padding: 0 5%
}

#header-row.sticky #header .nav {
    margin: 0
}

#header-row.sticky #header a.logo img {
    height: 38px
}

#header-row.sticky #header .toggleMenu {
    top: 10px
}

.header-call-us {
    display: none
}

#header-row.sticky #header .header-call-us {
    background: #f14c38;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 7px 10px;
    display: inline-block;
    font-weight: 700;
    border-radius: 30px;
    margin-top: 5px;
    float: right
}

.page-template h2 {
    margin-bottom: 0;
    margin-top: 10px
}

.page-template {
    padding: 20px 0 !important
}

.breadcum {
    font-size: 13px;
    width: 100%;
    float: left
}

.banner-slider {
    position: relative;
    margin-top: 50px
}

.bannerimage {
    position: relative;
    top: 7px;
    min-height: 410px;
}

.bannerimage img {
    position: absolute;
    left: 35%;
    bottom: -27px;
}

.bannerimage h1 {
    color: #fff;
    font-size: 62px;
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
    line-height: 64px;
}

.bannerimage h5 {
    color: #fff;
    font-size: 25px;
    margin-left: 49px;
}

.bannerimage h6 {
    color: #fff;
    float: left;
    margin: 0px
}

.badge, .banner-text, img.scroll-down {
    position: relative
}

.banner-text h1, .banner-text h5, .banner-text h6 {
    margin: 0 0 10px;
    padding: 0;
    color: #fff
}

.call-us, .page-template .call-us {
    background: #f14c38;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    text-align: center
}

.banner-text h1 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 52px;
    line-height: 48px;
    margin-bottom: 20px
}

.banner-text h5, .banner-text h6 {
    font-size: 28px;
    font-family: Roboto;
    float: left
}

.banner-text h5 {
    font-weight: 700;
    line-height: 22px
}

.banner-text h6 {
    font-weight: 300;
    margin-right: 10px
}

.call-us, .contact-details, .year {
    font-weight: 700
}

img.scroll-down {
    top: 24px;
    text-align: center;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.call-us {
    border: 2px solid #fff;
    font-size: 30px;
    border-radius: 30px;
    margin-bottom: 30px
}

.page-template .call-us {
    border: 2px solid #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 30px;
    margin-top: 15px
}

.copyright {
    font-size: 13px
}

.social-share {
    margin: 5px 20px
}

.contact-details {
    margin: 40px 0
}

.contact-details .div33 {
    margin-bottom: 20px
}

.contact-details .fa {
    font-size: 32px
}

.blue-bg {
    background: #72b241;
    color: #fff;
    padding: 40px 0
}

.dblack-bg, .lblack-bg {
    padding: 20px 0;
    color: #fff
}

.lblack-bg {
    background: #282b2d
}

.dblack-bg {
    background: #000
}

.years-of-experience {
    font-size: 24px
}

.badge {
    width: 125px;
    height: 125px;
    background: url(../images/badge.png) center center no-repeat;
    margin: 0 auto 30px;
    text-align: center
}

.year {
    position: absolute;
    top: 42px;
    text-align: center;
    width: 100%;
    font-size: 42px;
    color: #fff;
    font-family: Roboto
}

.home-about-us {
    font-size: 18px;
    line-height: 30px
}

.content-div {
    padding: 30px 0
}

.content-div h2 {
    margin-bottom: 0
}

.process-flow {
    margin: 40px 0 20px
}

.circle, .circle img {
    margin: 0 auto
}

.circle {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 10px;
    text-align: center;
    border: 1px solid #11c3f1;
    position: relative
}

.count-circle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: -13px;
    top: 35%;
    border: 3px solid #fff;
    background: #455ac0;
    line-height: 26px
}

.process-flow li {
    position: relative;
    text-align: center
}

.process-flow li img.process-flow-sep {
    position: absolute;
    top: 33%;
    left: -20%
}

.process-flow li:first-child img.process-flow-sep {
    display: none
}

.process-flow li p.text {
    margin: 5px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #535353
}

.left {
    padding-right: 25px;
    float: left
}

.right {
    padding-left: 10px;
    float: right
}

.quickcontact label {
    width: 100%;
    float: left
}

.quickcontact input[type=text] , .quickcontact select{
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 36px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    text-indent: 10px
}
.quickcontact select{height:28px !important;}
.quickcontact textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 120px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    text-indent: 10px;
    padding: 10px 0
}

.quickcontact input[type=submit], a.readmore {
    border: 0;
    background: #72b241;
    color: #fff;
    font-weight: 700;
    padding: 12px 30px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    transition: all linear .5s
}

.link_heading, .nav-single .nav-next {
    text-align: right
}

.quickcontact input[type=submit]:hover, a.readmore:hover {
    background: #444
}

a.readmore {
    padding: 5px 10px;
    margin-bottom: 30px
}

.blog-post h3.entry-title, .single-post h1.entry-title {
    font-weight: 500;
    margin-bottom: 5px
}

.blog-post h3.entry-title a, .single-post h1.entry-title a {
    font-size: 26px;
    letter-spacing: .3px;
    color: #72b241
}

.blog-post h3.entry-title a:hover {
    color: #000;
}

.nav-single {
    width: 100%;
    float: left;
    margin-top: 20px
}

.nav-single .nav-next, .nav-single .nav-previous {
    width: 50%;
    float: left
}

.nav-single .nav-next a, .nav-single .nav-previous a {
    font-size: 13px;
    color: #72b241;
    width: 90%;
    font-weight: 500
}

.blog-post .nav-previous a:hover, .blog-post .nav-next a:hover, .single-post .nav-previous a:hover, .single-post .nav-next a:hover {
    color: #111;
}

.post-meta {
    font-size: 13px;
    color: #666
}

.post-meta a {
    text-decoration: underline;
    color: #000
}

.post-meta a.date {
    text-decoration: none
}

#left .not-found {
    text-align: center;
    min-height: 300px
}

#left .not-found h1 {
    font-size: 48px
}

#left .not-found h4 {
    margin: 5px 0
}

#left .nfsearchform {
    max-width: 280px;
    margin: 40px auto;
    display: inline-block
}

.not-found input[type=text] {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 37px;
    margin-bottom: 15px;
    float: left;
    width: 200px;
    text-indent: 10px;
    margin-right: 5px
}

.not-found input[type=submit] {
    border: 0;
    background: #72b241;
    color: #fff;
    font-weight: 700;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    transition: all linear .5s
}

.not-found input[type=submit]:hover, a.readmore:hover {
    background: #444
}

.not-found label.screen-reader-text {
    display: none
}

.form-style-2 {
    max-width: 600px;
    padding: 20px 12px 10px 20px;
    font: 13px;
    background: rgba(255, 255, 255, .75)
}

.form-style-2-heading, .price_helper {
    font-weight: 700;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 3px
}

.form-style-2-heading {
    font-size: 15px
}

.link_heading {
    font-family: arial;
    padding-bottom: 3px
}

.address_heading {
    font-family: caption;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 3px;
    text-align: center
}

.price_helper {
    font-size: 15px
}

span#price_helper {
    color: red
}

.form-style-2 label {
    display: block;
    margin: 0
}

.form-style-2 label > span {
    width: 135px;
    font-weight: 500;
    float: left;
    padding-top: 8px;
    padding-right: 5px
}

.form-style-2 span.required {
    color: red
}

.form-style-2 .tel-number-field {
    width: 40px;
    text-align: center
}

.form-style-2 input.input-field {
    width: 48%
}

.form-style-2 .drivetime, .form-style-2 .ground_level, .form-style-2 .helpers, .form-style-2 .hours, .form-style-2 .select-field, .form-style-2 .tel-number-field, .form-style-2 .textarea-field, .form-style-2 input.input-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: 0
}

.form-style-2 .input-field:focus, .form-style-2 .select-field:focus, .form-style-2 .tel-number-field:focus, .form-style-2 .textarea-field:focus {
    border: 1px solid #0C0
}

.form-style-2 .textarea-field {
    height: 100px;
    width: 55%
}

.form-style-2 input[type=button], .form-style-2 input[type=submit] {
    border: none;
    padding: 10px 18px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 15px
}

.form-style-2 input[type=button]:hover, .form-style-2 input[type=submit]:hover {
    background: #EA7B00;
    color: #fff
}

.error_msg_style {
    color: red;
    font-size: 14px;
    padding: 10px;
    width: 229px
}

.ribbon h2 {
    margin: 0;
    background: #f14c38;
    font-size: 20px;
    padding: 5px 0;
    text-indent: 10px;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.moving-calculator {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    position: relative;
    z-index: 101;
    display: table;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 5px;
    padding: 10px 15px;
}

.moving-calculator .div30 {
    width: 100%;
}
.moving-calculator .div45{
	width:45%;margin-right:5%;
}
.moving-calculator .div45.lastdiv{
	width:45%;margin-right:0%;float:right;
}
.moving-calculator .right {
    padding: 0px !Important;
}

.moving-calculator h2 {
    margin: 0px !important;
}

.moving-calculator hr.sepl {
    height: 3px;
}

.moving-calculator .quickcontact input[type=text], .moving-calculator .quickcontact select {
    height: 24px;
    width: 100%;
    margin-bottom: 5px;
}

.moving-calculator .quickcontact textarea {
    height: 60px;
    margin-bottom: 5px;
    width: 100%;
}

.moving-calculator .divide30 {
    height: 10px;
}

.moving-calculator .my-notify-error, .moving-calculator .my-notify-info, .moving-calculator .my-notify-success, .moving-calculator .my-notify-warning {
    width: 93%;
}

.my-notify-error, .my-notify-info, .my-notify-success, .my-notify-warning {
    padding: 7px 10px;
    margin: 10px 0 !important;
    width: 95%;
    font-size: 13px;
    float: left
}

.my-notify-error:before, .my-notify-info:before, .my-notify-success:before, .my-notify-warning:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.my-notify-info:before {
    content: "\f05a"
}

.my-notify-success:before {
    content: '\f00c'
}

.my-notify-warning:before {
    content: '\f071'
}

.my-notify-error:before {
    content: '\f057'
}

.my-notify-info {
    color: #00529B;
    background-color: #BDE5F8
}

.my-notify-success {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px solid #4F8A10;
    line-height: 18px
}

.my-notify-warning {
    color: #9F6000;
    background-color: #FEEFB3
}

.my-notify-error {
    color: #e04f42;
    background-color: #FFBABA;
    border: 1px solid #D8000C;
    line-height: 18px;
}
/**service**/
.service-div{display:inline-block;width:100%;margin-bottom:20px;}
.serviceBox{
    background: #fff;
    text-align: center;
    padding: 20px 10px;
    position: relative;
}
.serviceBox:hover{
    background:#6678cc;
}
.serviceBox .service-icon{
    width: 100px;
    height: 100px;
    line-height: 95px;
    border-radius: 50%;
    border: 3px solid #b3b3b3;
    font-size: 50px;
    color: #b3b3b3;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}
.serviceBox:hover .service-icon{
    transform: rotateY(360deg);
    color: #fff;
    border-color: #fff;
    background: #455ac0;
}
.serviceBox .service-content{display:inline-block;}
.serviceBox .service-content h3 a{
    font-size: 22px;
    color: #333;
}
.serviceBox .service-content p{
    font-size: 14px;
    padding: 0;
    margin: 15px 0 15px;
    color:#333;
}
.serviceBox:hover h3 a,
.serviceBox:hover p{
    color:#fff;
}
.serviceBox .btn{
    background: #455ac0;
    color: #fff;
    padding: 10px 35px;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}
.serviceBox:hover .btn{
    background: #333;
    color: #fff;
}
@media screen and (max-width: 990px){
    .serviceBox{
        margin-bottom: 20px;
        padding: 20px 0;
    }
}
.blog-section article{width:100%;float:left;}
.blog-section article h3{margin:10px 0 0 0;}
.blog-section article h3 a{color:#455ac0;}
.blog-section article h3 a:hover{color:#333;}
.nav-previous a{display:inline-block;padding:5px;background:#dedede;border-radius:3px;cursor:pointer;margin-right:5px;float:left;width:24px;height:24px;text-align:center;line-height:24px;color:#455ac0}
.nav-previous a.active, .nav-previous a:hover{background:#455ac0;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;}
.page-content ol , .left ol{ list-style: none;}
.page-content ol li , .left ol li { counter-increment: item;margin-bottom: 5px;line-height:28px; }
.page-content ol li:before, .left ol li:before { margin-right: 10px;content: counter(item);background: #455ac0;border-radius: 100%;color: #fff;width:28px;height:28px;text-align: center;display: inline-block; }
.blog-section p{margin:8px 0;}
/***********mobile**************/
@media only screen and (min-width: 320px) and (max-width: 768px) {
   
   #header-row.sticky #header .header-call-us, .process-flow li img.process-flow-sep, img.scroll-down {
        display: none
    }

    .bannerimage {
        min-height: auto;
    }

    .div10, .div100, .div12, .div15, .div20, .div23, .div25, .div30, .div33, .div35, .div40, .div45, .div5, .div50, .div55, .div60, .div65, .div70, .div75, .div80, .div85, .div90, .div95 {
        float: left;
        margin-bottom: 5px;
        width: 100%
    }

    .left {
        padding-right: 0;
        float: left
    }

    .right {
        padding-left: 0;
        float: right
    }

    .social-share {
        margin: 5px 15px
    }

    #header-row.sticky #header .nav li li a {
        line-height: 28px;
        padding: 5px 0
    }
	#header-row.sticky{position:relative;}
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    #header-row.sticky #header .header-call-us {
        display: none;
    }

    .bannerimage img {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 1130px) {
    #header-row.sticky #header .nav {
        margin: 0 0 0 0px;
    }
}

@media only screen and (min-width: 320px) {
    .wrapper {
        width: 300px
    }

    .not-found input[type=text] {
        width: 180px
    }
	.moving-calculator {
		width: 250px;
	}
}

@media only screen and (min-width: 360px) {
    .wrapper {
        width: 340px
    }

    .not-found input[type=text] {
        width: 200px
    }
	.moving-calculator {
		width: 280px;
	}
}

@media only screen and (min-width: 480px) {
    .wrapper {
        width: 460px
    }
}

@media only screen and (min-width: 640px) {
    .wrapper {
        width: 620px
    }
	.nav > li > ul > li{width:100%;float:left;}
}

@media only screen and (min-width: 760px) {
    .wrapper {
        width: 740px
    }
	.nav > li > ul > li{width:100%;float:left;}
}

@media only screen and (min-width: 800px) {
    .wrapper {
        width: 780px
    }

    .process-flow li img.process-flow-sep {
        width: 70px
    }
}

@media only screen and (min-width: 900px) {
    .process-flow li img.process-flow-sep {
        width: 85px
    }
}

@media only screen and (min-width: 980px) {
    .wrapper {
        width: 940px
    }

    .process-flow li img.process-flow-sep {
        width: 90px
    }
}

@media only screen and (min-width: 1000px) {
    .wrapper {
        width: 990px
    }
	.nav > li > ul > li{width:100%;float:left;}
}

@media only screen and (min-width: 1200px) {
    .wrapper {
        width: 1000px
    }
	#header-row.sticky .nav a{padding:4px 5px;}
	#header-row.sticky .nav li li a{line-height:22px;padding:1px 10px;}
}
@media only screen and (min-width: 1300px) {
	#header-row.sticky .nav a{padding:4px 10px;}
	#header-row.sticky .nav li li a{line-height:22px;padding:1px 10px;}
}

@media only screen and (min-width: 1600px) {
    .wrapper {
        width: 1000px
    }
}