/*
Theme Name: JpHostBd Shop
Theme URI: https://www.facebook.com/jphostbd
Author: The Jp Host BD Team
Author URI: https://www.facebook.com/jphostbd
Description: Jp Host BD Is A Premium WordPress Theme Market, We Have Online Newspaper Themes, Online TV Theme, Epaper Theme, Business Theme, Corporate Theme, personal Theme, Educational Theme, If You Need Any Premium WordPress Please Visit Our Website Or Call : 01971-718800.
Version: 1.0
License: GNU General Public License v2 or later
License URI:  https://jphostbd.com
Text Domain: JpHostBd Shop
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use


/* Base CSS */


@font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('fonts/solaiman-lipi.eot');
    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('fonts/solaiman-lipi.woff') format('woff'),
         url('fonts/solaiman-lipi.ttf') format('truetype'),
         url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: normal;
}
body {
font-family: SolaimanLipiNormal !important;
background: #EFEFEF;

}
a:hover { text-decoration: none }





                    /*======================================
                                header css-start
                    ======================================*/

.domnlk-mncntnr{
	padding:50px 10px;}
.domnlk-hdrttl{
	color:#fff;}
.domnlk-form{
	max-width:950px;
	margin:40px auto 0;}
.domnlk-inputs{
	background: #76c2e3;
	width: 100%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 4px;
	}
.domnlk-inputs label {
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 19px;
}
.domnlk-inputs input, 
.domnlk-inputs select{
	font-size:16px;
	font-weight:600;
	padding:10px;}
.domnlk-inputs input[type=text]{
	width: 60%;
	border: 1px;
	}
.domnlk-inputs select{
	width: 100px;
	height: 42px;
	padding-right: 18px;
	cursor:pointer;
	background: url(../assets/img/dropdown-arrow.svg)no-repeat,#fff;
	background-size: 15px;
	background-position: 97% 53%;
	transition:all 0.3s ease-in-out;
	border: 1px;
	}
.domnlk-inputs input[type=submit]{
	margin-left:10px;
	width:150px;
	background: #0ca5e4;
	color: #fff;
	border: 1px saddlebrown;
	}
.domnlk-domains-wrapr{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:space-between;}
.domnlk-domain-box{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	color:#fff;
	margin:5px;}
.domnlk-domain-title{
	font-size:33px;
	font-weight:700;}
.domnlk-prices{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-top:5px;}
.domnlk-price-strike{
	font-size: 18px;
	opacity: 1.4;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin:0 10px;
	position:relative;
	padding:0 5px;
	}
.domnlk-price-strike:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background: #fff;
	}
.domnlk-price-strike:after{
	content:'/yr';
	font-size:80%;
	margin-left:3px;
	line-height:1;}
.domnlk-price-real{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	font-size:30px;}
.domnlk-price-real:after{
	content:'/yr';
	font-size:80%;
	margin-left:3px;
	line-height:1;}
.domnlk-price-real i{
	margin-right:5px;}
	@media screen and (max-width:1100px){
.domnlk-mncntnr{
	padding:40px 10px;}
.domnlk-inputs input{
	font-size:15px;}
.domnlk-domain-title{
	font-size:25px;
	font-weight:600;}
.domnlk-price-strike{
	font-size:15px;}
.domnlk-price-real{
	font-size:20px;}
	}
	@media screen and (max-width:800px){
.domnlk-domains-wrapr{
	width:100%;}
	}
	@media screen and (max-width:750px){
.domnlk-inputs{
	background:transparent;
	padding:0;}
.domnlk-inputs label{
	width: 65px;
	background:#fff;
	padding: 7px 5px;
	}
.domnlk-inputs select{
	width:80px;
	padding: 10px 5px;
	}
.domnlk-inputs input[type=text]{
	width:calc( 100% - 145px);}
.domnlk-inputs input[type=submit]{
	margin:15px 0 0;
	width:100%;
	border-radius:3px;}
	}
	@media screen and (max-width:600px){
.domnlk-domains-wrapr{
	justify-content:center;}
.domnlk-domain-box{
	margin:5px 10px;}
			}
.htwo-prime1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 700;
}

