/*
    Theme Name: hamim
    Authore: hamimbird
    Version: 1.01
    =========================
        Table of Content
    =========================
    1. menu part 
    2. banner part 
    3. About Part
    4. counter part
    5. portfolio part
    6. service part
    7. team part
    8. price table part
    9. testimonial  part
    10. client part
    11.  blog part
    12. contact us part
    13. footer part

    14. parallax and particles home page css
    
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto+Condensed:300,400,700");
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    font-family: 'open sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
}
footer,
section{
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
    margin: 0;
    padding: 0;
}

a:hover,
a {
    text-decoration: none;
}

ul,
ol {
    list-style-type: none;
}


/* master class css  */

.banner_left,
.banner_right,
.all_tag a,
.recent_post ul li a,
.catagory ul li a,
.page_pagination ul li a,
.bakTop,
.contact_form input[type="submit"],
.client_slider img,
.testarr_left,
.testarr_right,
.test_item,
.blog_item a,
.blog_item,
.price_item,
.price_item>i,
.price_item a,
.team_item,
.service_item h3,
.service_item,
.service_item i,
.home_gallary_img .overly,
.overly_content a,
.social_media a i,
.banner_content a,
.logo,
#hamimmenu li a {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.banner_left:hover,
.banner_right:hover,
.bakTop,
.test_item img,
.blog_item:hover,
.price_main:nth-child(2) .price_item,
.price_item:hover,
.team_item:hover,
.service_item:hover {
    -webkit-box-shadow: 0px 0px 32px 3px rgba(85, 85, 85, 0.2);
    -moz-box-shadow: 0px 0px 32px 3px rgba(85, 85, 85, 0.2);
    box-shadow: 0px 0px 32px 3px rgba(85, 85, 85, 0.2);
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
.logo {
    font-family: 'Roboto Condensed', sans-serif;
}

.section_header {
    margin-bottom: 70px;
}

.section_header h2 {
    margin-bottom: 30px;
    font-weight: 700;
}

.sec_head_bg {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.sec_head_bg i {
    position: absolute;
    left: 50%;
    top: 5px;
    font-size: 50px;
    transform: translateX(-50%);
    -webkir-transform: translateX(-50%);
    z-index: -1;
    color: rgba(0, 0, 0, .1);
}


/* master class css end */


/* all template color css  */

h2 {
    font-size: 3rem;
}

h3 {
    font-size: 28px;
    font-weight: 700;
}

h4 {
    font-size: 20px;
}

.page_pagination ul li a,
.testarr_left,
.testarr_right,
.counter_inner span,
.skills .skill .skill-bar span b,
.skills .skill .skill-title,
p,
.social_media a i,
#hamimmenu li a {
    color: #848484
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
.price_item ul li,
.service_item i,
.logo {
    color: #222
}

a:hover,
.filter_menu li.active,
.all_tag a:hover,
.recent_post ul li a:hover,
.catagory ul li a:hover,
.testarr_left:hover,
.testarr_right:hover,
.blog_item a:hover,
.banner_content a:hover,
.logo:hover,
#hamimmenu li:hover a,
#hamimmenu .nav-pills .nav-link.active {
    color: #000;
}

.page_pagination ul li a:hover,
.bakTop:hover,
.contact_form input[type="submit"]:hover,
.price_item:hover>i,
.price_item a:hover,
.service_item:hover i {
    background: #000;
}

.skills .skill .skill-bar span {
    background: rgba(0, 0, 0, .5);
}

.social_media a i,
.banner_content a {
    border-color: rgba(0, 0, 0, .5) !important;
}

.all_tag a:hover,
.contact_form textarea:focus,
.contact_form input:focus,
.social_media a i:hover,
.banner_content a:hover {
    border-color: #000!important;
}


/* all template color css end */


/*== menu part css start  ==*/
.navbar{
    box-shadow: 0 2px 3px #ddd;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.logo {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 45px;
}

#hamimmenu li a {
    position: relative;
    padding: 15px 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color:#444;
}
#hamimmenu li a:after{
    content: '';
    position: absolute;
    height: 6px;
    width:6px;
    border-radius: 50%;
    background: rgba(0,0,0,.7);
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
    transition: 2s;
    -webkit-transition: 2s;
}
#hamimmenu li a:hover:after,
#hamimmenu li a.active:after{
    opacity: 1;
}
#hamimmenu .nav-pills .nav-link.active {
    background: none;
}


