/*---------------------------------------



Project: Bitcoin Landing Page

Template Version: 1.0

Author: YasirKareem



01. Default

    01.1 body html

    01.2 H1 H2 H3

    01.3 P

    01.4 Title

    01.5 Section Padding

    01.6 Selection

    01.7 Bottns

02. Navbar

03. Header

04. Section About

05. Section Features

06. Section State

07. Section How

07. Section Prices

08. Section Interested

09. Section Team

10. Section Pricing

11. Section Faq

12. Section Blog

    12.1 Section Recent Blog

    12.2 Section Blog

    12.3 Section Single Blog

13. Section Contact 

14. Section Client

15. Scroll Top

16. footer

17. Responsive

18. Only on Microsoft Explorer browser IE 10+



---------------------------------------*/

/*--- Default ---*/

body,

html {

    height: 100%;

    font-size: 14px;

    line-height: 1.5;

    font-family: Roboto;

    background: #fff;

    position: relative;

}



/* h1 h2 h3 */

h1,

h2,

h3 {

    font-family: Roboto;

    margin: 20px 0 5px 0;


    text-transform: uppercase;

}




h2{


}


h3 {
    color:#5fb800;
}



h1 {

    font-weight: 900;

    font-size: 57px;

    color: #fff;

    animation-delay: .3s;

}

#safety h2 {
    border-bottom: 2px dotted #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 4em;
    color:#fff;

}

h2 {
    border-bottom: 2px dotted #888;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 4em;

}



h3 {

    font-weight: 500;
    font-family: 'Oswald', sans-serif;

    font-size: 1.4em;

}



/* P */

p {

    color: #747e80;
    font-size:1.1em;
    margin: 0;

}



/* Title */

.title {

    position: relative;

    text-align: center;

    margin-bottom: 60px;

}

.title_left {

    position: relative;

    text-align: left;

    margin-bottom: 60px;

}




.title h2 {
    font-family: 'Oswald', sans-serif;
}

.title h3 {

    /*color:orange;*/
}




.title p {

    margin: 0 auto;

    width: 50%;

}



/* Section Padding */

.section-padding {

    padding: 100px 0;

}

section#contact.contact.section-padding {
    /*background: url("../img/bg/wall.jpg") no-repeat center;*/
}

/* Selection */

::selection {

    color: #fff;

    text-shadow: none;

    background: #5fb800;

}



::-moz-selection {

    color: #fff;

    text-shadow: none;

    background: #5fb800;

}



/* Bottns */

.main-bottns {

    padding-top: 40px;

}



