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

Project: Bitcoin Landing Page
Template Version: 1.1
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
13. Section Contact Us
15. Scroll Top
16. footer
17 Page Blog
18 Page Single Blog
19. Responsive
20. 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: 0 0 25px;
    line-height: 1.5;
}

h2,
h3 {
    text-align: center;
    color: #333;
}

h1 {
    font-weight: 900;
    font-size: 57px;
    color: #fff;
    animation-delay: .3s;
}

h2 {
    font-weight: 700;
    font-size: 35px;
}

h3 {
    font-weight: 500;
    font-size: 22px;
}

/* P */

p {
    color: #747e80;
    margin: 0;
}

/* Title */

.title {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

.title h2 {
    margin-bottom: 25px;
}

.title p {
    margin: 0 auto;
    width: 50%;
}

/* Section Padding */

.section-padding {
    padding: 100px 0;
}

/* Selection */

::selection {
    color: #fff;
    text-shadow: none;
    background: #7979F6;
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #7979F6;
}

/* Bottns */

.main-bottns {
    padding-top: 40px;
}

.main-bottns a {
    width: 185px;
    height: 42px;
    color: #fff;
    background: #7979F6;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    line-height: 42px;
    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: #7979F6;
    background: #fff;
    margin-left: 30px;
}

.main-bottns a:hover,
.main-bottns a.white:hover {
    text-decoration: none;
    background: #d06d14;
    color: #fff;
}

/* Navbar */

.navbar {
    margin: 0;
    padding: 44px 0 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: #2d384e;
    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: 25px;
}

.navbar-nav > li:last-child {
    margin-right: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 0;
    -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: #7979F6;
    background: transparent;
}

.navbar-default .navbar-nav > .active > a:hover {
    color: #7979F6;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #7979F6;
    background-color: transparent;
}

/* Dropdown Menu */

.dropdown-menu {
    top: 45px;
    background: #2d384e;
}

.dropdown-menu > li > a {
    color: #fff;
    padding: 8px 20px;
    line-height: 1.5;
    -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: #7979F6;
    background-color: transparent;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: transparent;
}

.dropdown a i {
    margin-left: 5px;
}

/* 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: #fff;
    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: #7979F6;
}

/* 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: #7979F6;
}

/* 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: #7979F6;
}

/*--- End Navbar ---*/
/*--- Start Header ---*/

.img-hero {
    position: relative;
    height: 100%;
    width: 100%;
    background: url('bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.overlay-header {
    background-color: rgba(45, 56, 78, .7);
    position: absolute;
    width: 100%;
    height: 100%;
}

.header-text {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-text h1 {
    width: 36%;
    margin: 0 auto 25px;
}

.header-text p {
    color: #fff;
    width: 45%;
    margin: 0 auto;
    animation-delay: .5s;
}

header .main-bottns {
    animation-delay: .7s;
}

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

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

/* about-us-text */

.title-about h2 {
    text-align: left;
}

.about-us p {
    color: #747e80;
    margin: 0;
}

/* about-us-video */

.about-us-left {
    padding-right: 55px;
}

.about-footer {
    padding-top: 40px;
}

.about-footer .main-bottns {
    display: inline-block;
    float: left;
    padding-top: 0;
    margin-right: 30px;
}


.fa-play {
    position: relative;
    width: 42px;
    height: 42px;
    color: #7979F6;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}

.fa-play:hover {
    color: #fff;
    background: #7979F6;
}

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

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

.features {
    text-align: center;
    background: #f4fafa;
    padding-bottom: 70px;
}

.features-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;
}

.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, .1);
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    color: #7979F6;
    margin: 0 0 25px;
    font-size: 60px;
    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/7979F6') 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;
}

/*--- 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: #7979F6;
}

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

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

.prices {
    background: #f4fafa;
}

.prices-title {
    height: 42px;
    width: 100%;
    background: #7979F6;
}

.prices-title h4 {
    margin: 0;
    color: #fff;
    line-height: 42px;

}

.line {
    height: 42px;
    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;
    position: relative;
    line-height: 42px;
}

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('bg.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: #7979F6;
    -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/7979F6') 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/7979F6') 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/7979F6') 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/7979F6') 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: #f4fafa;
    padding-bottom: 70px;
}

.pricing-items {
    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;
}

/*--- 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/7979F6') 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/7979F6') 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/7979F6') 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;
}

.blog-text h3 {
    text-align: left;
}

/*--- 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: #7979F6;
    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: #7979F6;
}

/* Form */

textarea,
input[type="text"],
input[type="email"],
input[type="Submit"] {
    font-family: roboto;
    line-height: 1.5;
    height: 42px;
    width: 100%;
    color: #747e80;
    background: #f4fafa;
    border-radius: 25px;
    padding-left: 30px;
    margin-bottom: 30px;
    border-color: transparent;
    outline: 0;
}

textarea {
    height: 288px;
    padding-top: 30px;
}

input[type="Submit"] {
    height: 42px;
    width: 145px;
    padding: 0;
    color: #fff;
    background: #7979F6;
    margin: 10px 0 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;
}

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: #7979F6;
    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: 15px;
}