/*== banner part css start  ==*/

.banner_item {
    background-position: center!important;
    background-size: cover !important;
    position: relative;
    z-index: 1;
    height: 100vh;
}

.banner_item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: -1;
}

.banner_item .container .row,
.banner_item .container {
    height: 100%;
}

.banner_content {
    position: relative;
    top: calc(50% + 30px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.banner_content h4{
    font-size: 2.5rem;
    margin-bottom:15px;
}
.banner_content h2 {
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 5rem;
}

.banner_content p {
    padding-bottom: 30px;
    color: rgba(0, 0, 0, .8);
}

.banner_content > a {
    margin: 0 20px;
    text-transform: capitalize;
    border: 1px solid;
    padding: 2px 20px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
    color: #444;
}
.banner_content > a:hover{
    background: #222;
    color:#fff;
}

.header_social_link a{
    text-transform: capitalize;
    font-family: 'open sans',sans-serif;
    margin: 5px 15px 20px 15px;
    display: inline-block;
    color:#444;
}

.banner_left,
.banner_right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 5px 10px;
    font-size: 20px;
    z-index: 99;
    cursor: pointer;
    background: #fff;
    opacity: 0;
}

#banner_part:hover .banner_left,
#banner_part:hover .banner_right {
    opacity: 1;
}

.banner_left {
    left: 0;
}

.banner_right {
    right: 0;
}


/* about part css*/

#about_part {
    padding: 80px 0;
}

.about_inner {
    padding-right: 25px;
}

.about_inner h3 {
    margin-bottom: 8px;
}

.about_inner span {
    font-size: 14px;
    display: block;
    font-weight: 600;
    color:#555;
}

.about_inner p {
    padding-top: 15px;
}

.social_media {
    margin-top: 20px;
}

.social_media a i {
    height: 35px;
    width: 35px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin-right: 5px;
}
.social_media a i:hover{
    background: #000;
    color: #fff;
}

.about_skill {
    padding-left: 25px;
}

.skills {
    margin-top: 45px;
}

.skills .skill {
    margin-bottom: 20px;
}

.skills .skill .skill-title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.skills .skill .skill-bar {
    width: 0;
    height: 6px;
    background: #f0f0f0;
    transition: 1s cubic-bezier(1, 0, .5, 1);
    -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
    -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
}

.skills.active .skill .skill-bar {
    width: 100%;
}

.skills .skill .skill-bar span {
    float: left;
    width: 0%;
    height: 6px;
    position: relative;
    transition: 1s cubic-bezier(1, 0, .5, 1);
    -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
    -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
}

.skills .skill .skill-bar span b {
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
    opacity: 0;
    font-size: 14px;
    font-weight: 400;
    top: 3px;
}


/* counter part css */

#counter_part {
    background: #f8f9fa;
    padding: 100px 0;
}

.counter_inner {
    position: relative;
    z-index: 1;
}

.counter_inner h4 {
    margin-top: 10px;
    font-weight: 600;
}