.main-bottns a {

    width: 145px;

    height: 45px;

    color: #fff;

    background: #5fb800;

    font-size: 14px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    line-height: 45px;

    display: inline-block;

    border-radius: 25px;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.main-bottns a.white {

    color: #5fb800;

    background: #fff;

    margin-right: 30px;

}



.main-bottns a:hover,

.main-bottns a.white:hover {

    text-decoration: none;

    background: #d06d14;

    color: #fff;

}



/* Navbar */

.navbar {

    margin: 0;

    padding: 44px 0;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.navbar-default {

    background-color: transparent;

    border-color: transparent;

}



.top-nav {
    background:#efefef;
    -webkit-box-shadow: -1px 10px 40px -10px rgba(184,184,184,1);
    -moz-box-shadow: -1px 10px 40px -10px rgba(184,184,184,1);
    box-shadow: -1px 10px 40px -10px rgba(184,184,184,1);

    padding: 0;

}



/* Navbar Brand */

.navbar-brand {

    height: auto;



}



.navbar-brand img {

    /*
    height: 40px;*/
}



/* Nav */

.navbar-right {

    margin-right: 0;

}



.navbar ul {

    padding: 25px 0;

}



.navbar-nav > li {

    margin-right: 15px;

}



.navbar-nav > li:last-child {

    margin-right: 0;

}



.navbar-default .navbar-nav > li > a {

    color:#004105;

    padding: 0;

    text-transform: uppercase;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .active > a:hover {

    color: #5fb800;
    background:rgba(20, 20, 20, .7);

    background: transparent;

}



.navbar-default .navbar-nav > .active > a:hover {

    color: #5fb800;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > .open > a:hover {

    color: #5fb800;

    background-color: transparent;

}



/* Dropdown Menu */

.dropdown-menu {

    top: 45px;

    background: #2d384e;

}



.dropdown-menu > li > a {

    color: #fff;

    padding: 8px 20px;

    line-height: 1.5;

    text-transform: uppercase;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.dropdown-menu > li > a:focus,

.dropdown-menu > li > a:hover {

    color: #5fb800;

    background-color: transparent;

}



.dropdown-menu > .active > a,

.dropdown-menu > .active > a:focus,

.dropdown-menu > .active > a:hover {

    color: #fff;

    background-color: transparent;

}



/* Navbar Toggle */

.navbar-toggle {

    margin-right: 5px;

    background-color: transparent;

    border: transparent;

}



.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

    background-color: transparent;

}



.bar1,

.bar2,

.bar3 {

    width: 35px;

    height: 4px;

    background-color: #000;

    margin: 6px 0;

    border-radius: 25px;

    transition: .4s;

    -o-transition: .4s;

    -moz-transition: .4s;

    -webkit-transition: .4s;

}



.navbar-toggle:hover .bar1,

.navbar-toggle:hover .bar2,

.navbar-toggle:hover .bar3 {

    background-color: #5fb800;

}



/* Rotate first bar */

.change .bar1 {

    transform: rotate(-55deg) translate(-7px, 4px);

    -o-transform: rotate(-55deg) translate(-7px, 4px);

    -moz-transform: rotate(-55deg) translate(-7px, 4px);

    -webkit-transform: rotate(-55deg) translate(-7px, 4px);

    background-color: #5fb800;

}



/* Fade out the second bar */

.change .bar2 {

    opacity: 0;

}



/* Rotate last bar */

.change .bar3 {

    transform: rotate(55deg) translate(-10px, -6px);

    -o-transform: rotate(55deg) translate(-10px, -6px);

    -moz-transform: rotate(55deg) translate(-10px, -6px);

    -webkit-transform: rotate(55deg) translate(-10px, -6px);

    background-color: #5fb800;

}





/*--- Start Header ---*/
.header-text {

    position: absolute;

    text-align: center;

    top:30%;

    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}


.img-hero {
    position: relative;
    height: 70%;
    background-color: #ccc;
    width: 100%;
    background-image: url(../img/bg/4076.jpg);
    background-position: 50% 65%; 
    color:#ccc;
    /* background: url('../img/bg/4076.jpg') no-repeat 50% top; */
    -webkit-background-size: cover;
    background-size: cover;

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .img-hero {
            height: 60%;
    background-position: 50% 15%;
    }
    .header-text {
    position: absolute;
    text-align: center;
    font-size: 0.7em;
    top: 35%;
    left: 64%;
    width: 50%;
    }
}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .img-hero {
        height: 50%;
    }
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 50%;
        
    }
}




/* Small Devices, Tablets */
@media only screen and (max-height : 768px) {
    .img-hero {
        height: 100%;
        background-position: 50% 40%;
    }
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 55%;
        
    }
}



/* Small Devices, Tablets */
@media only screen and (min-height : 768px) {
    .img-hero {
        height: 70%;
            background-position: 50% 40%;
    }
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 56%;
        
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .img-hero {}
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 60%;
        
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .img-hero {
            background-position: 56% 65%;
    }
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 50%;
        
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .img-hero {}
    .header-text {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 50%;
       
    }
}





.overlay-header {

    /*    background-color: rgba(45, 56, 78, .7);*/

    position: absolute;

    width: 100%;

    height: 100%;

}







header p {

    color: #fff;

    width: 36%;

    margin: 0 auto;

    animation-delay: .5s;

}

header .main-bottns {

    animation-delay: .7s;

}



/*--- End Header ---*/

/*--- Start  Section About Us ---*/

/* about-us-text */

.about-us .title h2 {

    text-align: left;

    margin: 0;

}



.about-us p {

    color: #747e80;

    margin: 0;

}



/* about-us-video */

.about-us-left {

    padding-right: 85px;

}