.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;
    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: #7979F6;
}

/* 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: #7979F6;
    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 ---*/

/*--- Start Page Blog ---*/

.blog-header {
    position: relative;
    height: 450px;
    background: url('http://via.placeholder.com/1920x450/2d384e/7979F6') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.blog-header-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    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: #7979F6;
}

/* 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: #7979F6;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #7979F6;
    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: #7979F6;

}

/* Blog Row Right */
.blog-row-right {
    padding-left: 40px;
}

/* 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: 42px;
    color: #fff;
    background-color: #7979F6;
    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: #7979F6;
}


/* 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: #7979F6;
}

/*--- End Page Blog ---*/
/*--- Start Page Single Blog ---*/
/* Header */
.single-blog-header {
    background: url('http://via.placeholder.com/1920x450/2d384e/7979F6') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.single-blog-text-top {
    margin-bottom: 25px;
}

.single-blog-text-middle {
    margin-bottom: 40px;
}

.single-blog-text-middle h3 {
    text-align: left;
}

/* Blockquote */

blockquote {
    font-size: 14px;
    background: #f4fafa;
    padding: 40px;
    margin: 30px 0 30px 40px;
    border-left: 1px solid #7979F6;
}

.tags ul li h3 {
    color: #fff;
    background: #7979F6;
    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;
}

.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: #7979F6;
}

.comment-footer-right a i {
    margin-right: 5px;
}

/* Reply */

.reply {
    margin: 30px 0 30px 100px;
}

/* Form */

.blog-single-form {
    text-align: center;
}

/*--- End Page Single Blog ---*/
/*--- Responsive ---*/

@media (max-width: 1366px) {

    /* Header */
    .header-text h1 {
        width: 90%;
    }

    .header-text p {
        width: 80%;
    }
}

@media (max-width: 991px) {

    /* About */
    .about-us-left {
        padding-right: 15px;
        margin-bottom: 60px;
    }

    .about-img img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    /* 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;
    }

    .blog-row-right {
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    /* Header */
    .img-hero {
        height: 912px;
    }

    header h1 {
        font-size: 45px;
    }

    /* Navbar */
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
        background: #2d384e;
    }

    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }

    .navbar ul {
        padding: 40px 0 40px 15px;
    }

    .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: #7979F6;
    }

    .dropdown ul {
        padding: 20px 0 0;
    }

    /* Contact */
    .contact form {
        margin-top: 60px;
    }

    /* Footer */
    .footer-about,
    .products {
        margin-bottom: 30px;
    }

}

@media (max-width: 480px) {

    /* Navbar */
    .navbar {
        padding: 0;
    }

    /* Header */
    .main-bottns a.white {
        display: block;
        margin: 30px auto 0;
    }

    .title p {
        width: 100%;
    }

    /* Prices */
    .prices span {
        margin-left: 0;
    }
}

/*--- 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;
    }
}