.counter_inner i {
    position: absolute;
    font-size: 100px;
    z-index: -1;
    color: rgba(0, 0, 0, .05);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.counter_inner span {
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
}


/* portfolio part css */

#portfolio_part {
    padding: 78px 0 57px 0;
}
.filter_menu{
    text-align: center;
    margin-bottom:40px;
    margin-top:-15px;
}
.filter_menu li{
    position: relative;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    margin: 0 10px;
}
.filter_menu li:after{
    content: '';
    position: absolute;
    height: 6px;
    width:6px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    bottom:-5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
}
.filter_menu li:hover:after,
.filter_menu li.active:after{
    opacity: 1;
}
.home_gallary_img {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.home_gallary_img img {
    width: 100%;
}


.home_gallary_img .overly {
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
}

.home_gallary_img:hover .overly {
    opacity: 1;
}

.home_gallary_img img {
    transition: .5s;
    -webkit-transition: .5s;
}

.home_gallary_img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.overly_content {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.overly_content a,
.overly_content p,
.overly_content h4 {
    color: #fff;
}

.overly_content p {
    margin: 8px 0;
    font-size: 14px;
    line-height: 24px;
    color: #ddd;
}

.overly_content a {
    font-size: 20px;
    color: #ccc;
}

.overly_content a:hover {
    color: #fff;
}


/* service part css */

#service_part {
    background: #f6f6f6;
    padding: 75px 0 26px 0;
}

.service_item {
    position: relative;
    padding: 30px 15px;
    background: #fff;
    margin-bottom: 60px;
}

.price_item>i,
.service_item i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: #f2f2f2;
    border-radius: 50%;
    font-size: 30px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.service_item:hover i {
    color: #f6f6f6;
}

.service_item h3 {
    text-transform: capitalize;
    padding: 20px 0 15px 0;
}


/* team part css */

#team_part {
    padding: 75px 0 85px 0;
}

.team_item {
    background: #f6f6f6;
    padding-bottom: 20px;
    border-radius: 0 0 5px 5px;
}

.team_item h3 {
    padding-top: 15px;
}

.team_item span {
    font-size: 13px;
    font-weight: 600;
}

.team_item p {
    padding-top: 5px;
}

.team_social_icon {
    margin-top: 15px;
}


/* price table css */

#price_table {
    background: #f6f6f6;
    padding: 75px 0 70px 0;
}

.price_item {
    position: relative;
    border: 1px solid #ddd;
    background: #fcfcfc;
    text-align: center;
    border-radius: 5px;
    padding: 30px;
    margin-top: 25px;
}

.price_main:first-child .price_item {
    position: relative;
    right: -60px;
}

.price_main:last-child .price_item {
    position: relative;
    left: -60px;
}

.price_main:nth-child(2) .price_item {
    position: relative;
    z-index: 1;
    transform: translateY(-22px);
}

.price_item:hover {
    z-index: 22;
}

.price_item h2 {
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 2.5rem;
}

.price_item h3 {
    font-size: 60px;
    padding: 20px 0 30px 0;
}

.price_main:last-child .price_item h3 {
    padding: 10px 0 20px 0;
}

.price_item h3 sup {
    top: -30px;
    font-size: 25px;
    margin-right: 3px;
}

.price_item h3 sub {
    font-size: 20px;
    margin-left: -5px;
}

.price_item ul {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.price_item ul li {
    padding: 10px 0;
    text-align: left;
    margin-left: 50px;
    color:#848484;
}

.price_main:last-child .price_item ul li {
    padding: 5px 0;
}

.price_item ul li i {
    color: rgba(0, 0, 0, .6);
    margin-right: 5px;
}

.price_item ul li span {
    font-weight: 700;
}

.price_item a {
    text-transform: capitalize;
    border: 1px solid;
    padding: 5px 30px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 30px;
    font-size: 15px;
    background: #f6f6f6;
    letter-spacing: 2px;
    font-weight: 700;
}

.price_main:last-child .price_item a {
    margin-top: 20px;
}

.price_item:hover>i,
.price_item a:hover {
    color: #f6f6f6;
}


/* testimonial part css */

#testimonial_part {
    padding: 60px 0 69px 0;
}

#testimonial_part .section_header {
    margin-bottom: 10px;
}

.test_item {
    background: #f6f6f6;
    padding: 0 15px 30px 15px;
    border-radius: 5px;
}