.about-us-video {

    position: relative;

    width: 100%;

    height: 333px;

    background: url('http://via.placeholder.com/555x333/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

    border-radius: 25px;

}



.play {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.fa-play {

    position: relative;

    width: 100px;

    height: 100px;

    color: #fff;

    font-size: 22px;

    text-align: center;

    line-height: 100px;

    background-color: rgba(45, 56, 78, .5);

    border-radius: 50%;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;



}



.fa-play:hover {

    background: #5fb800;

}



/*--- End  Section About Us ---*/

/*--- Start  Section Features ---*/

.features {

    text-align: center;

    background: #f4fafa;

    padding-bottom: 70px;

}



.features-items {

    padding: 40px;

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    margin-bottom: 30px;

    background: #fff;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.features-items:hover {

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .2);

}



[class^="flaticon-"]:before,

[class*=" flaticon-"]:before {

    color: #5fb800;

    margin: 0 0 25px;

    font-size: 70px;

    display: block;

}



/*--- End  Section Features ---*/

/*--- Start  Section State ---*/

.state {

    color: #fff;

    position: relative;

    text-align: center;

    width: 100%;

    background: url('http://via.placeholder.com/1920x310/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.overlay-state {

    top: 0;

    left: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background: rgba(45, 56, 78, .9);



}



.state span {

    font-size: 35px;

    font-weight: 700;

}



.state p {

    color: #fff;

    margin-top: 25px;

    font-size: 22px;

    font-weight: 500;

    text-transform: uppercase;

}



/*--- End  Section State ---*/

/*--- Start  Section How ---*/

.how {

    text-align: center;

    padding-bottom: 70px;

}



.how-items {

    padding: 40px;

    margin-bottom: 30px;

    background: #fff;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.how-items:hover {

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

}



.how-items span {

    color: #5fb800;

}



/*--- End  Section How ---*/

/*--- Start  Section Prices ---*/

.prices {

    background: #f4fafa;

}



.prices-title {

    height: 45px;

    width: 100%;

    background: #5fb800;

}



.prices-title h4 {

    margin: 0;

    color: #fff;

    line-height: 45px;



}



.line {

    height: 45px;

    width: 100%;

}



.line-bg {

    background: #fff;

}



.line div {

    display: inline-block;

}



.prices span {

    color: #fff;

    height: 24px;

    width: 24px;

    font-size: 24px;

    top: 5px;

    position: relative;

    border-radius: 50%;

    margin: 0 15px 0 30px;

}



.btc span {

    background: #f7931a;

}



.eth span {

    background: #627eea;

}



.xrp span {

    background: #00aae4;

}



.bch span {

    background: #8dc351;

}



.ada span {

    background: #3cc8c8;

}



.neo span {

    background: #4bba00;

}



.ltc span {

    background: #cbc6c6;

}



.xlm span {

    background: #14b6e7;

}



.eos span {

    background: #000;

}



.xem span {

    background: #67b2e8;

}



.miota span {

    background: #242424;

}



.prices-items p {

    display: inline-block;

    text-transform: uppercase;

    position: relative;

    line-height: 45px;

}



p.doller {

    padding-left: 24px;

}



p.doller:before {

    position: absolute;

    content: '$';

    left: 14px;

}



.prices .main-bottns {

    text-align: center;

}



/*--- End  Section Prices ---*/

/*--- End  Section Interested ---*/

.interested {

    position: relative;

    background: url('../img/01/04.jpg') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.overlay-interested {

    top: 0;

    left: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background: rgba(45, 56, 78, .9);



}



.interested h2,

.interested p {

    text-align: left;

    color: #fff;

}



.interested .main-bottns {

    padding: 37px 0;

    text-align: right;

}



/*--- End  Section Interested ---*/

/*--- End  Section Team ---*/

.team {

    text-align: center;

    padding-bottom: 70px;

}



.team-items {

    margin-bottom: 30px;

}



.team-img {

    position: relative;

    height: 290px;

    width: 100%;

}



/* Overlay */

.team-overlay {

    background-color: rgba(45, 56, 78, .8);

    position: absolute;

    height: 100%;

    width: 100%;

    opacity: 0;

    text-align: center;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.team-overlay-text {

    position: absolute;

    top: 50%;

    left: 50%;

    padding: 40px;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.team-overlay p {

    position: relative;

    color: #fff;

    margin-bottom: 30px;

    top: -20px;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.social ul {

    list-style: none;

    position: relative;

    margin: 0;

    padding: 0;

    top: 20px;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.social ul li {

    display: inline-block;

    margin-right: 15px;

}



.social ul li a {

    color: #fff;

}



.social ul li a:hover {

    color: #5fb800;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.social ul li:last-child {

    margin-right: 0;

}



/* Img */

.img-1 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x290/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.img-2 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x290/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.img-3 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x290/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.img-4 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x290/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.team-text {

    padding: 40px;

    background: #fff;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



/* Hover */

.team-items:hover .team-overlay {

    opacity: 1;

}



.team-items:hover .team-overlay p {

    top: 0;

}



.team-items:hover .social ul {

    top: 0;

}



.team-items:hover .team-text {

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);

}



/*--- End  Section Team ---*/

/*--- Start  Section Pricing ---*/

.pricing {

    text-align: center;

    background: url("../img/01/05-1.jpg") center center;

    padding-bottom: 70px;

}

.startblock {

    text-align: center;

    background: url("../img/bg/hand.jpg") no-repeat center;

    padding-bottom: 70px;

}

.decision {

    text-align: center;

    background: url("../img/bg/decision.jpg") no-repeat center;

    padding-bottom: 70px;

}

.services {

    text-align: center;

    background: url("../img/bg/pattern.jpg") no-repeat center;

    padding-bottom: 70px;

}


.pricing-items {

    position: relative;

    padding: 40px;

    background: #fff;

    margin-bottom: 30px;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.pricing-items:hover {

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

}



.pricing-items span {

    color: #333;

    font-weight: 700;

    font-size: 35px;

    line-height: 1.5;

    margin-top: 25px;

    display: block;

    text-transform: uppercase;

}



/*--- End  Section Pricing ---*/

/*--- Start  Section Blog ---*/

.blog {

    padding-bottom: 70px;

}



.blog-items {

    margin-bottom: 30px;

}



/* img */

.blog-img {

    height: 183px;

    width: 100%;

}



.blog-img-1 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x183/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.blog-img-2 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x183/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



.blog-img-3 {

    height: 100%;

    width: 100%;

    background: url('http://via.placeholder.com/270x183/2d384e/ff7900') no-repeat center center;

    -webkit-background-size: cover;

    background-size: cover;

}



/* Blog Text */

.blog-text {

    background: #fff;

    padding: 40px;

    -webkit-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.blog-items:hover .blog-text {

    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, .1);

}



.blog-text span {

    color: #747e80;

    display: block;

    margin-bottom: 25px;

    text-transform: uppercase;

}



.blog-text h3 {

    text-align: left;

}



/* Blog Page */

.blog-header {

    position: relative;

    height: 450px;

    width: 100%;

    background: #2d384e;

}



.blog-header-text {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}



/* Blog Row Lift */

.breadcrumb {

    padding: 0;

    margin: 0;

    border-radius: 0;

    background: transparent;



}



.breadcrumb a {

    color: #fff;

    text-decoration: none;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.breadcrumb a:hover,

.breadcrumb > .active {

    color: #5fb800;

}



/* Pagination */

.blog-nav {

    text-align: center;

    margin-top: 30px;

}



.pagination {

    margin: 0;

}



.pagination > li > a,

.pagination > li > span {

    color: #747e80;

    border: 1px solid #f4fafa;

    padding: 12px 16px;

    line-height: 1.5;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.blog-nav ul li a:before {

    height: 0;

}



.pagination > li > a:focus,

.pagination > li > a:hover,

.pagination > li > span:focus,

.pagination > li > span:hover {

    color: #fff;

    background: #5fb800;

}



.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

    background: #5fb800;

    border: 1px solid #f4fafa;

}



.pagination > li:first-child > a,

.pagination > li:first-child > span {

    color: #747e80;

    background: #f4fafa;

    border-radius: 25px 0 0 25px;

    border: 1px solid #f4fafa;

}



.pagination > li:last-child > a,

.pagination > li:last-child > span {

    color: #747e80;

    background: #f4fafa;

    border-radius: 0 25px 25px 0;



}



.pagination > li:first-child > a:hover,

.pagination > li:last-child > a:hover {

    color: #fff;

    background: #5fb800;



}



/* Blog Row Right */

/* Search */

.search {

    position: relative;

}



.search-submit {

    position: absolute;

    top: 0;

    right: 15px;

}



.search input[type="text"] {

    margin-bottom: 0;

}



.search-submit .btn-default {

    width: 70px;

    height: 46px;

    color: #fff;

    background-color: #5fb800;

    border-color: transparent;

    border-radius: 0 25px 25px 0;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.search-submit .btn-default:hover {

    background-color: #d06d14;

    border-color: transparent;

    border-radius: 0 25px 25px 0;

}



.blog-row-right h3 {

    text-align: left;

}



.blog-margin {

    margin-bottom: 40px;

}

.tags.blog-margin {

    margin-bottom: 15px;

}



/* catagories / recent-posts / tags ul / meta */

.catagories ul,

.recent-posts ul,

.tags ul,

.meta ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.catagories ul li,

.recent-posts ul li,

.tags ul li,

.meta ul li {

    margin-bottom: 15px;



}



.catagories ul li:last-child,

.recent-posts ul li:last-child,

.tags ul li:last-child,

.meta ul li:last-child {

    margin-bottom: 0;



}



.catagories ul li a,

.recent-posts ul li a,

.tags ul li a,

.meta ul li a {

    color: #747e80;

    text-decoration: none;

    text-transform: none;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.catagories ul li a:hover,

.recent-posts ul li a:hover,

.tags ul li a:hover,

.meta ul li a:hover {

    color: #5fb800;

}





/* Recent Posts */

.recent-posts ul li {

    display: table;

    margin-bottom: 30px;

}



.recent-posts-img {

    float: left;

}



.recent-posts-img img {

    width: 70px;

    height: 70px;

    margin: 0;

}



.recent-posts-description {

    float: left;

    margin-left: 15px;

}



.recent-posts ul li a {

    color: #000;

}



.recent-posts span {

    color: #747e80;

}



/* Tags */

.tags.blog-row-right-margin {

    margin-bottom: 20px;

}



.tags ul li {

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 25px;

}



.tags ul li:last-child {

    margin-right: 0;

}



.tags ul li a {

    padding: 7px;

    background: #f4fafa;

}



.tags ul li a:hover {

    color: #fff;

    background: #5fb800;

}



/* Single Blog */

.single-blog-img {

    height: 410px;

    width: 100%;

    background: url('http://via.placeholder.com/750x410/2d384e/ff7900') no-repeat center center;

    background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

}



.single-blog-text {

    padding: 40px 0;

}



.single-blog-text-top {

    text-align: right;

    margin-bottom: 25px;

}



.single-blog-text-top span {

    text-transform: uppercase;

}



.single-blog-text-middle {

    margin-bottom: 40px;

}



.single-blog-text-middle h3 {

    text-align: left;

}



/* Blockquote */

blockquote {

    font-size: 14px;

    background: #f4fafa;

    padding: 10px 17px;

    margin: 30px 0 30px 100px;



    border-left: 3px solid #5fb800;

}



.tags ul li h3 {

    color: #fff;

    background: #5fb800;

    padding: 7px;

    margin: 0;

    font-size: 14px;

}



/* Comments */

.comments {

    margin: 0 0 60px;

}



.comments h3 {

    text-align: left;

}



/* /* Comment img */

.comment-img {

    float: left;

    margin-right: 15px;

}



.comment-img img {

    width: 70px;

    height: 70px;

    margin: 0;

}



/* Comment Text */

.comment-text {

    display: table;

}



.comments p {

    color: #747e80;

    margin: 0 0 25px 0;

}



/* Comment Footer Left */

.comment-footer-left,

.comment-footer-left p {

    float: left;

    margin: 0;

    text-transform: uppercase;

}



.comment-footer-left p:first-child {

    margin-right: 15px;

    color: #333;

}



/* Comment Footer Right */

.comment-footer-right {

    float: right;

}



.comment-footer-right a {

    color: #747e80;

    text-decoration: none;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.comment-footer-right a:hover {

    color: #5fb800;

}



/* Reply */

.reply {

    margin: 30px 0 30px 100px;

}



/* Form */

.blog-single-form {

    text-align: center;

}



/*--- End  Section Blog ---*/

/*--- Start  Section Contact ---*/

.contact-info-text {

    margin-bottom: 40px;

}



.contact-info-text h3 {

    text-align: left;

}



.contact-info-text p {

    width: 70%;

}



.contact-info-address p {

    margin-bottom: 25px;

}



.contact-info-address p:last-child {

    margin-bottom: 0;

}



.contact-info-address i {

    color: #5fb800;

    margin-right: 10px;

}



.contact .social {

    margin-top: 40px;

}



.contact .social ul {

    top: 0;

}



.contact .social ul li a {

    color: #747e80;

}



.contact .social ul li a:hover {

    color: #5fb800;

}



/* Form */

textarea,

input[type="text"],

input[type="email"],

input[type="Submit"] {

    font-family: roboto;
    line-height: 1.5;
    height: 45px;
    width: 100%;
    color: #2a5200;
    background: #f4fafa;
    padding-left: 30px;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px dotted #2a5200;
    outline: 0;



}



textarea {

    height: 288px;

    padding-top: 30px;

}



input[type="Submit"] {

    height: 45px;

    padding: 0;

    color: #fff;

    background: #5fb800;

    margin: 10px 0 0;

    text-transform: uppercase;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



input[type="Submit"]:hover {

    background: #d06d14;

}



/*--- End  Section Contact ---*/

/*--- Start  Section Client ---*/

.client {

    background: #f4fafa;

}



.owl-carousel img {

    -webkit-filter: grayscale(100%) opacity(40%);

    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) opacity(40%);

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.owl-carousel img:hover {

    -webkit-filter: grayscale(0) opacity(100%);

    /* Safari 6.0 - 9.0 */
    filter: grayscale(0) opacity(100%);

}



/*--- End  Section Client ---*/

/*--- Start Scroll Top ---*/

.scroll-top {

    color: #fff;

    width: 40px;

    height: 40px;

    right: 15px;

    bottom: 30px;

    position: fixed;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    background: rgba(45, 56, 78, .18);

    cursor: pointer;

    opacity: 0.4;

    display: none;

    z-index: 99999;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.scroll-top:hover {

    background: #5fb800;

    opacity: 1;

}



/*--- End Scroll Top ---*/

/*--- Start  Footer ---*/

footer {

    background: #2d384e;



}



footer.section-padding {

    padding-bottom: 0;

}



footer h3 {

    color: #fff;

    text-align: left;

}



/* About */

.about {

    padding-right: 40px;

}



.about img {

    height: 40px;

    margin-bottom: 25px;

}



/* Links / Products */

.links ul,

.products ul {

    padding: 0;

    margin: 0;

}



.links ul li,

.products ul li {

    margin-bottom: 25px;

}



.links ul li:last-child,

.products ul li:last-child {

    margin-bottom: 0;

}



.links ul li a,

.products ul li a {

    color: #747e80;

    text-decoration: none;

    text-transform: uppercase;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.links ul li a:hover,

.products ul li a:hover {

    color: #5fb800;

}



/* Newsletter */

footer form {

    position: relative;

    margin-top: 40px;

}



footer form input[type="email"] {

    margin: 0;

}



footer form input[type="Submit"] {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    width: 70px;

    border-radius: 0 25px 25px 0;

}



/* Copyrights */

.copyrights {

    margin-top: 100px;

    text-align: center;

    background: #2a354a;

    padding: 40px 0
}



.copyrights p a {

    color: #5fb800;

    transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.copyrights p a:hover {

    color: #d06d14;

    text-decoration: none;

}



/*--- End  Footer ---*/

/*--- Responsive ---*/

@media (max-width: 1366px) {

    /* Header */
    header p {

        width: 48%;

    }

}



@media (max-width: 991px) {

    /* Header */
    h1 {

        font-size: 35px;

    }

    /* Navbar */
    .navbar-default .navbar-nav > li > a {

        font-size: 14px;

    }

    /* About */
    .about-us-left {

        padding-right: 15px;

        margin-bottom: 60px;

    }

    /* State */
    .state {

        padding-bottom: 70px;

    }

    .state-items {

        margin-bottom: 30px;

    }

    /* Interested */
    .interested h2,

    .interested p,

    .interested .main-bottns {

        text-align: center;

    }

    .interested .main-bottns {

        padding: 40px 0 0;

    }

    /* Foorm */
    .about,

    .links {

        margin-bottom: 30px;

    }

    /* Blog */
    .blog-nav,

    .blog-single-form {

        margin-bottom: 60px;

    }

}



@media (max-width: 767px) {

    /* Navbar */
    .navbar-default .navbar-collapse,

    .navbar-default .navbar-form {

        border-color: transparent;

        background: #e6ffe8;

    }

    .navbar-fixed-top .navbar-collapse {

        max-height: none;

    }

    .navbar ul {

        text-align: center;

    }

    .navbar-default .navbar-nav > li {

        margin: 0 0 25px;

    }

    .navbar-default .navbar-nav > li:last-child {

        margin-bottom: 0;

    }

    .navbar-default .navbar-nav > li > a {

        font-size: 22px;

        font-weight: 500;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #fff;

        font-size: 22px;

        font-weight: 500;

        line-height: 1.5;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #5fb800;

    }

    .dropdown ul {

        padding: 20px 0 0;

    }

    /* Contact */
    .contact form {

        margin-top: 60px;

    }

    /* Footer */
    .footer-about,

    .products {

        margin-bottom: 30px;

    }



}



@media (max-width: 480px) {

    /* Header */
    header p {

        width: 68%;

    }

    /* Prices */
    .prices span {

        margin-left: 15px;

        ;

    }

}



/*--- Only on Microsoft Explorer browser IE 10+ ---*/

@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {



    /*--- Section Contact ---*/
    textarea,

    input[type="text"],

    input[type="email"] {

        color: #747e80;

    }

}

/*-------------------------



            added



--------------------------*/

.name-brand {

    color: #fff;

    font-size: 30px;

}


.title__description {

    font-size: 18px;

}

.promo {

    /*margin-bottom: 50px;*/
    text-align: center;

}



.promo h3 {

    text-align: center;

    margin-bottom: 10px;

}

.promo p {

    font-size: 16px;

    line-height: 1.5;

}

.white {

    color: #fff;

}

.dark {

    color: #444;

}

h3.dark {
    font-size: 2.2em;
}

.green {

    color: #004703;

}

.dark p {

    color: #444;

}

.orange {

    color: #5fb800;

}

.orange h3 {

    color: #5fb800;

}

.nav-bg-dark {

    background-color: rgba(45, 56, 78, .9);

}

.policy {

    margin-top: 200px;

}

.policy h1 {

    color: #444;

    font-size: 50px;

}

.policy h3 {

    color: #444;

}

.policy p {

    margin-bottom: 20px;

}

.text-left {

    text-align: left;

}

.features-items .fas {

    font-size: 60px;

    margin-bottom: 40px;

    color: #5fb800;

}

footer.section-padding {

    padding: 0;

}

.copyrights {

    margin-top: 0;

    background: none;

}

.interested .order-bottns {

    margin-top: 20px;

    padding: 0;

    text-align: center;

}

.order-bg {



    min-height: 500px;

    background: url(../img/01/04.jpg) no-repeat center center;

    background-size: cover;

}

.security-bg {

    min-height: 500px;

    background: url(../img/01/05-1.jpg) no-repeat center center;

    background-size: cover;

}

.process-bg {

    min-height: 500px;

    background: url(../img/01/05.jpg) no-repeat center center;

    background-size: cover;

}

.security-cart {
    min-height: 200px;
    position: relative;
    padding: 30px;

    background: #fff;
    -webkit-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    -moz-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}

.decision-cart {
    min-height: 230px;
    position: relative;
    padding: 30px;

    background: #fff;
    -webkit-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    -moz-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}

.services-cart {
    min-height: 250px;
    position: relative;
    padding: 30px;

    background: #fff;
    -webkit-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    -moz-box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    box-shadow: 1px 3px 34px -18px rgba(0, 0, 0, 0.94);
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}

.security-cart h4 {
    text-transform: uppercase;
    color: darkorange;
    font-size: 1.7em;
    font-family: 'Oswald', sans-serif;
    margin: 0px 0 10px 0;

}

.decision-cart h4 {
    text-transform: uppercase;
    color: darkorange;
    font-size: 1.7em;
    font-family: 'Oswald', sans-serif;
    margin: 0px 0 10px 0;

}

.services-cart h4 {
    text-transform: uppercase;
    color: darkorange;
    font-size: 1.7em;
    font-family: 'Oswald', sans-serif;
    margin: 0px 0 10px 0;

}

div.security-cart.min-height-security p {
    color: darkslategrey;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 20px 20px 20px;
    font-size: .9em;
    line-height: 1.4em;
}

div.decision-cart.min-height-security p {
    color: darkslategrey;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 20px 20px 20px;
    font-size: .9em;
    line-height: 1.4em;
}

div.services-cart.min-height-security p {
    color: darkslategrey;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 20px 20px 20px;
    font-size: 1.3em;
}

.center {

    text-align: center;

}

.center {

    text-align: center !important;

    margin-bottom: 20px !important;

}



.white p {

    color: #fff;

    font-size: 18px;

}

.map {

    margin-top: 50px;

    width: 100%;

    height: 400px;

}

.googlemap-img {

    width: 100%;

    height: 400px;

    background: #ccc url(../img/bg/map-bg.png) center/cover no-repeat;

    background-size: cover;

    z-index: -1;

}

#map {

    height: 100%;

}

.textarea-modal {

    height: 150px;

}

.title-width p {

    width: 100%;

}

.no-bg {

    background: transparent;

}

.arrow {

    position: absolute;

    bottom: 20px;

    right: -50px;

    transform: rotate(10deg);

}

.arrow-first {

    position: absolute;

    bottom: -20px;

    right: -40px;

    transform: rotate(21deg);

}

.modal-open {
    overflow: auto;
}

.height-map {
    min-height: 400px;
    margin-bottom: 50px;

}

a {
    cursor: pointer;
}

.border-bottom {
    position: relative;
    margin: 0 auto;
    max-width: 220px;
}

.border-bottom:after {
    content: '';
    position: absolute;
    top: 35px;
    left: 0%;
    right: 0%;
    height: 1px;
    background: #ccc;
}

.items-bg {
    background: #eee url(../img/01/06.jpg) center/cover no-repeat;
}

.min-height {
    min-height: 250px;
}

.services-height {
    min-height: 330px;
}

.def-height {
    min-height: 400px
}

.services-height {
    min-height: 350px;
}

@media (min-width: 768px) {
    .about-us-text {
        margin-bottom: 50px;
    }
    .title {

        position: relative;

        text-align: center;

        margin-bottom: 10px;

    }
}

@media (max-width:1024px) {
    .item-height-hight {
        min-height: 480px;
    }
    .min-height-security {
        min-height: 300px;
    }
    .min-height-security h4 {
        font-size: 37px;
        font-weight: bold;
    }
    div.decision-cart.min-height-security p {
        color: darkslategrey;
        font-family: 'Roboto Condensed', sans-serif;
        padding: 0 20px 20px 20px;
        font-size: 15px;
        line-height: 1.4em;
    }
    .title {

        position: relative;

        text-align: center;

        margin-bottom: 30px;

    }

}

@media (max-width:991px) {

    .order-bg {

        margin-top: 40px;

    }

    .promo {

        margin-bottom: 0px;

    }

    .features-items {
        min-height: 0px;
        border-bottom: 1px solid #ccc;
    }

    .item-height {
        min-height: 300px;
    }
    .security-cart {

        min-height: 0;

    }

    .services-height {
        min-height: 345px;
    }

    .invis {
        width: 100%;
        /*display:none;*/
    }
    .about-us-text {
        margin-bottom: 50px;
    }
}

@media (max-width:520px) {
    .about-us-text {
        margin-bottom: 50px;
    }

    .block-margin-bottom {
        margin-bottom: 0px;
    }
}

@media (max-width:768px) {
    .about-us-text {
        margin-bottom: 50px;
    }
}



@media (max-width: 320px) {
    .main-bottns a.white {
        margin-right: 0px;
    }
    .item-height {
        min-height: 395px;
    }
}

#action {
    font-family: 'Roboto Condensed', sans-serif;
}