/*
  Project Name : Appliance Repair
  Author Company : oLanding
  Author Website : http://www.olanding.com
  Author Email : admin@olanding.com
*/
    
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700');
    @import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
    /*Placeholder style*/
    
    ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000;
        font-size: 14px;
    }
    
    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
        font-size: 14px;
    }
    
    :-ms-input-placeholder {
        /* IE 10+ */
        color: #000;
        font-size: 14px;
    }
    
    :-moz-placeholder {
        /* Firefox 18- */
        color: #000;
        font-size: 14px;
    }
    /*************************
*******Typography******
**************************/
    
    body {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 14px;
    }
    
    html {
        font-size: 100%;
        /* 1 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
        -moz-text-size-adjust: 100%;
        /* 2 */
        -ms-text-size-adjust: 100%;
        /* 2 */
    }
    
    html,
    body {
        overflow-x: hidden;
        width: 100%;
    }
    
    .wow {
        visibility: hidden;
    }
    
    p {
        line-height: 24px;
        font-family: 'Roboto', sans-serif;
        margin: 0px;
        font-weight: normal;
        color: #636363;
        font-size: 13px;
    }
    
    a {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        color: #676767;
        font-size: 14px;
        line-height: 22px;
    }
    
    a:focus {
        text-decoration: none;
    }
    
    span {
        display: -webkit-inline-box;
        display: -moz-inline-box;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        max-width: 100%;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Roboto', sans-serif;
        margin: 0px;
        padding: 0px;
        text-transform: uppercase;
    }
    
    html,
    html a {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
    }
    
    .nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    
    h2 {
        font-weight: 500;
        color: #3e3e3e;
        font-size: 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    h3 {
        color: #3e3e3e;
        font-size: 15px;
        font-weight: 500;
        margin: 0;
        text-transform: capitalize;
    }
    
    hr {
        border: 3px solid #fe6b05;
        margin-bottom: 25px;
        margin-top: 25px;
        width: 67px;
    }
    
    h4 {
        color: #fe6b05;
        font-size: 16px;
        text-transform: uppercase;
    }
    
    .clearfix {
        margin: 45px 0;
    }
    
    .alert .message-icon {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        border: 1px solid #9F9F9F;
        border-radius: 50%;
        line-height: 30px;
    }
    /*************************
*******header******
**************************/
    
    #header {
        padding: 14px 0px 0px 0px;
    }
    
    .login_button {
        margin-top: 15px;
        padding: 0px;
		margin-bottom:15px;
    }
    
    .login_button a {
        margin-left: 50px;
    }
    
    .top-banner-icon {
        display: inline-block;
        text-align: center;
        margin: 0;
        color: #00b21e;
        padding-right: 8px;
    }
    /*************************
*******banner******
**************************/
    
    div.module.parallax {
        height: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    div.module.parallax-1 {
        background: url(../images/Startup2-banner_02.jpg) center center no-repeat;
         padding: 27px 0 40px;
        position: relative;
        background-size: cover;
        background-position: 65%;
    }
    
    .banner-block {
        text-align: left;
        margin-top:165px;
        margin-bottom: 0px;
    }
    
    .banner-block p {
        color: #FFFFFF;
        font-size: 20px;
		 text-shadow: 1px 1px 1px #000;
        font-family: 'Roboto', sans-serif;
        text-transform: inherit;
     /*   background-color: rgba(0, 0, 0, 0.72);*/
        display: -webkit-inline-box;
        display: -moz-inline-box;
        padding:0px 45px 15px 15px;
        margin-top: 8px;
    }
    
    .banner-block h1 span {
        color: #FFFFFF;
        font-family: 'Roboto', sans-serif;
            font-size: 40px;
    text-shadow: 1px 1px 1px #000;
        font-weight: 600;
        margin: 0;
        text-transform: capitalize;
       /* background-color: #00b21e;*/
        padding: 10px 31px 10px 20px;
    }
    /*************************
*******form******
**************************/
    
    #signUp-form .form-control::-webkit-input-placeholder {
        color: #000;
    }
    
    .form-group {
        display: block !important;
    }
    
    .form-container {
        background-color: rgba(0, 0, 0, 0.66);
        border-top: 3px solid #00b21e;
        border-radius: 5px;
    }
    
    .form-head {
        padding: 15px 20px;
    }
    
    .form-container h1 {
        color: #FFFFFF;
        font-family: 'Roboto', sans-serif;
        font-size: 26px;
        margin: 0px;
        font-weight: 500;
        padding: 0;
    }
    
    .form-container h2 {
        color: #fff;
        font-size: 30px;
        font-family: "Roboto";
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .form-container h2 small {
        font-size: 24px;
        color: #fff;
        font-family: "Roboto";
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .form-container h3 {
        color: #fff;
        font-size: 30px;
        font-family: "Roboto";
        font-weight: bold;
        text-transform: capitalize;
        margin-top: 0px;
    }
    
    .form-container p {
        font-weight: normal;
        font-size: 14px;
           color: #00b21e;
    text-shadow: 1px 1px 1px #474747;
    }
    
    .mrtop-10 {
        margin-top: 0px; text-align:center; padding-bottom:20px;
    }
	.order{text-align:center; padding-bottom:0px;padding-top:10px; color:#fff !important; font-size:18px;}
	.happytext span{font-weight:bold;  font-size:18px; color:#f70000;}
    
    .mrtop-22 {
        margin-top: 22px;
    }
    
    .inner-addon {
        position: relative;
    }
    
    .inner-addon .fa {
        position: absolute;
        padding: 16px 40px;
        pointer-events: none;
        color: #fe6b05;
    }
    
    .right-addon .fa {
        right: 0px;
    }
    
    .right-addon input {
        padding-right: 30px;
    }
    
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0px;
        color: rgba(255, 255, 255, 0.69) !important;
    }
    
    option {
        color: #000 !important;
    }
    
    .style-option {
        color: rgba(255, 255, 255, 0.69) !important;
    }
    
    #signUp-form .form-group {
        margin-bottom: 15px;
        padding: 0px 20px;
    }
    
	.form-group {    margin-bottom: 8px !important;}
    ::-webkit-input-placeholder {
        /* Chrome */
        color: #000;
    }
    
    :-ms-input-placeholder {
        /* IE 10+ */
        color: #000;
    }
    
    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
    }
    
    :-moz-placeholder {
        /* Firefox 4 - 18 */
        color: #000;
    }
    
    #signUp-form .form-control {
        font-family: 'Roboto', sans-serif;
        background: #f5f5f5;
        border-radius: 0px;
        border: 1px solid #4f4f4f;
        color: #000 !important;
        width: 100%;
        height: 40px;
    }
    
    #signUp-form .form-control:focus {
        border: 2px solid #fe6b05;
    }
    
    #signUp-form .btn-submit {
        background: #00b21e;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 18px;
        margin: 10px 20px 0px;
        display: inline-block;
        color: #ffffff;
        width: 89%;
        overflow: hidden;
        position: relative;
        transition: all 0.3s;
        text-transform: uppercase;
        border-radius: 0px;
        padding: 14px 24px;
        border: none;
    }
    
    label.error {
        color: red;
        text-align: left;
        display: block;
        margin: 0px;
    }
    
    .expMessage {
        margin-top: 1px;
    }
    
    .formOverlay:before {
        content: "\f110";
        font-family: fontawesome;
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8);
        color: #77b127;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -5%;
        font-size: 56px;
        margin-top: -34px;
    }
    
    .formOverlay {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    
    .alert .message-icon {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        border: 1px solid #9F9F9F;
        border-radius: 50%;
        line-height: 30px;
    }
    
    .form-control.error {
        border-color: rgba(166, 0, 0, 0.4) !important;
        -webkit-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
        -moz-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
        box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
    }
    
    #submit-control {
        color: white;
        font-style: italic;
        font-size: large;
    }
    /*************************
*******work******
**************************/
    
    #work {
        padding: 75px 0;
        background-color: #f8f8f8;
    }
    
    .work_block {
        display: block
    }
    
    .work_icon {
        background-color: #fe6b05;
        border-radius: 50%;
        box-shadow: 0 0 14px 0 rgba(239, 238, 238, 0.83);
        height: 64px;
        line-height: 64px;
        margin: 0 auto;
        width: 64px;
        border: none;
    }
    
    .work_icon i {
        color: #fff;
        font-size: 24px;
        line-height: 64px;
    }
    
    .work_block h3 {
        font-weight: 600;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    .work p {
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 400;
    }
    
    .work_block:hover .work_icon::before {
        opacity: 1;
        transform: translateY(5px);
    }
    
    .work_block:hover .work_icon {
        transform: translateY(-5px);
    }
    /*************************
*******packages******
**************************/
    
    #package {
        padding: 70px 0;
    }
    
    #package .package-text h3 {
        font-weight: bold;
        margin: 30px 0 0;
        text-transform: uppercase;
    }
    
	
    #package .package-text hr {
        border: 2px solid #00b21e;
        margin: 20px 0;
    }
    
    #package .package-price p {
        color: #fe6b05;
        font-weight: 500;
        font-size: 18px;
	
        margin: 20px 0;
    }
    
    #package .package-block {
        border: 1px solid rgba(0, 0, 0, 0.08);
        transition: all 0.5s ease 0s;
    }
    
    #package .package-text {
        padding-left: 20px;
        padding-bottom: 30px;
		text-align: justify;
		padding-right:20px;
    }
    
    #package .package-block:hover {
        box-shadow: 0 70px 70px rgba(0, 0, 0, .2);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        z-index: 3;
    }
    
    #package .package-block .package-block-image {
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s
    }
    
    #package .col-sm-4 {
        margin-top: 10px;
        margin-bottom: 17px;
    }
    /*************************
*******aboutus******
**************************/
    
    #aboutus {
        padding: 90px 0;
        background-color: #f8f8f8;
    }
    
    #aboutus p {
        font-size: 14px;
    }
    
    #aboutus .ourPolicies {
        font-style: 19px;
        font-weight: 500;
        font-family: "Roboto";
        background-color: #fe6b05;
    }
    
    .aboutus_main hr {
        margin: 25px 0px;
    }
    
    .tour-img {
        margin-top: 25px;
    }
    
    .tour-img:hover {
        transform: rotateX(-7deg) scale(1.05);
        transition: all 0.7s ease 0s;
    }
    
    .tour-img {
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s
    }
    
    .panel-group {
        margin-top: 30px;
    }
    
    .panel-heading.active,
    .active i,
    .active a {
        background-color: #fe6b05 !important;
        color: #fff !important;
        border-color: #fe6b05 !important;
        transition: all 0.3s ease 0s;
    }
    
    .panel-heading.active {
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 4px 0 rgba(0, 0, 0, 0.19);
    }
    
    #aboutus .panel-heading {
        border-radius: 0;
        background-color: #fff;
        border: 1px solid #d7d7d7;
    }
    
    #aboutus .panel {
        border: none;
        border-radius: 0px;
        margin: 0 0 14px;
        padding: 0;
        display: block;
        box-shadow: none;
    }
    
    #aboutus .panel-body {
        border: 0;
        background: #f8f8f8;
        padding: 0px;
    }
    
    #aboutus .about-us-panel-text {
        padding-right: 0;
    }
    
    #aboutus .panel-group i {
        background-color: #fff;
        color: #fe6b05;
        height: 46px;
        line-height: 48px;
        margin: 0px 15px 0 0px;
        padding: 0;
        font-size: 14px;
        text-align: center;
        width: 46px;
        border-right: 1px solid #d7d7d7;
        transition: all 0.3s ease 0s;
    }
    
    .panel-heading {
        padding: 0;
    }
    
    #aboutus .panel a {
        color: #575757;
        font-size: 18px;
        text-decoration: none;
        text-transform: capitalize;
        font-weight: 500;
        line-height: 48px;
        display: block;
        transition: all 0.3s ease 0s;
    }
    /*************************
*******feedback******
**************************/
    
    #feedback {
        padding: 80px 0;
		background:#212121;
    }
    
    #feedback .feedback-block p {
         text-align: justify;
        font-size: 14px;
        padding:0px 24px;
      
        color: #fff;
        position: relative;
    }
	.services ul li { color:#fff; padding:8px;}
    
    #feedback .user-information {
        margin-top: 35px;
        display: block;
    }
    
    #feedback .user-information .user-name h4 {
        color: #575757;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    #feedback .user-information .user-name h4 span {
        color: #575757;
        font-weight: 500;
    }
    .text-center { text-align:left;}