.fa-facebook{
    background-color: #023369;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-facebook:hover{
    background-color: #000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-twitter{
    background-color: #00ACEE;
    color: #000;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-twitter:hover{
    background-color: #000;
    color: #000;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-google-plus{
    background-color: #DD4A3A;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-google-plus:hover{
    background-color: #000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-youtube{
    background-color: #d80202;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-youtube:hover{
    background-color: #000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-android{
    background-color: #89a81e;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.fa-android:hover{
    background-color: #000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px 0px 5px 0px;  
}
.pricing-padding {
    margin-bottom: 42px;
}
.pric-border {
    background: #fff;
    border-top: 2px solid #f77e10;
    transition: .5s;
    box-shadow: 0 0 4px silver;
    border-radius: 10px;
    border-bottom: 2px solid #e20613;
}
.pric-border span {
    display: inline-block;
    position: relative;
    color: #000000;
    font-size: 50px;
}
.pricing-title h4 {
    text-align: center;
    font-size: 25px;
    color: #7a7373;
    position: relative;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pricing-list h4{
    color: #1d1b1b;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0;
    line-height: 30px;
}
.part-feature {
    text-align: left;
    padding: 0px 10px 10px;
}

.part-feature fa {
    display: inline-block;
    width: 27px;
}
.f_ser_headding{
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Lato', sans-serif;
}
.hosting-name {
    background: #0aa2e4;
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
    margin-top: 30px;
}
.price-contant {
    text-align: center;
}
.price-contant span:before {
    content: "মূল্য";
    font-size: 22px;
    position: absolute;
    left: -32px;
    top: -3px;
    color: #585858;
    font-weight: 600;
}
.price-contant span:after {
    content: "";
    font-size: 16px;
}
.pircing-btn  {
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 6px;
    background: #1a99c417;
}
.pircing-btn a {
    color: #1a99c4;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
}
.price .single-price .part-feature ul li span.check {
    color: #06b4fd;
}

.hosting_title {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    color: #000;
    line-height: 35px;
}
.choose_us_section {
    padding: 30px 0;
    background: #F2F2F2;
}
.choose_us_cat {
    font-size: 35px;
    line-height: 39px;
    text-align: center;
    margin-bottom: 40px;
    color: #082B60;
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
}

.choose_us_cat:before{
    position:absolute;
    bottom:0;
    left:44%;
    width:200px;
    height:5px;
    background:#159BE6;
    content:"";
    margin-left:-30px;
}
.choose_us_cat:after{
    position:absolute;
    bottom:0;
    left:48%;
    width:70px;
    height:5px;
    background:#145ECC;
    content:"";
    margin-left:-10px;
}
.choose_icon {
    text-align: center;
    font-size: 50px;
    color: #159BE6;
}
.choose_title {
    text-align: center;
    font-size: 25px;
    line-height: 29px;
    color: #0c5150;
    margin-bottom: 10px;
    margin-top: 15px;
}
.choose_content {
    text-align: center;
    color: #333;
}
.choose_section {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #e1e1e1;
}

.top-header {
	background: #FF9200;
	padding: 8px 10px;
}


.header-address ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-address ul li {
	display: inline-block;
	margin: 0 5px;
	font-size: 17px;
	position: relative;
	color: #fff;
	z-index: 1;
}



.header-address ul li a {
	color: #fff;
	text-decoration: none;
}

.header-address ul li:hover a {
	color: #217e23;
	text-decoration: none;
    cursor: pointer;
}


.header-address ul li::before {
	position: absolute;
	left: -10px;
	top: -13px;
	content: "";
	background: #fff;
	width: 110%;
	height: 240%;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
	color: #217e23;
	z-index: -1;
    
}

.header-address ul li::after {
	position: absolute;
	left: -10px;
	top: -13px;
	content: "";
	width: 110%;
	height: 194%;
	
}

.header-address ul li:hover:before{
    opacity: 1;
    visibility: visible;
    background: #fff;
}

.header-address ul li:hover{
    color: #D91D1D;
    transition: .8s;
}


.header-address ul li:hover i{
    color:#217e23;
    transition: .8s;
}


.header-address ul li a {
	font-size: 17px;
	position: relative;
	color: #fff;
	z-index: 1;
}

.header-address ul li a::before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
	color: #217e23;
	z-index: -1;
    
}

.header-address ul li a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	
}

