/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
    background-color: #f1f5f7;
}

body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-size:14px;
    line-height:24px;
    color:#6f6f6f;
    font-weight: 500;
    letter-spacing:0.5px;
}



/**Font family
===========================*/

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto-light.eot');
  src: url('../font/roboto-light.woff2') format('woff2'),
       url('../font/roboto-light.woff') format('woff'),
       url('../font/roboto-light.ttf') format('truetype'),
       url('../font/roboto-light.svg#roboto-Light') format('svg'),
       url('../font/roboto-light.eot?#iefix') format('embedded-opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto-bold.eot');
  src: url('../font/roboto-bold.woff2') format('woff2'),
       url('../font/roboto-bold.woff') format('woff'),
       url('../font/roboto-bold.ttf') format('truetype'),
       url('../font/roboto-bold.svg#roboto-Bold') format('svg'),
       url('../font/roboto-bold.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto-medium.eot');
  src: url('../font/roboto-medium.woff2') format('woff2'),
       url('../font/roboto-medium.woff') format('woff'),
       url('../font/roboto-medium.ttf') format('truetype'),
       url('../font/roboto-medium.svg#roboto-medium') format('svg'),
       url('../font/roboto-medium.eot?#iefix') format('embedded-opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto-regular.eot');
  src: url('../font/roboto-regular.woff2') format('woff2'),
       url('../font/roboto-regular.woff') format('woff'),
       url('../font/roboto-regular.ttf') format('truetype'),
       url('../font/roboto-regular.svg#roboto-regular') format('svg'),
       url('../font/roboto-regular.eot?#iefix') format('embedded-opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'miso';
  src: url('../font/miso-bold.eot');
  src: url('../font/miso-bold.woff2') format('woff2'),
       url('../font/miso-bold.woff') format('woff'),
       url('../font/miso-bold.ttf') format('truetype'),
       url('../font/miso-bold.svg#miso-bold') format('svg'),
       url('../font/miso-bold.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}

/*  typography end
==================================*/

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
   /* outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}
a:active,
a:focus{

text-decoration:none;
    color: #fff;
}


a:hover{
    text-decoration:none;
    color: #b71c1c;
}

h1, h2, h3, h4, h5, h6{
    color:#3f3f3f;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:30px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

p{
    margin-bottom:20px;
}

.section{
    padding: 70px 0;
    position: relative;
}

.padd_20 {
    padding: 20px;
}
.padd_30 {
    padding: 30px;
}
.padd_40 {
    padding: 40px;
}
.padd_50 {
    padding: 50px;
}
.mrg_30 {
	margin:30px 0; 
}
.noborder {
    border: 0px solid #000 !important;
}
/*
============
breadcrumb
============
*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color:#f1f5f7;
    border-radius: 4px;
    font-weight: 600;
}
.breadcrumb>.active {
    color: #000;
}

/*
===================
input
===================
*/

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-btn {
    background: #2b2b2b;
    color: #fff;
    border: 0px solid #000;
    border-radius: 0px;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px;
    line-height: 32px;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition:all ease-in-out .15s;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width:991px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 180px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}
.navbar-brand-store {
    display: none;
}
@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    .navbar-brand-store {       
    display: block;     
    position: absolute;    right: 0;        
    top: 16px;      
    }       
    .navbar-brand-store a img {     
    width: 100%;        
    max-width:30px;     
    float: left;        
    margin-right:10px;          
    } 
    nav.navbar .navbar-brand img.logo{
        width: 130px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #b71c1c;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #b71c1c !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #b71c1c !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #b71c1c;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #b71c1c !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #b71c1c;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}

/* Footer design start
=======================*/
footer {
	padding-top: 110px;
}
.footer-col {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #cacaca;
    margin-bottom:15px;
}
.col-one {
width: calc(100%/5);
display: inline-block;
float: left;
}
.footer-col h3.title {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 22px;
} 
ul.footer-link {
    margin:0 0 15px 0;
    padding: 0;
}
ul.footer-link li {
list-style: none;
}
ul.footer-link li a {
    text-decoration: none;
    font-size: 14px;
    padding: 0px 0;
    display: inline-block;
    line-height: 18px;
    width: 100%;
    margin-bottom: 7px;
}
ul.footer-link li a:hover {
        color: #b71c1c;
}
.footer-img img {
    width: 100%;
    max-width: 180px;
    margin:0 0 25px -10px;  
    padding: 10px;
}
.footer-img img:hover {
    background-color: #fff;
}





/*
====================

home page design start

====================
*/
.mini-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    max-width:930px; 
}
.mini-container-2 {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    max-width:991px; 
        overflow: hidden;
}
.paper_fream {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8);
    -moz-box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8);
    box-shadow: 0px 6px 8px -5px rgba(206,213,219,0.8);
    background: #fff;
    float: left;
    width: 100%;
    overflow: hidden;
}