#feedback .feedback-block p span {    text-align: left;
    font-size: 24px;font-weight: 600;
    color: #00b21e !important;
    padding-bottom: 10px;}
    .user-name {
        padding-left: 0;
    }
    
    .user-image i.fa {
        color: #fe6b05;
    }
    /*************************
*******newsletter******
**************************/
    
    #newsletter {
        background-color: #fe6b05;
        padding: 50px 0px;
        position: relative;
    }
    
    #newsletter .newsletter-block {
        display: inline-block;
        width: 100%;
    }
    
    #newsletter .form-inline .form-control {
        background-color: #fff;
        border: none;
        border-radius: 0;
        height: 50px;
        width: 100%;
        color: #2e2e2e;
    }
    
    #newsletter .form-inline .form-control::-webkit-input-placeholder {
        color: #7b7b7b
    }
    
    #newsletter .form-inline .form-control:focus {
        border-color: #2e2e2e;
    }
    
    #newsletter .btn-default {
        background-color: #2e2e2e;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        height: 50px;
        width: 106%;
        border: none;
        border-radius: 0;
        transition: all 0.3s ease 0s;
    }
    
    #newsletter .btn-default:hover {
        background-color: #fff;
        color: #2e2e2e;
        /* padding: 0px 10px; */
        transition: all 0.3s ease 0s;
        box-shadow: 0 0 black;
    }
    /*************************
*******pre-footer******
**************************/
    
    #pre-footer {
        background-color: #2e2e2e;
        padding: 0 0 2%;
    }
    
    .pre-footer-block {
        margin-top: 60px;
    }
    
    #pre-footer .pre-footer-block a {
        display: inline-block;
        border: 1px solid #7d7d7d;
        width: 76px;
        height: 76px;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 76px;
        border-radius: 50%;
    }
    
    #pre-footer .pre-footer-block i {
        color: #fff;
        font-size: 24px;
        line-height: 76px;
    }
    
    #pre-footer .pre-footer-block h3 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 45px;
        margin-bottom: 20px;
    }
    
    #pre-footer .pre-footer-block p {
        color: #FFFFFF;
        font-size: 15px;
    }
	 .package_main ul  { padding:0px;}
      .package_main ul li {list-style:none; float:left; }
	   .package_main ul li img {    border: 2px dashed #d43846;
    border-radius: 50%;
    padding: 7px;
    margin-right: 24px;
    margin-top: -38px;}
    #footer {
        background-color: #00b21e;
        padding: 15px 0px;
    }
    .footer-bottom p{ color:#fff;}
	#footer p { text-align:center;}
	
    #footer .social-icon i {
        color: #fff;
        font-size: 18px;
        margin-right: 20px;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
    }
    
    #footer .social-icon i:hover {
        color: #fe6b05;
        transform: rotateX(-7deg) scale(2);
        transition: all 0.7s ease 0s;
    }
    
    #footer .social-icon a {
        margin-bottom: 20px;
        display: -webkit-inline-box;
        display: -moz-inline-box;
    }
    
    #footer .footer-bottom a {
        color: #000;
        font-size: 14px; text-align:center !important;
    }
    /*Responsive*/
    
    @media (min-width: 980px) and (max-width: 1220px) {
        #newsletter .form-inline .form-control {
            width: 325px;
        }
        .banner-block {
            margin-top: 228px;
            margin-bottom: 0;
        }
    }
    
    @media (max-width: 990px) {
        .banner-block {
            text-align: center;
            margin-top: 0px;
            margin-bottom: 50px
        }
        .work_block {
            margin-top: 50px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 800px) {
        #newsletter .form-inline .form-control {
            width: 240px;
        }
        h2 {
            font-size: 25px;
        }
        .login_button {
            margin-top: 10px
        }
        .banner-block {
            text-align: left;
            margin-top: 100px;
            margin-bottom: 100px;
        }
        div.module.parallax-1 {
            background-attachment: fixed;
        }
    }

    @media (max-width: 768px) {
		.col-sm-3 {
    width: 50% !important;
}
        .login_button {
            margin-top: 30px;
            text-align: center;
        }
        h2 {
            font-size: 25px;
        }
        .logo {
            text-align: center;
        }
        .package-block {
            text-align: center;
        }
        #package .package-text hr {
            margin-bottom: 25px;
            margin-top: 25px;
            display: -webkit-inline-box;
            width: 25%;
        }
        .banner-block {
            text-align: center;
            margin-top: 100px;
            margin-bottom: 100px;
        }
        .aboutus_main {
            margin-top: 40px;
        }
        .feedback-block {
            margin-top: 50px;
            display: inline-block;
		
        }
        #newsletter .form-inline .form-control {
            width: 100%;
            margin: 0px;
        }
    }
    
    @media (max-width: 560px) {
				.col-sm-3 {
    width: 100% !important;
}
        .login_button {
            margin-top: 1px;
        }
        .work_block {
            margin-top: 50px;
        }
        .login_button a {
            display: -webkit-inline-box;
            margin-top: 20px;
            margin-left: 0px;
        }
        .feedback-block {
            margin-top: 50px;
        }
        #newsletter .firstname {
            padding: 0px 15px;
        }
        #newsletter .form-inline .form-control {
            width: 100%;
            margin-bottom: 25px;
            margin-left: 0px;
        }
        .banner-block {
            margin-top: 60px;
            margin-bottom: 60px;
        }
        .banner-block h1 span {
            font-size: 25px;
        }
        .banner-block p {
            text-align: left;
        }
    }
    
    @media (max-width:376px) {
        #feedback .feedback-block p::before {
            bottom: 51px;
        }
    }
    
    @media (max-width:345px) {
        #feedback .feedback-block p::before {
            bottom: 51px;
        }
    }