.test_item img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: relative;
    top: -50px;
    display: inline-block;
}

.test_item p {
    margin-top: -20px;
}

.test_item h4 {
    padding: 20px 0px 8px;
    color: #000;
    font-weight: 700;
}

#testimonial_part .slick-track {
    padding-top: 60px;
}

.test_item h6 {
    font-size: 14px;
    color:#555;
}

.testarr_left,
.testarr_right {
    cursor: pointer;
    position: absolute;
    top: calc(50% + 30px);
    z-index: 99;
    padding: 5px;
    font-size: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 30px;
    width: 30px;
    text-align: center;
    background: #ddd;
    opacity: 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.testarr_left {
    left: 0
}

.testarr_right {
    right: 0;
}
.test_slider:hover .testarr_left,
.test_slider:hover .testarr_right {
    opacity: 1;
}


/* client part css  */

#client_part {
    background: #f6f6f6;
    padding: 80px 0;
}

.client_slider img {
    display: inline-block;
    opacity: .5;
}

.client_slider img:hover {
    opacity: 1;
}

.client_slider .testarr_left,
.client_slider .testarr_right{
    top: 50%;
}
#client_part:hover .testarr_left,
#client_part:hover .testarr_right{
    opacity: 1;
}
/* blog part css start */

#blog_part {
    padding: 75px 0 50px 0;
}

.blog_item {
    background: #f6f6f6;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px;
}

.blog_item img {
    width: 100%;
}

.blog_text {
    padding: 20px;
}

.blog_text h5 {
    font-size: 14px;
}

.blog_text h3 {
    padding: 10px 0 3px;
    font-weight: 600;
}

.blog_text p {
    padding: 10px 0 15px 0;
}

.blog_text>a {
    letter-spacing: 2px;
    text-transform: capitalize;
}

.blog_small .blog_text h3 {
    font-size: 20px;
    padding: 10px 0;
}

.blog_small .blog_text p {
    font-size: 14px;
    padding: 3px 0 10px 0;
}


/* contact us css */

#contact_part {
    padding: 60px 0;
    background: #f6f6f6;
}

.contact_form input {
    border-radius: 0;
}

.contact_form textarea:focus,
.contact_form input:focus {
    box-shadow: none;
}

.contact_form textarea {
    height: 120px;
    resize: none;
    border-radius: 0;
}

.contact_form [type="submit"] {
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.contact_form [type="submit"]:hover {
    color: #f6f6f6;
}

.contact_info {
    margin-left: 50px;
}

.contact_info p {
    margin-bottom: 20px;
}
.contact_info p a{
    color:#848484;
}
.contact_info p i {
    margin-right: 10px;
}

.contact_info .social_media {
    margin-top: 50px;
}

.contact_info .social_media h4 {
    margin-bottom: 10px;
}


/* footer part css */

#footer_part {
    background: rgba(0, 0, 0, .9);
    padding: 15px 0;
}

#footer_part p a,
#footer_part p {
    color: #f6f6f6;
}


/* back to top button css */

.bakTop {
    height: 40px;
    width: 40px;
    background: #f6f6f6;
    line-height: 40px;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    display: none;
    font-size: 22px;
}

.bakTop:hover {
    color: #f6f6f6;
}


/* Blog Page css */

.inner_page_head {
    position: relative;
    background: url(../images/banner2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    z-index: 1;
    height: 250px;
    margin-top: 72px;
}

.inner_page_head .container,
.inner_page_head .container .row {
    height: 100%;
}

.inner_page_head:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: -1;
}