.full-mobile {
    width: 100%;
    max-width:280px;
    margin:0 auto; 
    position: relative;

}
.device-wierfream {
        width: 100%;
    position: relative;
    z-index: 8;
}
.screen-slid {
    position: absolute;
        top:48px;
    left: 14px;
    right: 14px;
    bottom:59px;
    border:1px solid #aaaaaa; 
}
.home-slider-cont {
    margin:85px 0;
}
.home-slider-cont  h1 {
       font-family: 'miso';
    font-size: 75px;
    color: #b71c1c;
    line-height: 82px;
    margin-right: 20px;
}

.home-slider-cont h5 {
    color: #7a7a7a;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 25px;
}
.btn-slidr {
display: inline-block;
width: 100%;

}
.btn-slidr a {
display: inline-block;
width: 100%;
max-width: 160px;
float: left;
margin-right: 15px;
}
.btn-slidr a img {
    width: 100%;

}
.scroll-box {
    margin-top:15%;
    margin-bottom: 15px
}
.dp-fluid {
    display: inline-block;
    width: 100%;
}

img.scroll {
 width: 16px
}

span.scroll {
color: #000;
font-size: 12px;
font-weight: 900;
margin:5px 0 
}

.h2-main-title {
    margin:100px 0 40px;
    font-weight: 100;
    text-transform: uppercase;
    color: #2b2b2b;
    font-size: 24px; 
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d6d6d6;
}
.post-box {
	padding-top: 70px;
    border-bottom: 1px solid #d6d6d6;
    display: inline-block;
    width: 100%;
    float: left;
}
.post-image {
text-align:center; 
}
.post-contant {
margin: 0 0 20px 0px;

}
.post-desk {
	padding-left: 12%;
	padding-top: 70px;
}
.post-title {
    display: table;
    height: 80px;
    padding-left: 15px;
}
img.post-title-img  {
    width: 80px;
    float: left;
    padding: 6px;
}
.post-title h4 {
    display: table-cell;
    vertical-align: middle;
    height:80px;
    font-size: 24px; 
    font-weight: 900;
    color: #1d1d1d;
    
}


.counter {
	border-bottom: 1px solid #d6d6d6;
    display: inline-block;
    width: 100%;
    float: left;
}