.header-address ul li a:hover:before{
    opacity: 1;
    visibility: visible;
    background: #fff;
}



.header-address ul li i{
    color:#fff;
    margin-right: 10px;
}


.social_icons {
	text-align: right;
	margin-top: -3px;
}

.social_icons ul{
	margin:0;
	padding:0;
	list-style:none;
}
.social_icons li{
	display:inline-block;
	margin-right:10px;
	margin-top:2px;
}

.social_icons li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	transition: .8s;
	font-size: 14px;
}


.social_icons li a :hover{
    background: #fff;
    border-radius: 50%;
    color: #217e23;
    width: 25px;
	height: 25px;
    transition: .8s;
}

.social_icons i{
	line-height:25px;
}




                              /*=======================
                                   header-css-End
                                =========================*/

.logo-reg-section {
	background: #fff;
}

.logo img {
	width: 100%;
	height: auto;
	padding: 10px 0;
}

.support {
	margin-top: 23px;
	margin-left: 39px;
}


.support i.fa {
	float: left;
	background: #124B65;
	width: 21%;
	height: 49px;
	text-align: center;
	line-height: 50px;
	margin-right: 10px;
	border-radius: 5px;
	font-size: 25px;
    color: #fff;
}

.support h4 {
	font-size: 18px;
}

.support h4 a {
	color: #313632;
	text-decoration: none;
}

.support h5 {
	font-size: 14px;
	margin-top: -10px;
}

.support h5 a {
	color: #605e5e;
    text-decoration: none;
}

.english-verson {
    
	margin-top: 22px;
}

.english-verson a {
	background: #124B65;
	padding: 10px 10px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px #7e7c7c;
    transition: .3s;
	
}
.english-verson a:hover {
	background: #D91D1D;
	
	
}

.english-verson22 {
   
	margin-top: 22px;
}

.english-verson22 a {
	background: #124B65;
	padding: 10px 10px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px #7e7c7c;
    transition: .3s;
	
}
.english-verson22 a:hover {
	background: #D91D1D;
	
	
}

/**==================================
    Menu  Section start
 ==================================**/ 
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.menu_section {
	background: #124B65;
	z-index: 999999;
}

.menu_bottom { 
    background: #FF9200;
 }
.menu_area .menu_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    padding: 13px 10px !important;
    border-right:1px solid#124B65;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #000 !important;
    margin: 0px;
    background-color: #124B65;
}



                                /*============================
                                    Home-page-silde-css-start
                                =============================*/




.homepage-section {
	background-image: url(assets/img/jpban.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
	padding-top: 90px;
	padding-bottom: 100px;
}


.homepage-section:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: -1;
    content: "";
}

.home-btn {
	margin-top: 16px;
    
}

.home-btn a {
	background: #fff;
	color: #D91D1D;
	padding: 10px 40px;
	font-size: 16px;
	border-radius: 50px;
	transition: .8s;
	display: inline-block;
	text-decoration: none;
    border: 2px solid#fff;
}

.home-btn:hover a {
    margin-left: 10px;
    background: none;
    color: #fff;
   
}

.home-silde-image img {
	max-width: 80%;
	height: auto;
	margin-left: 20%;
}

.home-silde-contant h1{
    font-size: 30px;
    color:#fff;
    text-transform: uppercase;
    font-weight: normal;
    
}

.home-silde-contant {
	font-size: 18px;
	color: #fff;
	padding: 37px 0;
	font-weight: normal;
}

.homepage-slides .owl-nav button {
	position: absolute;
	top: 40%;
	font-size: 37px;
	line-height: 54px;
	transition: .4s;
	color: #fff;
	background: #B61111;
	padding: 17px 18px;
	margin: 2px;
	left: -109px;
}
.homepage-slides .owl-nav button:hover{
    transform: scale(1.1);
    color: #fff;
}

.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: -105px;
}
.homepage-slides .owl-dots button {
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	margin: 5px;
	border: 2px solid#fff ;
	padding:0;
   
}

.homepage-slides .owl-dots button.active{
    background: #218AE0;
    padding: 5px;
}

.homepage-slides .owl-dots {
	margin-top: 5px;
	text-align: center;
	position: absolute;
	left: 45%;
	bottom: -26%;
	content: "";
	z-index: 1;
	padding-bottom: 30px;
}
                                /*============================
                                    Search-section-css-start
                                =============================*/