.breadcrumb_head {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.breadcrumb_head h2 {
    color: #fff;
}

.breadcrumb {
    background: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb li a,
.breadcrumb li {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    color: #f6f6f6!important;
}

.breadcrumb li a:hover {
    color: #ddd!important;
}

.blog_video {
    line-height: 0;
}

.blog_video iframe {
    width: 100%;
    border: 0;
    min-height: 400px;
    line-height: normal;
}

.blog_grid iframe {
    min-height: 218px;
}

.blog_page {
    padding-top: 80px;
    padding-bottom: 30px;
}

.blog_page .blog_item {
    margin-bottom: 30px;
}


/* pagination css */

.page_pagination ul {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.page_pagination ul li {
    display: inline-block;
}

.page_pagination ul li a:hover {
    color: #f6f6f6;
}


/* blog sidebar css */

.all_tag,
.blog_sidebar form,
.catagory,
.recent_post,
.side_social {
    margin-bottom: 30px;
}

.all_tag h4,
.blog_sidebar form h4,
.catagory h4,
.recent_post h4 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.side_social h4 {
    margin-bottom: 18px;
}

.blog_sidebar form input {
    border-radius: 0;
}

.blog_sidebar form input:focus {
    border: 1px solid #222;
    box-shadow: none;
}

.recent_post ul li a,
.catagory ul li a {
    font-family: 'open sans', sans-serif;
    font-size: 15px;
    padding: 5px 0;
    display: block;
}

.catagory ul li a span {
    float: right;
}

.all_tag a {
    border: 1px solid rgba(0, 0, 0, .5);
    font-family: 'open sans', sans-serif;
    font-size: 15px;
    padding: 0px 15px;
    display: inline-block;
    margin-top: 8px;
    border-radius: 3px;
}


/* blog details page css*/

.share {
    margin-top: 5px;
    margin-left: 20px;
}

.blg_dtls_content {
    padding-top: 20px;
}

.ditels_icon span {
    padding-left: 15px;
    margin: 10px 0 20px 0;
    font-size: 13px;
    display: inline-block;
}

.ditels_icon span i {
    margin-right: 8px;
}

.blg_dtls_content>.media {
    padding-top: 30px;
}

.blg_dtls_content .media {
    margin-top: 0px;
}

.sub-media {
    padding: 30px 0;
}

.blg_dtls_content h2 {
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-weight: 700;
}

.blg_dtls_content h4 {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 8px;
}

.blg_dtls_content h4 span {
    float: right;
    font-size: 13px;
    font-weight: 400;
}

.blg_dtls_content p {
    font-size: 14px;
}

.blog_media a {
    font-size: 14px;
    padding-top: 8px;
    display: inline-block;
}

.media_first {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.blg_dtls_content .media .media-left {
    padding-right: 30px;
}

.comment {
    margin-top: 50px;
    margin-bottom: 30px;
}

.comment h3 {
    margin-bottom: 20px;
    font-size: 18px;
}

.comment textarea {
    height: 120px;
    resize: none;
}
.comment textarea:focus,
.comment input:focus{
    box-shadow: none;
    border-color:rgba(0, 0, 0, .8);
}
.comment [type="submit"] {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s;
}
.comment [type="submit"]:hover{
    background: rgba(0, 0, 0, .8);
    color:#fff;
}

/* preloader css */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f6f6f6;
    z-index: 9999;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    top: 48%;
    left: 48%;
    -webkit-animation: rotate 4.0s infinite linear;
    animation: rotate 4.0s infinite linear;
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.9);
    border-radius: 100%;
    -webkit-animation: bounce 4.0s infinite ease-in-out;
    animation: bounce 4.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/* parallax and particles home page css */
.main_px {
    background: #2980b9;
    height: 100vh;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  #particles-js, #parallax, .layer{
    height: 100%;
    position: relative !important;
    width: 100%;
  }

.banner_content_px{
    width: 100%;
    height: 100%;;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
}
.px_banner_content{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}
.main_px.banner_item:after{
    background: rgba(0, 0, 0, .7);
}
.banner_content.banner_content_px a,
.banner_content.banner_content_px h4,
.banner_content.banner_content_px h2{
    color: #fff;
}
  
.banner_content.banner_content_px a:hover{
    color:#ddd;
}