.couner-block {
display: inline-block;
float: left;
width: calc(100%/3);
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
.counter-post {
    display: table;
    width: 100%;
    height: 345px;
    text-align: center;
}
.counrer-post-box {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.dark {

	background-color: #f5f5f5;
}
.counrer-post-box img {
	width: 50px;
	margin-bottom:15px; 
}

.counrer-post-box h4 {
    font-weight: 600;
    font-size: 28px;
    margin: 12px 0;
}
.counrer-post-box p {
	    font-size: 14px;
}
.amezing-features {
	padding-top: 80px;
    padding-bottom:80px;
}
.amezing-title {
	text-align: center;
}
.amezing-title h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 100;
}
.amezing-title p {
	text-align: center;
	padding:0 20%; 

}




/**/


.feature-post {
    display: inline-block;
    width: 100%;
    float: left;
    padding-top: 55px;

}
.feature-col-1 {
    width:300px;
    float: left;
    padding-top: 44px;
}
.feature-col-2 {
    width:360px;
    float: left;
}
.feature-col-3 {
    width:300px;
    float: left;
    padding-top: 44px;
}
.feature-post-desc {
	padding-top:0px;
}
.feature-post-title {

}
.left-desc .feature {
    float: right;
    width: 35px;
        padding: 5px 2px;
}
.feature-middle-title {
	display: table;
	width: 262px;

}
.left-desc .feature-middle-title h4 {
	display: table-cell;
	height:44px;
	vertical-align: middle;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 22px;
	text-align: right;
	letter-spacing: 0.5px;
	padding-right: 6px;

}
.left-desc.feature-post-desc p {
	text-align: right;
	padding-right:44px;
	margin-bottom: 0;
	height: 94px;

}

.left-desc {

}

.right-desc {
	
}
.right-desc .feature {
    float:left;
    width: 35px;
        padding: 5px 2px;
}
.right-desc .feature-middle-title h4 {
    display: table-cell;
    height: 44px;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0.5px;
    padding-left: 9px;
}
.right-desc.feature-post-desc p {
	text-align: left;
	padding-left:44px;
	margin-bottom: 0;
	height: 94px;

}
.feature-phone-img img {
width: 100%;
}


/*
============
Screenshots Page Start
============
*/
.bread-title h2 {
  font-weight: 600;
  text-transform: uppercase;
}
.screenshot {
	text-align: center;
	padding-top: 55px;
}
.screenshot img {
	width: 100%;
	max-width: 320px;
}

.back-blue {
	background-color: blue;
}
.back-red {
	background-color:red;
}

.screen-text {
	margin-top: 70px;
    text-align: left;
    padding: 35px;
}
.screen-text h3 {
	font-size: 24px;

}
.screen-text p {
	overflow: hidden;
	height: 240px;
}




.screen-image-one {
	position: relative;
	width: 100%;
	background-color:#022169;
}
.screen-image-one:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #022169;
    position: absolute;
    top: 50px;
    right: -20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




.screen-image-two {
	position: relative;
	width: 100%;
	background-color: #ee3e27;
}
.screen-image-two:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #ee3e27;
    position: absolute;
        bottom: -20px;
    left: 20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




/**============*/

.screen-image-three {
	position: relative;
	width: 100%;
	background-color: #83b648;
}
.screen-image-three:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #83b648;
    position: absolute;
        top:50px;
    left: -20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




/*==============
second
==============*/

.screen-image-four {
	position: relative;
	width: 100%;
	background-color:#007fb1;
}
.screen-image-four:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #007fb1;
    position: absolute;
    top: 50px;
    right: -20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



.screen-image-five {
	position: relative;
	width: 100%;
	background-color: #cc0001;
}
.screen-image-five:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #cc0001;
    position: absolute;
        bottom: -20px;
    left: 20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




/**============*/

.screen-image-six {
	position: relative;
	width: 100%;
	background-color: #fdbe11;
}
.screen-image-six:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #fdbe11;
    position: absolute;
        top:50px;
    left: -20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*==============
second
==============*/

.screen-image-seven {
	position: relative;
	width: 100%;
	background-color:#7c77b7;
}
.screen-image-seven:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #7c77b7;
    position: absolute;
    top: 50px;
    right: -20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



.screen-image-eight {
	position: relative;
	width: 100%;
	background-color: #0074e4;
}/*
.screen-image-eight:before {
	content: '';
    width: 50px;
    height: 50px; 
    background-color: #0074e4;
    position: absolute;
        bottom: -20px;
    left: 20px;
    border-radius: 6px;
    z-index:6 ;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/


.stamps {
	margin-top: 45px;
	border-top: 1px solid #d6d6d6;
    display: inline-block;
    width: 100%;
    float: left;
    border-bottom: 0px ;

}

.stamps-block {
display: inline-block;
float: left;
width: calc(100%/3);
border-bottom: 1px solid #d6d6d6;
}
.stamps-post {
    display: table;
    width: 100%;
    height: 345px;
    text-align: center;
}
.stamps-post-box {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 30px;
}
.dark {

	background-color: #f5f5f5;
}
.stamps-post-box img {
	width: 50px;
	margin-bottom:15px; 
}

.stamps-post-box h4 {
    font-weight: 600;
    font-size:22px;
    margin: 12px 0;
}
.stamps-post-box p {
	    font-size: 14px;
}

.border {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6; 
}
.why-to-use {
	margin:35px 0; 
	display: inline-block;
	width: 100%;


}
.use-post {
padding:30px;
}

.use-post img {
width: 100%;
max-width: 270px;
margin-bottom: 25px;
}
.use-post h5 {
	color: #b71c1c;

}
.use-post p {

 }



.review-box {
    border: 1px solid #c5c4c4;
    padding: 30px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
 }
 .review-box:hover {
    background-color:rgba(213,218,223,0.20);
    -webkit-box-shadow: 0 4px 6px rgba(213,218,223,0.45);
    -moz-box-shadow: 0 4px 6px rgba(213,218,223,0.45);
    box-shadow: 0 4px 6px rgba(213,218,223,0.45);
 }
.user-img {
    border-radius: 100%;
}

.review-box h5 {
    font-size: 18px;
    margin: 18px 0 6px;	
 }
 .review-box h6 {
font-size: 12px;	
color: #2b2b2b;
font-weight:600;
 }
 .review-box p {
font-size: 14px;
line-height: 18px;		
 }
.rating {

}
.rating-img {
	width: 100%;

}
.rating span {
	display: inline-block;width: 100%;
	font-size: 12px;
	font-weight: 900
}
.line-button {
	display: inline-block;
	width: auto;
	padding: 10px 25px;
	line-height: 18px;
	border: 1px solid #cdcdcd;
	border-radius:2px;
	background-color: #fff; 
	text-transform: uppercase;
}
.review {
	padding-top: 55px;
}
.load_more {

	margin: 15px 0 45px 0; 
}
/*
=================

Contact Form

=================
*/
.contact-form {
    margin: 60px 0px 80px;
}

/*
===========

blog page-1

===========
*/
.blog-list {
    margin:90px 0 50px; 
}
.blog-list-detail {
    margin:0px 0 0px; 
}
.blog-post-list {
    border-bottom: 1px solid #e5e4e4;
    padding:30px 0;

}
.blog-post-image img {
    width: 100%;
}
.post-blog, .post-blog-a {
    padding-top:8px;
     padding-bottom:8px;
}
.post-blog img, .post-blog-a img {
    width: 100% !important;
    height: auto !important;
}
.post-blog h3, .post-blog-a h3, .post-blog h2, .post-blog-a h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.6px;
        line-height: 28px;

}