.search-section {
    background-image: url(https://jphostbd.com/shop/wp-content/uploads/2021/05/home_bg.jpg);
    background-size: cover;
    background-position: center;
    background-color:  #124B65;
	padding: 80px 0;
    position: relative;
    z-index: 1;
    
}
.search-section:before { 
	position: absolute; 
	left: 0; 
	top: 0; 
	content: ''; 
	width: 100%; 
	height: 100%; 
	background: #124B65; 
	opacity:.10; 
	z-index: -1; }

.search-content h4 {
	text-align: center;
	font-size: 25px;
	 color: #fff; 
}

.search-content {
	font-size: 16px;
	text-align: justify;
    color: #fff; 
    padding-bottom: 20px;    
}

form.example input:focus{
    border: 2px solid#fff;
    transition:.5s;
    background: none ;
    color: #fff;
 }



.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 2px solid #4cae4e;
    float: left;
    width: 70%;
    background: #fff;
    color: #000;
   
}

.example button {
    float: left;
    width: 30%;
    padding: 10px;
    background: #FF9200;
    color: #fff;
    font-size: 17px;
    border: 2px solid #FF9200;
    border-left: none;
    cursor: pointer;
    
}



                    /*================================
                            tav section start
                    =================================*/

.tav-section {
	padding: 50px 0;
}

.tab_list {
	list-style: none;
	background: #124B65;
	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
	padding: 15px 0;
	box-shadow: 0 2px 3px #124B65;
}


.tab_list li{
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    text-align: center; 
    position: relative;
    z-index: 1;
    
}


.tab_list li::before {
	position: absolute;
	left: 0;
	top: -15px;
	content: "";
	background: #FF9200;
	width: 99%;
	height: 55px;
	opacity: 0;
	visibility: hidden;
	transition: .8s;
	z-index: -1;
}

.tab_list li:hover:before {
	opacity: 1;
	visibility: visible;
	
}

.tab_list li a:hover{
	color: #62b364;
	
}




.tab_list li a {
	color: #fff;
	padding: 5px 11px;
	font-size: 18px;
	text-decoration: none;
}

.tab_list li.active a {
	background: #FF9200;
	padding: 2px 6px;
	color: #fff;
}

.tab_product img{
    width: 100%;
    height: auto;
    
}


.tab_product {
	
	padding: 12px 12px;
    box-shadow: 0 1px 2px #ddd;
    margin-top: 20px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid #0aa2e4;
}

.product-image {
	position: relative;
	z-index: 1;
}

.read-more {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
    content: "";
	width: 100%;
	height: 0;
	text-align: center;
    transition: .8s;
    opacity: 0;
    visibility: hidden;
}
.tab_product:hover .product-image .read-more {
	height: 100%;
    padding-top: 22%;
    opacity: 1;
    visibility: visible;
	
}

.read-more a {
	background: #fff;
	padding: 10px 17px;
	font-size: 14px;
	color: #217e23;
	text-decoration: none;
}



.theme-title h3 {
	font-size: 21px;
	color: #000;
	margin-bottom: 9px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	transition: .8s;

}

.theme-title h3 a {
	color: #000;
    text-decoration: none;
    transition: .8s;
        
}

.theme-title:hover h3 a {
	color: #217e23;
    
}


