*{padding: 0; margin: 0;}
body{ padding: 0; margin: 0; font-size: 14px; color: #393939;  font-family: 'Open Sans';}

input:hover, input:focus,
select:hover, select:focus,
textarea:hover, textarea:focus{ box-shadow:0 0 0 0.2rem rgba(216, 166, 60, 0.25);}


a.phone-icon{
    position            : fixed;
    right               : 0;
    background          : #f1a23c;
    height              : 40px;
    width               : 40px;
    text-align          : center;
    padding             : 8px 0;
    top                 : 40%;
    z-index             : 9999;
    display             : none;
}

.header-top{
    padding             : 8px 0;
    margin              : 0;
    background          : #393939;
    color               : #FFF;
    font-size           : 15px;
    font-weight         : 500;
}

.phone-numbers{
    padding             : 0;
    margin              : 0;
}

.phone-numbers span{
    margin-right        : 8px;
}
.phone-numbers img{
    vertical-align: initial;
}

.phone-numbers span a{
    background          : #f1a23c;
    color               : #FFF;
    padding             : 5px 10px;
    border-radius       : 5px;
}

.phone-numbers span a:hover, .phone-numbers span a:focus{
    text-decoration     : none;
}

.social-icon ul{
    margin              : 0;
    float               : right;
}

.social-icon ul li{
    display             : inline-block;
    margin              : 0;
}

.navigation-bar{
}

.navigation-bar li{
    margin              : 0 5px;
}

.navigation-bar li:last-child{
    margin             : 0;
}

.navigation-bar a{
    color              : #393939 !important;
    padding            : 5px 12px !important;
}

.navigation-bar a:hover, .navigation-bar a:focus, .navigation-bar li.active a{
    color              : #FFF !important;
    background         : #f1a23c;
    border-radius      : 5px;
}

.slider-img{
    background-image    : url(../img/slider.png);
    background-repeat   : no-repeat;
    background-size     : cover;
    border-radius       : 0;
    padding             : 80px 0;
}

.inner-page-control{
    padding             : 80px 0;
}


.inner-page-control .page-headding{
    color               : #FFF;
    font-family         : 'Heading Pro Wide Trial';
    font-size           : 34px;
    text-transform      : uppercase;
    font-weight         : 700;
    text-align          : center !important;
}

.slider-headding{
    color               : #FFF;
    font-family         : 'Heading Pro Wide Trial';
    font-size           : 34px;
    text-transform      : uppercase;
    font-weight         : 700;
    line-height         : 1.4;
    padding-top         : 60px;
}

.slider-headding span{
    color               : #f1a23c;
}

.form-theme{
    padding             : 15px 30px;
    margin              : 0;
    background          : #d6d5d5;
    border: 10px solid #FFF;
    border-radius: 12px;
    text-align: center;
    width: 80%;
}

.form-theme h4{
    font-size           : 22px;
    font-family         : 'Candara';
    padding             : 25px 0;
    font-weight         : 500;
}

.form-theme button{
    background          : #e85a0d;
    border-color        : #FFF;
    width               : 100%;
}

.services-section, .content_section, .testimonial-section, footer, .quote-section, .our_service, .about_us, .our_blog, .thanku_page{
    padding             : 80px 0;
}

.client-section{
    padding: 20px 0;
}

.services-pannel h6{
    font-size           : 16px;
    font-family         : 'Heading Pro Wide Trial';
}

.services-pannel img{
    margin-bottom       : 20px;
}

.content_section{
    background          : #fbfbfb;
    font-family         : 'Open Sans';
}

.inner-content h3{
    font-size           : 36px;
    color               : #393939;
    border-left         : 3px solid #f1a23c;
    padding-left        : 20px;
    margin              : 0;
    line-height         : 50px;
    margin-bottom       : 60px;
}

.inner-content h3 span{
    color               : #f1a23c;
    font-weight         : bold;
}

.inner-content p{
    color               : #393939;
    line-height         : 2;
}

.testimonial-itm{
    width               : 70%;
    margin              : 0 auto;
    text-align          : center;
    font-family         : 'Open Sans';
}

.testimonial-itm p{
    background          : #fbfbfb;
    color               : #94a3a8;
    padding             : 30px 20px;
    font-family         : 'Open Sans';
    font-style          : italic;
    font-size           : 14px;
    margin-bottom       : 30px;
}

.user-deatils ul li{
    display             : inline-block;
    list-style          : none;
    text-align          : left;
    vertical-align      : middle;
}

.user-deatils ul li.img-user{
    padding-right       : 10px;
}

.user-deatils ul li.name-user span{
    color               : #384047;
    font-weight         : lighter;
}


.owl-prev, .owl-next{
    margin              : -150px 0;
    font-size           : 50px !important;
    opacity             : 0.2;
}

.owl-prev{
    float               : left;
}
.owl-next{
    float               : right;
}

footer{
    background          : #393939;
    color               : #FFF;
    font-family         : 'Open Sans';
}


footer h3{
    font-size           : 18px;
    margin-bottom       : 30px;
}

footer p{
    font-size           : 14px;
    text-transform      : uppercase;
}

footer input{
    background          : #9c9c9c !important;
    border-color        : #f1a23c !important;
    border-radius       : 0 !important;
    text-transform      : uppercase;
}

footer button{
    background          : #f1a23c !important;
    border-color        : #f1a23c !important;
    border-radius       : 0 !important;
    text-transform      : uppercase;
    color               : #FFF;
}

footer .address{
    padding-top         : 50px;
}

footer .address ul li{
    display             : inline-block;
}

footer .menu{
    display             : block;
    list-style          : none;
}

footer .menu a{
    display             : block;
    color               : #FFF;
    text-decoration     : none;
    padding             : 5px 0;
}

.getquote a{
    font-family         : 'Candara';
    background          : #f1a23c;
    display             : block;
    padding             : 10px 15px;
    color               : #FFF;
    text-align          : center;
    font-weight         : 500;
    text-decoration     : none;
    margin-bottom       : 20px;
}

.main-inner-footer{
    background          : #555555;
    padding             : 20px 0;
    text-align          : center;
    color               : #FFF;
}

.theme_form input,
.theme_form select,
.theme_form textarea{
    border-radius       : 0;
}

.theme_form input:hover, .theme_form input:focus,
.theme_form select:hover, .theme_form select:focus,
.theme_form textarea:hover, .theme_form textarea:focus{
    border-color        : #f1a23c !important;
}


.theme_form button{
    background          : #f1a23c;
    border-color        : #f1a23c !important;
    font-family         : 'Candara';
}

.theme_form button:hover, .theme_form button:focus{
    background          : #d17d0f ;
    border-color        : #d17d0f  !important;
}

.theme_form h4{
    margin-bottom       : 25px;
    line-height         : 1.6;
    font-size           : 25px;
}

.service-pannel h3{
    font-size           : 26px;
    margin-bottom       : 40px;
    font-family         : 'Open Sans';
    color               : #393939;
    border-left         : 3px solid #f1a23c;
    padding-left        : 20px;
    line-height         : 32px;
}


.service-pannel h3 span{
    color               : #f1a23c;
    font-weight         : bold;
}

.service-pannel p, .about-pannel p{
    color               : #393939;
    line-height         : 2;
}


.read-more{
    color               : #393939;
    text-decoration     : none;
    font-weight         : 600;
}

.read-more:hover, .read-more:focus{
    color               : #f1a23c;
    text-decoration     : none;
}

.about-pannel p span{
    color               : #f1a23c;
}

.about-pannel p{
    font-weight         : 500;
}

.about-pannel ul{
    margin-left: 50px;
}

.about-pannel ul li{
    margin: 10px 0;
    list-style-image: url('../img/long-arrow-right.png');
    list-style-position: inside
}

.about-pannel ul li{
    margin: 10px 0;
}

.responsive_img img{
    width: 45px;
}



.our_blog .blog-headding{
    font-size           : 30px;
    margin-bottom       : 20px;
}

.our_blog .lead, .our_blog .lead a{
    font-size           : 14px;
    color               : gray;
}

.our_blog .card-body a{
    font-size           : 14px;
    color               : gray;
    text-decoration     : none;
}

.our_blog .card-body .input-group button, .our_blog .card.mb-4 .card-body .btn.btn-primary{
    background          : #f1a23c;
    border-color        : #f1a23c;
    color               : #FFF;
    border-radius       : 5px;
}

.our_blog .card-body .input-group button, .our_blog .card-body .btn.btn-primary{
    background          : #f1a23c;
    border-color        : #f1a23c;
    border-radius       : 0 5px 5px 0;
}

.our_blog .pagination .page-item a{
    border-color: #f1a23c;
    color: #f1a23c;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    border: 1px solid #f1a23c;
}
.our_blog .pagination .page-item a:hover{
    background: #f1a23c;
    color: #FFF;
}
.our_blog .pagination .page-item.active a{
    background: #f1a23c;
    color: #FFF;
}

.our_blog .pagination .page-item:first-child a,
.our_blog .pagination .page-item:last-child a{
    background: #f1a23c;
    color: #FFF;
}

.our_blog .pagination .page-item:first-child a{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.our_blog .pagination .page-item:last-child a{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}



.theme_color_strip{
    background:#f1a23c;
    padding: 40px 0;
}


.theme_color_strip .two_buttons{
    margin: 0;
}
.theme_color_strip .two_buttons li{
    display: inline-block;
    margin: 7px 20px;
}

.theme_color_strip .two_buttons li a{
    color: #FFF;
    padding: 15px 50px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 52px;
    display: inline-block;
    min-width: 310px;
    border: 2px solid #FFF;
    font-size: 16px;    transition: 0.2s;
}

.theme_color_strip .two_buttons li a:hover,
.theme_color_strip .two_buttons li a:focus{
    color: #f1a23c;
    padding: 15px 50px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 52px;
    display: inline-block;
    min-width: 310px;
    border: 2px solid #f1a23c;
    font-size: 16px;
    transition: 0.2s;
}


.bakground-img-theme{
    background-image: url(../img/slider.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    background-attachment: fixed;
}


.or_icon_footer{ margin: 0 !important;}
.or_icon_footer span{
    background      : rgba(0,0,0,0.1);
    padding         : 8px;
    color           : #FFF;

}

.paragraph_social{ float: left; margin-bottom: 0;}
.custom_social_icon{
    float: right;
    margin-bottom: 0;
}

.custom_social_icon li{
    display: inline-block;
}

.custom_social_icon li a{
    border: 1px solid gray;
    padding: 5px 10px;
    color: gray;
    text-decoration: none;
}

.custom_social_icon li a.facebook{ border:1px solid #4867AA; color: #4867AA;}
.custom_social_icon li a.facebook:hover{ border:1px solid #4867AA; color: #FFF; background-color:#4867AA;}

.custom_social_icon li a.twitter{ border:1px solid #1DA1F2; color: #1DA1F2;}
.custom_social_icon li a.twitter:hover{ border:1px solid #1DA1F2; color: #FFF; background-color:#1DA1F2;}

.custom_social_icon li a.linkedin{ border:1px solid #007BB6; color: #007BB6;}
.custom_social_icon li a.linkedin:hover{ border:1px solid #007BB6; color: #FFF; background-color:#007BB6;}

.custom_social_icon li a.rss{ border:1px solid #FE7C00; color: #FE7C00;}
.custom_social_icon li a.rss:hover{ border:1px solid #FE7C00; color: #FFF; background-color:#FE7C00;}


.sidebar.widget ul {
    margin: 0px;
    padding: 0;
    overflow: hidden;
}
.sidebar.widget ul li {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}
.sidebar-thumb{
    float: left;
    overflow: hidden;
    margin-right: 15px;
}
.sidebar-thumb img{
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 0;
    height: 45px;
    width: 45px;

    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.sidebar-content h5{
    font-size: 16px;
    cursor: pointer;
    line-height: none;
    margin-top: 5px;
}
.sidebar-content h5 a:hover{
    color: #ffc326;
}

.sidebar-content h5 a{
    color: #ffc326;
    outline: 0 none;
    text-decoration: none;
    font-weight: bold
}
.sidebar-meta{
    margin-top: 10px;
}
.sidebar-meta span{
    color: #2e2e2e;
}
.sidebar-meta span.time{
    margin-right: 10px;
}

.btn_theme_color, .btn_theme_color:hover, .btn_theme_color:focus{ background: #f1a23c !important; border-color: #f1a23c !important; box-shadow: none;}
.theme_color, .theme_color:hover, .theme_color:focus{ color: #f1a23c; text-decoration: none;}

.tooltip{ opacity: 0.9;}


/*Responsive Css*/
@media (min-width: 1281px) {}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .inner-content h3{ font-size: 26px; line-height: 33px;}
    .inner-content p{ font-size: 14px; line-height: 1.5;}
    .client-section .logos{ margin: 10px 0;}
    .services-pannel h6{ font-size: 14px;}
    .slider-headding{ font-size: 26px; margin-top: 0;}
    .slider-img{ padding: 60px 0 0 0;}
    .jumbotron.slider-img.inner-page-control{ padding: 60px 0 !important;}
    .inner-page-control .page-headding{ font-size: 28px;}
    .ins-boxing .first-box-all{ width: 30% !important;}
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .navigation-bar li{ margin: 0 5px;}
    .theme_color_strip .two_buttons li a{ width: 100%;}
    .theme_color_strip .two_buttons li a{ width: 100%; display: block;}
    .theme_color_strip .two_buttons li{ display: block; margin: 15px 0 !important;}
    .display-4{ font-size: 26px;}
    .color_theme{ font-size: 18px;}
    .jumbotron.slider-img.inner-page-control{ padding: 40px 0;}

    .services-section, .content_section, .testimonial-section, .client-section, footer, .quote-section, .our_service, .about_us, .our_blog, .thanku_page
    { padding: 20px 0;}

    .theme_color_strip .two_buttons li a{
        color: #FFF;
        padding: 15px 50px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 52px;
        display: inline-block;
        min-width: 293px;
        border: 2px solid #FFF;
        font-size: 14px;    transition: 0.2s;
    }

    .theme_color_strip .two_buttons li a:hover,
    .theme_color_strip .two_buttons li a:focus{
        color: #f1a23c;
        padding: 15px 50px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 52px;
        display: inline-block;
        min-width: 293px;
        border: 2px solid #f1a23c;
        font-size: 14px;
        transition: 0.2s;
    }

    .form-theme{
        width: 100%;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .navbar-brand{ margin-right: 10px;}
    .slider-headding{ font-size: 20px; margin-top: 0;}
    .slider-img{ padding: 10px 0;}
    .form-theme{ padding: 10px 15px;}
    .services-section, .content_section, .testimonial-section, .client-section, footer, .quote-section, .our_service, .about_us{padding: 20px 0;}
    .services-pannel h6{ font-size: 14px;}
    .inner-content h3{ font-size: 22px; line-height: 33px;}
    .inner-content p{ font-size: 12px; line-height: 1.5;}
    .inner-content h3{ margin-bottom: 30px;}
    .client-section{ text-align: center;}
    .client-section .logos{ margin: 10px 0;}
    .jumbotron.slider-img.inner-page-control{ padding: 40px 0;}
    .inner-page-control .page-headding{ font-size: 18px;}
    .ins-boxing .first-box-all{ width: 100% !important; margin: 0 !important;}
    .navigation-bar li{ margin: 0;}
    .custom_social_icon, .paragraph_social{ float: none;}
    .paragraph_social{ margin-bottom: 10px;}
    .display_none_responsive{ display: none;}
    .theme_color_strip .two_buttons li a{ width: 100%; display: block;}
    .theme_color_strip .two_buttons li{ display: block; margin: 15px 0 !important;}
    .display-4{ font-size: 26px;}
    .color_theme{ font-size: 18px;}
    .custom_social_icon li a{ border: 1px solid gray; padding: 5px 10px; color: gray; text-decoration: none; width: 35px; height: 35px; display: inline-block;}
    .services-section, .content_section, .testimonial-section, footer, .quote-section, .our_service, .about_us, .our_blog, .thanku_page
    { padding: 0 0 20px 0;}


    .theme_color_strip .two_buttons li a{
        color: #FFF;
        padding: 15px 50px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 52px;
        display: inline-block;
        min-width: 293px;
        border: 2px solid #FFF;
        font-size: 14px;    transition: 0.2s;
    }

    .theme_color_strip .two_buttons li a:hover,
    .theme_color_strip .two_buttons li a:focus{
        color: #f1a23c;
        padding: 15px 50px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 52px;
        display: inline-block;
        min-width: 293px;
        border: 2px solid #f1a23c;
        font-size: 14px;
        transition: 0.2s;
    }

    .form-theme{
        width: 100%;
    }
}


.sp-m10{ margin-top      : 10px;}
.sp-m20{ margin-top      : 20px;}
.sp-m30{ margin-top      : 30px;}
.sp-m40{ margin-top      : 40px;}
.sp-m50{ margin-top      : 50px;}
.sp-m60{ margin-top      : 60px;}
.sp-m70{ margin-top      : 70px;}
.sp-m80{ margin-top      : 80px;}
.sp-m90{ margin-top      : 90px;}
.sp-m100{ margin-top     : 100px;}