ul.blog-time {
    margin:0px;
    padding:0;  
}
ul.blog-time li {
    list-style: none; 
    float:left;
    margin-right:10px; 
}
ul.blog-time li a {
    line-height: 10px;
    font-weight: 600;
    color: #545353;
}
ul.blog-time li a img {
    width: 25px !important;
}
/*❤
===============
 
Responsive design start 

==============
*/

@media (max-width:1200px) {
	.feature-col-2 {
    width: 100%;
    float: left;
    text-align: center;
}
.feature-col-1 {
    width: 50%;
    float: left;
    padding-top: 44px;
}
.feature-col-3 {
    width: 50%;
    float: left;
    padding-top: 44px;
}

.left-desc .feature {
    float: left;
    width: 35px;
    padding: 5px 2px;
}
.left-desc .feature-middle-title h4 {
    display: table-cell;
    height: 44px;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0.5px;
    padding-left: 6px;
}
.left-desc.feature-post-desc p {
    text-align: left;
    padding-left: 44px;
    margin-bottom: 0;
    height: 94px;
}

.post-desk {
    padding-left:0;
    padding-top: 70px;
}
.feature-phone-img img {
    width: 100%;
    max-width: 320px;
}
.btn-slidr a {
    max-width:120px;
}
}
@media (max-width:992px) {
	.mobile-padding {
		padding:0 15px;
	}
    .mobile-padding_app {
        padding:10px 10px;
    }

    .col-one {
    width: 100%;
    display: inline-block;
    float: left;
    } 


.full-mobile {
    width: 100%;
    max-width:200px;
    margin:0 auto; 
    position: relative;

}
.device-wierfream {
    width: 100%;
}
.screen-slid {
    position: absolute;
        top: 34px;
    left:9px;
    right:9px;
    bottom: 40px;
    border:1px solid #aaaaaa; 
}
.home-slider-cont h1 {
    font-family: 'miso';
    font-size: 55px;
    color: #b71c1c;
    line-height: 62px;
    margin-right: 20px;
}
.home-slider-cont {
    margin: 45px 0;
}
.h2-main-title {
    margin: 60px 0 0px;}
.couner-block {
    display: inline-block;
    float: left;
    width: 100%;
}
.amezing-title p {
    text-align: center;
    padding: 0 0;
}
.feature-post {
    padding-top:30px;
}


}