.verson {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

.verson h4 {
	display: inline-block;
    font-size: 14px;
    margin-bottom:  5px;
}
.verson h4 span{
	display: inline-block;
    font-size: 14px;
    margin-bottom:  5px;
	color:#088109;
	padding-left:7px;
}

.verson h5 {
	float: right;
	font-size: 14px;
}

.verson h5 span{
	float: right;
	font-size: 14px;
	color:#088109;
	padding-left:7px;
}

.wordpress {
	float: left;
}

.demo-bnt {
	text-align: left;
}

.demo-bnt2 {
	text-align: right;
}
.demo-bnt2 a {
	background: #124B65;
	font-size: 14px;
	padding: 2px 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	border: 1px solid #124B65;
	transition: .8s;

}

.demo-bnt2:hover a {
	background: none;
	color: #217e23;
	border: 1px solid;
}
.wordpress i.fa {
	color: #217e23;
	margin-right: 8px;
}

.wordpress h5 {
	font-size: 18px;
	color: #217e23;
}

.demo-bnt a {
	background: #124B65;
	font-size: 14px;
	padding: 2px 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	border: 1px solid #124B65;
	transition: .8s;

}

.demo-bnt:hover a {
	background: none;
	color: #217e23;
	border: 1px solid;
}


.readmore-btn {
	text-align: center;
	margin-top: 36px;
}

.readmore-btn a {
	color: #fff;
	background: #124B65;
	padding: 10px 36px;
	font-size: 20px;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px #8873de;
	border: 2px solid #124B65;
	transition: .8s;

}

.readmore-btn:hover a {
	background: #FF9200;
	color: #217e23;
}



                    /*================================
                            tav section End
                    =================================*/

                    /*================================
                            speech section start
                    =================================*/
.speech-section {
	margin-bottom: 30px;
	
}
.speech-title {
	background: #fff;
	padding: 10px 15px 15px 15px;
	box-shadow: 0 0 7px #ddd;
}

.speech-title h2 {
	font-size: 30px;
	color: #065340;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.speech-title h5 {
	position: relative;
	z-index: 1;
	font-size: 18px;
	text-align: center;
	margin-top: -15px;
	margin-left: -10px;
}

.speech-title h5::before {
	position: absolute;
	left: 9px;
	top: 10px;
	width: 30%;
	height: 2px;
	content: "";
	background: #9e0f0f;
}



.speech-content {
	font-size: 18px;
	text-align: justify;
	margin-top: 2px;
}


.speech-bg{
    background-image: url(assets/img/bg.jpg);
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    height: 300px;
    background-attachment: fixed;
}

.vedio-btn {
	position: absolute;
	left: 40%;
	top: 34%;
	content: "";
}


.vedio-btn {
    width: 100px;
    height: 100px;
    background: #217e23;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    animation: animate 3s linear infinite;
    
}
.vedio-btn a {
	color: #fff;
	font-size: 40px;
	margin-left: 7px;
}


@keyframes animate{
    0%
    {
        box-shadow: 0 0 0 0 #217e23, 0 0 0 0 #217e23;
    }
    
    40%
    {
        box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #217e23;
    }
    
    80%
    {
        box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);
    } 
    100%
    {
        box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);
    }
    
}


                    /*================================
                            speech section End
                    =================================*/



                    /*================================
                            notic section start
                    =================================*/
.notic-section{
    background-image: url(assets/img/jpban.jpg);
    background-size: cover;
    background-color: #ddd;
    background-position: center;
    padding: 70px 0;
    background-attachment: fixed;
}