@media (max-width:992px) {
	.feature-col-1 {
    width: 100%;
    float: left;
    padding-top: 44px;
}
.feature-col-3 {
    width: 100%;
    float: left;
    padding-top: 44px;
}
.screen-image-one:before, .screen-image-two:before, .screen-image-three:before, .screen-image-four:before, .screen-image-five:before, .screen-image-six:before, .screen-image-seven:before, .screen-image-eight:before {
	display: none;
}
.stamps-block {
    display: inline-block;
    float: left;
    width:100%;
}
 .blog-list {
    margin: 20px 0 50px;
    display: inline-block;
}
    
}

@media (max-width:768px) {
    .post-blog {
    padding-top:0px;
}
.post-blog h3, .post-blog h2 {
    font-size:14px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom: 4px;
}
.post-blog-a h3 {
    font-size:18px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom:25px;
}

.post-blog p {
    height: 30px;
    overflow: hidden;
    line-height: 14px;
    font-size: 12px;
}
ul.blog-time li a {
    line-height: 10px;
    font-weight: 600;
    color: #545353;
    font-size: 8px;
}
ul.blog-time li a img{
    width: 15px !important;
}
}
/*end responsive*/



.section {
    padding: 5% 0;
    position: relative;
}
.read-more {
  background: #b71c1c;
  background-image: -webkit-linear-gradient(top, #b71c1c, #b71c1c);
  background-image: -moz-linear-gradient(top, #b71c1c, #b71c1c);
  background-image: -ms-linear-gradient(top, #b71c1c, #b71c1c);
  background-image: -o-linear-gradient(top, #b71c1c, #b71c1c);
  background-image: linear-gradient(to bottom, #b71c1c, #b71c1c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.read-more:hover{
    color: #ffffff;
}


/*
    blog design coment
*/

.blog-comment {
display: inline-block;
    width: 100%;
    margin-top: 25px;
    float: left;
}
.commneet-user {
display: inline-block;
width: 100%;
}
.commneet-user span {
    width: 44px;
    height: 44px;
    background:#c6c6c6;
    text-align: center;
    float: left;
    border-radius: 100%;
    padding: 10px;
        margin: 16px 0px;
}
.commneet-user span i {
        font-size: 20px;
    color: #848484;

}
.commneet-user h2{
        float: left;
    line-height: 22px;
    margin: 14px 12px 4px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
        width: 70%;
        color:#313131;

}
.commneet-user h6 {
    float: left;
    display: inline-block;
    width: 60%;
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 500;
     margin:2px 12px 4px;

}
.commnet-dec {

}
.commnet-dec p {
    margin-bottom: 6px;
}
.recent-blog{
    display: inline-block;
    width: 100%;
    margin: 55px 0 45px;
}
.recent-blog-full{
    margin-bottom: 25px;

}
.recent-blog-full h5{
    margin-top:15px; 
    margin-bottom:5px;

}
.recent-blog ul.blog-time {
    margin: 0px;
    padding: 0;
    width: 100%;
    display: inline-block;
}
.recent-blog ul.blog-time li a {
    line-height: 10px;
    font-weight: 600;
    color: #545353;
    font-size: 12px;
}
.recent-blog .blog-time img {
    width: 20px;
}
.latest-blog{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
@media (max-width:768px) {
.recent-blog-full {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
}
}
.mobile-padding_app .amezing-features {
        padding-top: 30px;
    }
/*end*/

.slider-box {
    overflow: hidden;
}
.slider-box img {
    max-width:250px; 
}
.owl-carousel .owl-item img {
    display:block;
    width: 100%;
}
.slider-box img {
    display: none !important;
}
.owl-item .slider-box img {
    display: inline-block !important;
}

    .video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px; height: 0; overflow: hidden;

}

 

.video-container iframe,

.video-container object,

.video-container embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

/* Sidebar css */
.tab-pane {padding: 2rem;}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 111111;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  width: 100%;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.sidebar .closebtn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 36px;
}

.sidebar a { 
  text-decoration: none;
  
  
  
}
#mySidebar a img {
    width: 100px;
    display: block;
    margin: 2rem auto;
    border: 1px solid #ededed;
    padding: 10px;
}

.nav-link h4 {margin-top: 1rem;}