.notic-content {
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.notic-title h4 {
	font-size: 25px;
	color: #fff;
}
.notic-title {
	padding: 0;
	margin: 0;
	list-style: none;
	
}
.notic-title a {
	color: #fff;
	font-size: 25px;
}


                    /*================================
                            notic section End
                    =================================*/


                    /*================================
                            footer section start
                    =================================*/
.footer-section {
	background-image: url(assets/img/bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	padding: 28px 0;
    position: relative;
    z-index: 1;
}

.footer-section::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: -1;
}

.border {
	border-bottom: 1px solid #818080;
	margin-bottom: 39px;
}
.contact-title {
	padding: 0;
	margin: 0;
	list-style: none;
	
}
.contact-title a {
	color: #fff;
	font-size: 18px;
}
.contact-title h4 {
	color: #fff;
	font-size: 18px;
}
.contact-title i {
	color: #fff;
	margin-right: 20px;
}

.menu-title h4 {
	font-size: 23px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.menu-title h4::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -8px;
	height: 3px;
	width: 19%;
	background: #B61111;
}

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


.about-content img {
    width: 60%;
    height: auto;
    float: left;
    margin-right: 5px;
    margin-bottom: 1px;
}

.about-content {
	font-size: 17px;
	color: #fff;
	text-align: justify;
    
}

.about-btn a {
	color: #fff;
	background: #009817;
	padding: 10px 21px;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	margin-top: 17px;
	box-shadow: 0 2px 4px #7a8f7ee6;
    transition: .8s;
    border: 2px solid#333;
}
 
.about-btn:hover a{
    background: none;
    border: 2px solid#fff;
    box-shadow: none;
    margin-left: 5px;
}

.payment img {
	width: 100%;
	height: auto;
}



.menu-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-content ul li {
	position: relative;
	z-index: 1;
	font-size: 18px;
	border-bottom: 1px solid #3f3e3e;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


.menu-content ul li a {
	color: #fff;
    margin-left: 15px;
    text-decoration: none;
    
  
}

.menu-content ul li ::before {
	content: "\27A4";
	position: absolute;
	bottom: 7px;
	left: -5px;
	font-family: 'FontAwesome';
	color: #0de0a4;
	font-size: 16px;
}

.bottom-footer {
	margin-top: 32px;
	border-top: 1px solid #6c6a6a;
}

.copy {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    margin-top: 12px;
}

.terms {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    margin-top: 12px;
}

.terms a {
    color: white;
}



                    /*================================
                            footer section End
                    =================================*/


.scrollToTop {
	width: 50px;
	height: 50px;
	padding: 10px;
	border:2px solid #B61111;
	position: fixed;
	right: 25px;
	bottom: 70px;
	border-radius: 50%;
	z-index:9999;
}

.scrollToTop i.fa {
	font-size: 35px;
	color: #B61111;
	font-weight: 600;
	top: 3px;
	display: block;
	position: absolute;
	right: 12px;
}




/*================================
	  archive page css start
=================================*/

.archive_page_section{
    padding: 20px 0px 50px 0px;
}
.archive_title{
    background: #fff;
    border-left: 5px solid#D91D1D;
    color: #000;
    font-size: 25px;
    padding: 8px;
    margin-bottom: 10px; 
    box-shadow: 0 0 5px#ddd;
}


.archive_content{
    padding: 10px;
    font-size: 16px;
    line-height: auto;
    text-align: justify;
    background: #fff;
    color: #000;
    box-shadow: 0 0 5px#ddd;
}


/*========== video page css start ============*/

.video_sec{
	box-shadow: 0 0 10px#ddd;
	margin-bottom: 15px; 
}

.video_title {
    background: #fff;
    border-left: 5px solid#D91D1D;
    padding: 8px;
}
.video_title a{
    color: #000;
    font-size: 18px;
    text-decoration: none;
    line-height: auto;
    display: block;
}
.video_title a:hover{
    color: #D91D1D;
    transition: .5s;
}

/*========== page css start ============*/

.page_title{
    background: #fff;
    border-left: 5px solid#D91D1D;
    color: #000;
    font-size: 25px;
    padding: 8px;
    margin-bottom: 10px; 
    box-shadow: 0 0 5px#ddd;
}


.page_content{
    padding: 15px;
    font-size: 16px;
    line-height: auto;
    text-align: justify;
    background: #fff;
    color: #000;
    box-shadow: 0 0 5px#ddd;
}

/*========== blog section css start ============*/

.blog_section{
	box-shadow: 0 0 10px#ddd;
	margin-bottom: 15px; 
	background: #fff;
	padding: 10px;
}

.blog_title {
	margin-bottom: 10px;
	border-bottom: 1px solid #b3ccb3;
	padding-bottom: 10px;
}
.blog_title a{
	color: #4d514d;
	font-size: 27px;
	text-decoration: none;
	line-height: 30px;
	display: block;
}
.blog_title a:hover{
	color: #0074E8;
	transition: .5s;
}
.blog_content{
	color: #000;
	font-size: 20px;
	line-height: 24px;
	text-align: justify;
	margin-bottom: 10px;
}
.read_more_blog{
	margin-bottom: 10px;
}

.read_more_blog a{
	color: #0074E8;
	font-size: 16px;
	text-decoration: none;
	display: block;
}
.read_more_blog a:hover{
	padding-left: 10px;
	transition: .5s;
}

/*=====================single page css start===============*/

.single-page-section {
	padding-top: 14px;
	padding-bottom: 60px;
}

.single-title h3 {
	border-left: 4px solid #B61111;
	padding: 13px 10px;
	font-size: 23px;
	color: #06511e;
	background: #fff;
    font-weight: normal;

}

/*---------- demo btn-------------*/
.theme-screenshot img {
	width: 100%;
	height: auto;
}

.live-share-bg {
	background: #fff;
	padding: 17px;
}

.single-btn {
	margin-top: 12px;
}

.live-share-bg {
	background: #fff;
	padding: 17px;
}

.lived-demo {
	margin-top: 13px;
	text-align: left;
	margin-left: 5px;
}

.lived-demo a {
	font-size: 16px;
	background: #124B65;
	padding: 10px 23px;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 1px #015a18;
	border: 2px solid #124B65;
	transition: .8s;
}

.lived-demo a:hover {
	background: transparent;
	border: 2px solid #124B65;
    color: #24BC27;
}
.lived-demo2 {
	margin-top: 13px;
	text-align: right;
	margin-left: 5px;
}

.lived-demo2 a {
	font-size: 16px;
	background: #24BC27;
	padding: 10px 10px;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 1px #015a18;
	border: 2px solid #24BC27;
	transition: .8s;
}

.lived-demo2 a:hover {
	background: transparent;
	border: 2px solid #24BC27;
    color: #24BC27;
}

/*---------- share btn-------------*/
.share {
	background: #6c6c6c;
	padding: 10px 10px;
	box-shadow: 0 1px 3px #302f2f;
	
	border-radius: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 13px;
}

.share span {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
}

.share-icon ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.share-icon ul li {
	display: inline-block;
	margin-left: 6px;
	
}
.share-icon ul li a {
	border-left: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	padding-left: 7px;
    transition: .8s;
}
.share-icon ul li a:hover{
    color:#0EF212;
}


/*----theme-image-----*/

.theme-image img {
	width: 100%;
	height: auto;
}

.theme-image {
	margin-top: 13px;
	border-bottom: 1px solid #d4d2d2;
	margin-bottom: 23px;
	background: #fff;
	padding: 9px;
}


/*----video & tutorial-----*/

.video iframe {
	width: 100%;
	height: 203px;
}

.video h4 {
	font-size: 20px;
	background: #0ef8de;
	padding: 11px 10px;
	text-align: center;
	margin-top: -5px;
	box-shadow: 0 1px 3px #b19898;
	color: #cb2121;
	margin-bottom: 27px;
}

/*----theme details css-----*/

.theme-details {
	margin-bottom: 25px;
	margin-top: 15px;
}

.theme-details h4 {
	background: #124B65;
	padding: 12px 0;
    margin: 0;
}


.theme-details span {
	background: #FF9200;
	padding: 11px 10px;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
}
.theme-content {
	font-size: 16px;
	color: #000;
	background: #fff;
	padding: 17px 14px;
    font-weight: normal;
}

/*---- Related theme css-----*/


.related-contant h4 {
	background: #124B65;
	padding: 12px 0;
    margin: 0;
}


.related-contant span {
	background: #FF9200;
	padding: 11px 10px;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
}


.related-bg{
	margin-top: 20px;
	background: #fff;
	padding: 12px 12px;
    box-shadow: 0 1px 2px #ddd;
}

.related-bg img{
    width: 100%;
    height: auto;
}

.related-item {
	position: relative;
	z-index: 1;
}

.related-more {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
    content: "";
	width: 100%;
	height: 0;
	text-align: center;
    transition: .8s;
    opacity: 0;
    visibility: hidden;
}
.related-bg:hover .related-item .related-more {
	height: 100%;
    padding-top: 22%;
    opacity: 1;
    visibility: visible;
	
}

.related-more a {
	background: #fff;
	padding: 10px 17px;
	font-size: 14px;
	color: #217e23;
	text-decoration: none;
    font-weight: normal;
}



.related-title h3 {
	font-size: 19px;
	color: #000;
	margin-bottom: 9px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	transition: .8s;
}

.related-title h3 a {
	color: #000;
    text-decoration: none;
    transition: .8s;
        
}

.related-title:hover h3 a {
	color:#217e23;
    
}


.related-verson {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

.related-verson h4 {
	font-size: 13px;
    margin-bottom:  5px;
    font-weight: normal;
   
}
.related-verson h4 span{
    font-size: 13px;
    margin-bottom:  5px;
	color:#484849;
	padding-left:7px;
    float: right;
    font-weight: normal;
}

.related-verson h5 {
	font-size: 13px;
	margin-top: 4px;
    font-weight: normal;
}

.related-verson h5 span{
	float: right;
	font-size: 13px;
	color:#484849;
	padding-left:12px;
    font-weight: normal;
}

.related-icons {
	float: left;
}

.related-bnt {
	text-align: right;
}


.related-icons i.fa {
	color: #217e23;
	margin-right: 2px;
}

.related-icons h5 {
	font-size: 17px;
	color: #217e23;
    font-weight: normal;
}

.related-bnt a {
	background: #124B65;
	font-size: 14px;
	padding: 2px 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	border: 1px solid #124B65;
	transition: .8s;
}

.related-bnt:hover a {
	background: none;
	color: #124B65;
	border: 1px solid;
}


/*---- theme price css-----*/
.theme-pric h4 {
	font-size: 19px;
	color: #000;
	margin-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 21px;
}

.theme-pric h5 {
	font-size: 19px;
	color: #000;
	margin-bottom: 10px;
    padding-left: 10px;
    font-weight: normal;
       
}

.theme-pric span {
	float: right;
	margin-right: 37px;
    font-weight: normal;
}

.theme-pric {
	border-bottom: 2px solid #ddd;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px 4px;
}
/*---- buy-now css-----*/

.buy-now {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}


.buy-now h4 {
	background: #124B65;
	padding: 13px 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 1px 3px #09511c;
	border-radius: 5px;
    font-weight: normal;
}

.buy-now h4 a{
    color: #fff;
    text-decoration: none;
	display:block;
}

.buy-now h4:hover{
	background: #fff;
	border:1px solid#217e23;
	transition:.5s;
}

.buy-now h4:hover a{
    color: #217e23;
	display:block;
	transition:.5s;
}

.buy-now h5 {
	background: #666;
	padding: 13px 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 1px 1px #666;
	border-radius: 5px;
    font-weight: normal;
}
.buy-now h5 a{
    color: #fff;
    text-decoration: none;
	display:block;
}
.buy-now h5:hover{
	background: #fff;
	border:1px solid#666;
	transition:.5s;
}

.buy-now h5:hover a{
    color: #666;
	display:block;
	transition:.5s;
}


/*---- last-update css-----*/

.softwar-verson {
	background: #fff;
	padding: 6px 13px;
}


.theme_type_des_sec{
	padding:6px 5px;
	overflow:hidden;
}
.last-update {
	font-size: 17px;
	color: #000;
	overflow:hidden;
}
.last-varson {
	font-size: 14px;
	color: #655e5e;
	overflow:hidden;
}

.pic {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 15px 0px 10px 0px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding:0px;
}


.pic:before {
  width: 100%;
  height: 400px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}

.pic:after {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px -25px;
  padding: 0px;
}

img {
  max-width: 100%;
  cusor: pointer;
}

.pic:hover img {
  animation: moveSlideshow 13s linear;animation-fill-mode: forwards;
}

@keyframes moveSlideshow {
  100% {
    transform: translateY(calc(-100% + 300px));
  }
}

.pic:hover .pic:after {
  opacity: 0;
}



                            /*=============================
                                     contact-page
                            ===============================*/


.contact-page-section {
	padding: 40px 0;
}



.contact-page-address {
	background: #fff;
	padding: 10px 10px;
	box-shadow: 0 0 3px #ddd;
}

.contact-page-address h3 {
	font-size: 20px;
	text-align: center;
	color: #0F844A;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: normal;
	position: relative;
	z-index: 1;
}

.contact-page-address h3::before {
	position: absolute;
	left: 42%;
	bottom: -7px;
	width: 16%;
	height: 2px;
	background: #35f80e;
	content: "";
}


.page-phone {
	color: #4CF90B;
	margin-top: 23px;
	margin-bottom: 64px;
}

.page-phone h5{
    font-size: 18px;
    font-weight: normal;
    color:#999;
    margin-bottom: 10px;


}
.page-phone span {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	display: block;
	margin-top: 10px;
	
}

.page-phone i.fa {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 8px;
	font-size: 29px;
	border: 2px solid #06631B;
	width: 61px;
	height: 53px;
	text-align: center;
	line-height: 48px;
	background: #333;
    transition: .8s;
}


.page-phone:hover i.fa  {
	background: none;
    border-radius: 5px;
	
}

.maps iframe{
    width:100%;
    height:392px;
    
}

.maps {
	background: #fff;
	padding: 10px;
    margin-bottom: 10px;      
}