*, ::before, ::after{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family:'Roboto', sans-serif;
	font-size: 16px;
}


p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	color: #666;
	padding-bottom: 10px;
}
a{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6{
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
}

ul{
	padding: 0px;
	margin: 0px;
}
ul li{
	list-style-type: none;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	
}

.padd-0{
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.padd-left-0{
	padding-left: 0px !important;
}
.padd-right-0{
	padding-right: 0px !important;
}
.padd-top-0{
	padding-top: 0px !important;
}
.padd-bottom-0{
	padding-bottom: 0px !important;
}
.margin-0{
	margin: 0px !important;
}
.mr-tp-40{
	margin-top: 40px !important;
}
.mr-tp-60{
	margin-top: 60px !important;
}
.padd-40{
	padding: 40px 0px;
}
.padd-60{
	padding: 60px 0px 60px 0px;
}
.bg-white{
	background-color: #ffffff !important;
}
.bg-gray{
	background-color: #f6f6f6f6 !important;
}
.bg-lightgray{
	background-color: #efefef !important;
}
.mr-bt-30{
	margin-bottom: 30px;
}
.padd-rt-lt-5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.white_clr{
	color: #fff !important;
}
.link_btn{
    display: inline-block;
    padding: 14px 48px 14px 48px;
    text-transform: uppercase;
    border: 1px solid transparent;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 0px;
}
.page_section{
	padding: 80px 0px;

}
.br-btm{
	border-bottom: solid 1px #eee;
}
.btn-details{
	color: #575757 !important;
	background-color: transparent !important;
	border: solid 1px #575757 !important;
}
/* --- /// Header Mneu section /// --- */

.top_header{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 999;
	/*padding: 10px 0;*/
	background-color: #ffffff;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.top_header.active_header{
	background: #fff;
	box-shadow:0 5px 10px -4px #ddd;
}
.top_header .header_logo a{
	display: block;
	text-decoration: none;
	padding: 5px 0;
}
.top_header .header_logo a:active{
	outline: 0;
	border: 0;
}

.top_header_contact{
	background: #15a3db;
	padding: 5px 0px;
}
.header_logo a .logo_img1{
	width: 240px;
}
.top_header_contact .top_contact .top_contact_list li{
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	margin-right: 15px;
}
.top_header_contact .top_contact .top_contact_list li i{
	margin-right: 5px;
}
.top_header_contact .top_social_link .top_social_list li{
	display: inline-block;

}
.top_social_link .top_social_list li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	margin-left: 15px;
}
.mobile_call{
	position: fixed;
    top: 14px;
    right: 20%;
	display: none;
	z-index: 6;
}
.mobile_call a{
	display: block;
	width: 40px;
    height: 40px;
    background: green;
    border-radius: 50%;
    color: #fff;
   	background-color: #56c5d0;
    background-image: linear-gradient(135deg, #56c5cf 0%, #00a9de 75%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, .05);
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    z-index: 999;
    position: relative;
}
.mobile_call a:after{
	content: "";
	position: absolute;
    right: -5px;
    top: 32px;
    transform: rotate(49deg);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #37a000;
}

.header_menu  .menu_nav .nav_bar li {
	display: inline-block;
	/*padding-top: 5px;*/
	padding: 19px 0px;
}
.menu_nav .nav_bar li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 400;
}

.menu_nav .nav_bar li a:hover{
	color: #2ca01c;
}
.menu_nav .nav_bar li a.active{
	color: #2ca01c;
}
.menu_nav .nav_bar li.drop_down{
	position: relative;

}
.header_menu .menu_nav .nav_bar li .header_logo a > img{
	width: 180px;
}
.menu_nav .nav_bar li.drop_down .drop_down_nav{
	position: absolute;
	right: 0px;
	top: 100%;
	width: 250px;
	background: #fff;
	padding:10px 10px 20px;
	opacity: 0;
	transform: scale(0);
    border-radius: 3px;
    box-shadow: 0px 8px 15px rgba(68, 66, 66, 0.52);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu_nav .nav_bar li.drop_down .drop_down_nav li{
	padding-top: 0px;
	display: block;
	padding: 0px;
}
.menu_nav .nav_bar li.drop_down .drop_down_nav li a{
	font-size: 14px;
	display: block;
	padding: 5px;
	font-weight: normal;
	/*border-bottom: solid 1px #eee;*/
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu_nav .nav_bar li.drop_down .drop_down_nav li a:hover{
	color: #37a000;
}
.menu_nav .nav_bar li.drop_down a i{
	margin-left: 10px;
}

.menu_nav .nav_bar li.drop_down:hover .drop_down_nav{
	opacity: 1;
	transform:scale(1);
}
.header_menu  .menu_nav .nav_bar li a.nav-btns{
	background-color: #17b028;
	color: #fff;
	border-radius: 3px;
	padding: 8px 20px;
	font-weight: 400;
	box-shadow: 0 1px 5px #ccc;
	border: solid 1px #17b028;
	margin-left: 10px;
}
.header_menu  .menu_nav .nav_bar li a.nav-btns i{
	margin-right: 10px;
}
.menu_bar{
	display: none;
	position: absolute;
	right: 20px;
	top: 15px;
	width: 45px;
    height: 45px;
    z-index: 2;
    /* line-height: 40px; */
    padding: 6px 0;
}
.menu_bar .menu_btn{
	background: #37a000;
	width: 85%;
	height: 4px;
	border-radius: 5px;
	margin: 0 auto 6px;
	transition: all 0.5s ease;
}
.menu_bar.close_btn .btn_1{
	transform: rotate(45deg) translate(5px, 8px);
}
.menu_bar.close_btn .btn_2{
	transform: translateX(-60px);
	opacity: 0;
}
.menu_bar.close_btn .btn_3{
	transform:rotate(-45deg) translate(5px, -10px);
}
.top_header .header_menu.active_menu_nav{
	width: 65%;
}


.page-sec-title{
	padding: 100px 0 30px;
}
.page_title h2{
	color: #222;
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}
.page_title p{
	padding-bottom: 0px; 
	width: 600px;
}
.templates-tags{
	text-align: center;
    padding-bottom: 40px;
}
.templates-tags .template-list-nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.template-list-nav li{
	padding: 0 6px;
	margin-bottom: 8px;
}
.template-list-nav li a{
	font-size: 14px;
	font-weight: 400;
	display: block;
	background-color: #ffffff;
	color: #6c757d;
	/*border: solid 1px #6c757d;*/
	padding: 10px 15px;
	border-radius: 3px;
	line-height: 15px;
	box-shadow: 0 1px 6px #ccc;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.template-list-nav li a:hover{
	background-color: #2ca01c;
	color: #ffffff;
}
.template-list-nav li a.active{
	background-color: #2ca01c;
	color: #ffffff;
}
/* -- ///  Feature section /// --- */
.feature_sect{
	/*overflow: hidden;*/
	
	/*padding-bottom: 80px;*/
}
.feature_sect .feature_list{
	/*background: url("../images/pattern-bg-img.png") no-repeat center;*/
	/*background-size: cover;*/
	position: relative;
    padding-left: 80px;
    /*background: #fff;*/
    box-shadow: 0 5px 10px #eee;
    border: solid 1px #f5f5f5;
    padding: 30px 15px 20px 80px;
   	transition-duration: .8s;
   	transition-timing-function: ease;
   	/*opacity: 0;
   	transform: translateY(100px);*/

}

.feature_sect .feature_list .feature_icon{
	position: absolute;
    top: 25px;
    left: 10px;
    font-size: 32px;
    color: #333;
}
.feature_sect .feature_list .feature_icon img{
	width: 60px;
}
.feature_sect .feature_list h4{
	font-size: 18px;
	line-height: 28px;
}
.feature_sect .feature_list p{
	color: #999;
	margin-bottom: 15px;
	font-size: 14px;
	margin-bottom:0;
}


/* ---/// About Home section /// --- */
.hm_abt_sect{
	/*overflow: hidden;*/
}
.hm_abt_text{
	position: relative;
	font-size: 20px;
    margin-bottom: 0px;
    padding-left: 40px;
	transition-duration: .8s;
	transition-timing-function: ease;
	
}

.hm_abt_title h2{
	margin-bottom: 20px;
}
.hm_abt_text .abt_lt_icon{
	color: #28a745;
    position: absolute;
    left: 5px;
    top: 0px;
}
.hm_abt_text h2{
	font-size: 18px;
    line-height: 28px;
    color: #232323;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
}
.hm_abt_text p{
	padding-top: 0px;
    padding-bottom: 10px;
}
.hm_abt_text a{
	display: inline-block;
	text-decoration: none;
	color: #28a745;
	font-size: 14px;
	transition: all 0.5s ease;
}
.hm_abt_text a:hover{
	color: #28a745;
}
.hm_abt_text a i{
	margin-left: 5px;
}
.abt_rt_imgs .abt_rt_img{
	margin-bottom: 15px;
	opacity: 1;
	transform: translate(0);
	transition: all 0.5s ease;
	transition-duration: 1.5s;
}

.abt_rt_imgs .abt_rt_img img{
	border-radius: 15px;
    border: 5px solid#eee;
}

.about_hm_features{
	overflow: hidden;
	background: #f8f9fa;
}

.about_hm_features .abt_feature_text{
	transition-duration: .8s;
	transition-timing-function: ease;
	/*opacity: 0;
	transform: translateX(100px);*/
}

.abt_feature_img {
	text-align: center;
}
.abt_feature_text h2{
	padding-bottom: 10px;
	color: #232323;
	font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size:3rem;
}
.abt_feature_text p{
	margin-bottom: 30px;
}
.abt_feature_text .abt_feature_list h3{
	color: #232323;
	margin-bottom: 10px;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}
.abt_feature_text .abt_feature_list h3 i{
	margin-right: 20px;
	color: #000;

}
.abt_feature_text .abt_feature_list p{
	padding-right: 60px;
	margin-bottom: 20px;
    margin-top: 5px;
}
.abt_feature_box{
	margin-top: 0px;
    background: #28a745;
    padding: 40px;
    position: relative;
}
.abt_feature_box h3{
	color: #fff;
	font-size: 22px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}
.abt_feature_box p{
	color: #fff;
}
.abt_feature_box a{
	display: inline-block;
	/*position: absolute;
	right: 20px;
	top: 50%;*/
	text-decoration: none;
	background: #005c97;
	color: #fff;
	letter-spacing: 1.5px;
	border-radius: 35px;
	transition: all 0.3s ease;
}
.abt_feature_box a:hover{
	color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}



/* -- /// Service section /// --- */
.service_section{
	overflow: hidden;
	background-color: #f5f5f5;
}
.service_title, .section_title{
	text-align: center;
	margin-bottom: 50px;
	transition-duration: .8s;
	transition-timing-function: ease;
	/*opacity: 0;
	transform: translateY(100px);*/
}
/*.service_title.active_service_title{
	opacity: 1;
	transform: translate(0);
}*/
.service_title h2, .section_title h2{
	line-height: 1.2;
    color: #232323;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 3rem;
}
.service_title p, .section_title p{
	color: #6c757d;
	letter-spacing: 0px;
	font-size: 16px;
    font-weight: 300;
}
.line_br{
	width: 50px;
	height: 3px;
	background: #28a745;
    margin: 0px auto;
    
}

.services_list{
	position: relative;
    padding-left: 60px;
    margin-bottom: 50px;
}
.services_list .service_icon{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2ca01c;
	color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 5px 8px #848383;
}
.services_list .service_icon img{
	width: 100%;
}
.services_list .service_icon i{
	font-size: 22px;
}
.services_list h3{
	color: #222;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    font-family: "Roboto", sans-serif;
}
.services_list p{
	margin-top: 10px;
    color: #222;
    font-size: 14px;
    line-height: 20px;
    letter-spacing:0.5px;
    

}


/* -------------- Side Bar section ------------- */
.side_bar{
	padding: 0 15px;
}
.side_search {
	position: relative;
}
.side_search #sidesearch{
	width: 100%;
	height: 45px;
	border-radius: 5px;
	border:solid 1px rgba(119, 119, 119, 0.34);
	padding: 8px 35px 8px 10px;
	color: #999;
	font-size: 14px;
}
.side_search #sidesearch:focus{
	outline: 0;
	border:solid 1px #999;
}
.side_search #sidesearch::input-placeholder{
	color: #999;
	font-size: 14px;
}
.side_search #sidesearch::-webkit-input-placeholder{
	color: #999;
	font-size: 14px;
}
.side_search #sidesearch::-moz-input-placeholder{
	color: #999;
	font-size: 14px;
}
.side_search #sidesearch::-ms-input-placeholder{
	color: #999;
	font-size: 14px;
}
.side_search .search_icon{
	position: absolute;
	right: 15px;
	top: 10px;
	color: #999;
}
.br_line{
	width: 100%;
	height: 1px;
	background-color: #eee;
	margin: 25px 0;
}
.resent_post {

}
.side_bar_bx h2{
	color: #313233;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
.resent_post_list{
	padding: 0;
	margin: 0;
}
.resent_post_list li{
	list-style-type: none;ß
}
.resent_post_list li > a{
	display: block;
	text-decoration: none;
	position: relative;
	padding: 0 0 30px 90px;
}
.resent_post_list li > a > h3{
	color: #313233;
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	margin: 0 0 5px;
	    word-wrap: break-word;
    -ms-word-wrap: break-word;
    transition: all 0.3s ease;
}
.resent_post_list li > a span{
	color: #999;
	font-size: 12px;
}
.resent_post_list li > a .resent_post_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
}
.resent_post_list li > a .resent_post_img img{
	width: 100%;
}
.resent_post_list li > a:hover h3{
	color: #4CAF50;
}

/* ----- Instagram section ----- */

.insta_gallery{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0px;
}
.insta_gallery .insta_img {
	flex:0 0 33.33%;
	max-width: 33.33%;
	padding: 5px;
	overflow: hidden;

}
.insta_gallery .insta_img img{
	width: 100%;
	opacity: 1;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.insta_gallery .insta_img:hover img{
	opacity: 0.7;
}
.follows_insta{
	text-align: center;
}
.follows_insta a{
	display: inline-block;
	text-align: center;
	border-radius: 3px;
    background-color: #4CAF50;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 8px 20px;
    margin-top: 15px;
    transition: all 0.3s ease;
}
.follows_insta a i{
	margin-right: 5px;
}
.follows_insta a:hover{
	opacity: 0.9;
}

.follow_us_icon a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	background-color: #f5f5f5;
	margin-right: 10px;
}
#facebook{
	background-color: rgba(59,89,152,1);
}
#instagram{
	background-color: rgba(88,81,219,1);
}
#youtube{
	background-color: rgba(255,0,0,1);
}
#twitter{
	background-color: rgba(29,161,242,1);
}
.ads_section {
	margin-top: 30px;
}
.ads_section a{
	display: block;

}
.ads_section a img{
	width: 100%;
	border-radius: 5px;
}
/* ---------- Never miss out section ------------ */
.never_miss_out{
	padding: 80px 0;
	background: url("../images/bg01.jpg") no-repeat;
	background-size: cover;
	position: relative;
}
.overlap_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.49);
}
.never_miss_content{
	text-align: center;
	position: relative;
	z-index: 1;
}
.never_miss_content h2{
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 20px;

}
.never_miss_content p{
	color: #f5f5f5;
	font-weight: 100;
	font-size: 14px;
	display: inline-block;
	width: 600px;
	line-height: 25px;
	padding-bottom: 20px;
	margin:0;
}
.subscribe{
	padding-top: 10px;
}
.subscribe #subscribe_email{
	width: 300px;
	height: 45px;
	border-radius: 25px;
	border:solid 1px #fff;
	padding: 8px 15px;
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin-right: 20px;
}
.subscribe #subscribe_email::-webkit-input-placeholder{
	color: #999;
	font-size: 14px;
}
.subscribe #subscribe_email:focus{
	outline: 0;
	border:solid 1px #fff;
}
.subscribe_btn{
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	padding: 10px 30px;
	/*line-height: 45px;*/
	text-align: center;
	border-radius: 3px;
	border:solid 1px #2ca01c;
	box-shadow: 0px 2px 0 hsl(140deg 65% 28%);
	background-color:#2ca01c;
	transition: all 0.3s ease;
}
.subscribe_btn:hover{
	opacity: 0.9;
}



/* ----------- Footer Section ------- */
.footer_section{
	padding: 60px 0 30px;
	border-top: solid 1px #eee;
}
.footer_cotent .ftr_links ul{
	margin:0;
	padding: 0;
	list-style: none;
}
.footer_cotent .ftr_links ul li{
	padding-bottom: 5px;
}
.footer_cotent .ftr_links ul li a{
	position: relative;
	font-size: 14px;
	text-decoration: none;
	color: #999;
	transition: all 0.3s ease;
	padding: 0 0 0 15px;
}

.footer_cotent .ftr_links ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 15px;
    position: absolute;
    top: 8px;
    left: 0;
    line-height: 0;
}
.footer_cotent .ftr_links ul li a:hover, .footer_cotent .ftr_links ul li a:hover:before{
	color: #2ca01c;
}
.footer_cotent .ftr_logo {
	display: inline-block;
	margin-bottom: 10px;
}
.footer_cotent .ftr_logo img{
	display: block;
	width: 200px;
}
.footer_cotent > p{
	font-size: 14px;
	color: #999;
	line-height: 23px;
	padding-bottom: 30px;
	margin: 0;
}
.footer_cotent h4{
	color: #313233;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
.follow_us_ftr a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	background-color: #f5f5f5;
	margin-right: 10px;
}
.footer_cotent h4{
	color: #313233;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 0px;
}
.footer_cotent .resent_post_list li a{
	padding-bottom: 15px;
	padding: 0 15px 20px 78px;
}
.footer_cotent .resent_post_list li a .resent_post_img {
	width: 65px;
}
.footer_cotent .resent_post_list li a h3{
	font-size: 13px;
    padding-bottom: 5px;
    line-height: 18px;
    margin: 0;
}

.ftr_tags a{
	display: inline-block;
	margin:0 5px 8px;
	border-radius: 5px;
	background-color: rgba(245,246,250,1);
	padding: 5px 10px;
	border:solid 1px #ccc;
	font-size: 12px;
	font-weight: 400;
	color: #999;
	text-decoration: none;
	transition: all 0.3s ease;
}
.ftr_tags a:hover{
	color: #fff;
	background-color: #2CA01C;
	border: solid 1px #2CA01C;
}
.copy_rights{
	border-top: solid 1px rgba(245,246,250,1);
	padding: 10px 15px;
	text-align: center;
}
.copy_rights p{
	color: #999;
	margin: 0;
	font-size: 14px;
}


.scroll_top{
	    position: fixed;
    right: 15px;
    bottom: 50px;
    
}
.scroll_top a{
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
/*	background: #00a651;*/
	background-color: #00a651;
    background-image: linear-gradient(135deg, #2aec56 0%, #00a651 75%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, .05);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    line-height: 40px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
  /*  box-shadow: 0 5px 10px #777;*/
}
/*.scroll_top a i{
	transform: rotate(-90deg);
}*/
.scroll_top a:hover{
	background: rgba(0, 166, 81, 0.77);
}
.scroll_top a.active_scroll_top{
	opacity: 1;
	transform: translateY(0);
}


/* --- /// Sub banner section /// --- */
.sub_banner{
	width: 100%;
	background-color: #f5f5f5;
	
}
#banner-container{

	min-height: 360px;
	background: transparent;
	/*padding-top: 123px;*/
	display: flex;
	/*align-items: center;*/
	margin-top:80px;
	position: relative;
	/*background-image: url(../images/banner.jpg);*/
	background-size: cover;
	background-position: top center;
}
#bg_partners:after{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/*background-color: #005c97;*/
    background-image: linear-gradient(135deg, #005c97 0%, #fbfbfb05 75%);
    z-index: 1;
}

#bg_partners{
	background: url("../images/partners_banner.jpg") no-repeat center;
	background-size: cover;
	/*background: #005b7b;*/
	  
}
.sub_banner .sub_banner_txt{
	position: relative;
	/*padding-left: 25px;*/
	z-index: 2;
	width: 50%;
	padding-top: 60px;
}
.sub_banner .sub_banner_txt h2{
	color: #222;
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 15px;
}
.sub_banner .sub_banner_txt a{
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	background-color: #2ca01c;
	text-decoration: none;
	padding: 10px 20px;
	line-height: 15px;
	border-radius: 3px;
	box-shadow: 0px 2px 0 hsl(140deg 65% 28%);
}
/*.sub_banner .sub_banner_txt:after{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3px;
	height: 100%;
	background: #28a745;
}*/
.sub_banner_txt .sub_crump li{
	display: inline-block;
	color: #ddd;
	font-size: 14px;
	padding-right: 15px;
	padding-left: 8px;
	position: relative;
}
.sub_banner_txt .sub_crump li:first-child{
	padding-left: 0px;
}
.sub_banner_txt .sub_crump li a{
	color: #fff;
}
.sub_banner_txt .sub_crump li:after{
	position: absolute;
	content: "/";
	right: 0px;
	top: 0px;
	color: #fff;
}
.sub_banner_txt .sub_crump li:last-child:after{
	display: none;
}

.right-banner-img{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.right-banner-img img{
	width: 400px;
	box-shadow: -8px 10px 33px -4px #b0b0b0;
}


/* --- /// Social media marketing /// --- */
/*#bg_social_media{
	background: url("../images/social-media-bg.jpg") no-repeat center;
	background-size: cover;
	background-position-y:0px; 
}*/
.social_media_sec{
	padding: 97px 0px 0;
}
.social_media_cont h2{
	line-height: 1.2;
    color: #232323;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 30px;
    padding-bottom: 20px;
}
.social_media_cont> p{
	text-align: justify;
}
.social_media_cont .social_media_img {
	float: right;
	width: 50%;
}
.social_media_cont .social_media_img img{
	width: 100%;
	border-radius: 15px;
	border:5px solid #eee;
}

/* --- /// SEO section /// --- */

.seco_section{
	padding: 80px 0px 80px;
}

.seo_content img{
	margin-bottom: 20px;
	display: block;
	width: 100%;
}
.seco_section .seo_content h1{
	line-height: 1.2;
    color: #232323;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 3rem;
    padding-bottom: 10px;
}
.seco_section .seo_content h2{
	color: #555;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 20px;
}
.seco_section .seo_content p{
	padding-bottom: 10px;
	/*text-align: justify;*/
}
.seco_section .seo_content .list_seo li{
	padding-bottom: 10px;
	position: relative;
	padding-left: 25px;
}
.seco_section .seo_content .list_seo li i{
	color: #28a745;
	margin-right: 10px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.seo_works{
	background: url("../images/seo-background.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	padding: 80px 0px;
}
.title_works h1{
	font-size: 3rem;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	color: #000;
	text-align: center;
	padding-bottom: 15px;
}
.line_brk{
	width: 65px;
	height: 3px;
	background: #00a651;
	margin: 0 auto;
	margin-bottom: 60px;

}
.seo_works .seo_work_list{
	margin-bottom: 30px;
	padding-left: 85px;
}
.seo_work_list .sear_icons{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	border: solid 2px #00749d;
	text-align: center;
	line-height: 75px;
}
.seo_work_list .sear_icons.br_red{
	border: solid 2px red;
}
.seo_work_list .sear_icons.br_green{
	border: solid 2px #00a651;
}
.seo_work_list .sear_icons.br_lblue{
	border: solid 2px #00b4eb;
}
.seo_work_list .sear_icons.br_orange{
	border: solid 2px orange;
}
.seo_work_list .sear_icons img{
	width: 50px;
}
.seo_work_list h3{
	color: #000;
	font-size: 20px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	
}
.seo_work_list p{
	/*text-align: justify;*/
	padding-right: 10px;
}
.call_back_sect .title_call_back{
	background: #575757;
	padding: 15px 10px;
}
.call_back_sect .title_call_back h2{
	color: #fff;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.call_back_sect .call_back_form{
	border:solid 1px #ddd;
	border-top: 0px;
	padding: 10px 10px 30px;
}

.call_back_sect .call_back_form form .form_group{
	position: relative;
	padding: 0 0 0 35px;
	margin-bottom: 15px;
}
.call_back_form form .form_group span{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 35px;
	height: 100%;
	line-height: 45px;
	background: #f5f5f5;
	text-align: center;
	font-size: 20px;
	color: #888;
}
.call_back_form form .form_group .form_control{
	width: 100%;
	display: block;
	background: #f5f5f5;
	height: 45px;
	padding: 8px 10px;
	border:0px;
	font-size: 13px;
}
.call_back_form form .form_group textarea.form_control{
	height: 120px;
	resize: none;
}
.call_back_form form .form_group .form_control:focus{
	border: 0px;
	outline: 0px;
}
.call_back_form form .form_group .form_control.error_call_back{
	border:solid 1px red;
}
.submit_call_back .submit_a_call{
	width: 100%;
	display: block;
	border-radius: 0px;
	background: #2ca01c;
	border:solid 1px #2ca01c;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 500;	
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.2px;
	-webkit-box-shadow: 0 5px 10px -3px #ccc;
	box-shadow: 0 5px 10px -3px #ccc;
	transition: all 0.5s ease;
}
.submit_call_back .submit_a_call:focus{
	border:solid 1px #5ec791;
	outline: 0px;
}
.submit_call_back .submit_a_call:hover{
	background: transparent;
	border:solid 1px #5ec791;
	color: #5ec791;
}
.succes_rt_msg {
	color: green;
	font-size: 16px;
	text-align: center;
	padding: 10px 15px;
	opacity: 0;
	display: none;
}
.succes_rt_msg.add_sccs_rt_frm{
	opacity: 1;
	display: block;
	
}
.rt_seo_list_service{
	margin-top: 30px;
	border: solid 1px #ddd;
	padding: 10px 10px 30px;
}
.title_seo_list h2{
	color: #2ca01c;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ddd;
}

.title_seo_list h2:before{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -1px;
	width: 40px;
	height: 1px;
	background: #2ca01c;
}
.seo_servce_text .list_seo_line li{
	padding: 3px 10px 3px 15px;
	border-bottom: solid 1px #eee;
	position: relative;
}
.seo_servce_text .list_seo_line li:after{
	content: "- ";
   /* font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;*/
    color: #2ca01c;
    font-size: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    transition: all 0.3s ease;
}
.seo_servce_text .list_seo_line li a{
	display: inline-block;
	color: #222;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
}
.seo_servce_text .list_seo_line li:hover a{
	color: #2ca01c;
}
.seo_servce_text .list_seo_line li:hover:after{
	color: #2ca01c;
}
.seo_servce_text .list_seo_line li:last-child{
	border-bottom: 0px;
}

.submit_call_back .submit_a_call{
	font-size: 14px;
}
.call_back_sect .call_back_form form .form_group{
	padding: 0 0 0 26px;
}

.call_back_form form .form_group span{
	
	width: 26px;
	font-size: 14px;
	line-height: 36px;
}
.call_back_form form .form_group .form_control{
	height: 35px;
	font-size: 12px;
}

/* -- // Portfolio section /// -- */
.project_portfolio{
	background: #f9f9f9;
	padding: 80px 0px;
}
.portfolio_box{
	background: #fff;
	margin-bottom: 40px;
	box-shadow: hsl(0deg 0% 80%) 0 0 16px;
	border-radius: 3px;
}
.portfolio_box .portfolio_img{
	overflow: hidden;
	height: 180px;
	position:relative;
	border-bottom: solid 1px #eee;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.portfolio_box .portfolio_img .link_overlap{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient( to top, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0) 57% );
	opacity: 0;
	z-index: 2;
	transition: all 0.3s ease;
}
.portfolio_box .portfolio_img img{
	width: 100%;
	position: relative;
	z-index: 1;
	transition: 1.5s ease-in-out;
	
}
.portfolio_box .portfolio_img:hover img{
	transform: translateY(calc(-100% + 250px));
    -webkit-transition: all 7000ms ease;
    -moz-transition: all 7000ms ease;
    -ms-transition: all 7000ms ease;
    -o-transition: all 7000ms ease;
    transition: all 7000ms ease;
}
.portfolio_img .open_portfolio{
	position: absolute;
	bottom: 20px;
	right: 15px;
	z-index: 3;
	opacity: 0;
	transition: all 0.3s ease;
}
.portfolio_box .portfolio_img:hover .open_portfolio{
	opacity: 1;
}
.portfolio_box .portfolio_img:hover .link_overlap{
	opacity: 1;
}
.portfolio_box .portfolio_img .open_portfolio a{
	display: block;
	text-decoration: none;
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border:solid 1px #fff;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	transition: all 0.5=3s ease;
}
.portfolio_box .portfolio_img .open_portfolio a:hover{
	opacity: 0.7;
}

.portfolio_box .portfolio_content {
	padding: 20px 20px 20px; 
	position: relative;
}
.portfolio_box .portfolio_content .date_launch{
	position: absolute;
	top: -15px;
    right: 0px;
    padding: 5px;
    background: #56c5d0;
    color: #fff;
    z-index: 7;
	font-size: 12px;
	-webkit-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
}
.portfolio_box .portfolio_content .date_launch:after{
	position: absolute;
	content: "";
    left: -5px;
    top: 0px;
    width: 22px;
    height: 15px;
    background: #56c5d0;
    transform: skewX(-35deg);
    z-index: -4;

}
.portfolio_box .portfolio_content .portfolio_text h2{
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	/*text-transform: uppercase;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.portfolio_content .portfolio_text h2 span{
 	float: right;
 	font-size: 14px;
 	font-weight: 400;
 }
.portfolio_content .portfolio_text p{
 	font-size: 12px;
 	line-height: 18px;
 	margin-bottom: 10px;
 	padding: 0;
 	font-family: "Roboto", sans-serif;
 	font-style: italic;
 	font-weight: 600;
 	color: #7b7b7b;
 	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25px;
	max-height: 25px;
 }
 .portfolio_content .design_tools{
 	display: flex;
 	justify-content: flex-start;
 	align-items: flex-start;
 	flex-wrap: nowrap;
 }
.portfolio_content .design_tools h4{
	color: #000;
	/*border-top: solid 1px #eee;*/
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;	
	padding-top: 10px;
	position: relative;
 }
 .portfolio_content .design_tools h4:after{
 	content: "";
 	position: absolute;
 	left: 72px;
    top: 17px;
    width: 78%;
 	height: 1px;
 	background: #eee;
 }

.portfolio_content .design_tools ul li {
  	display: inline-block;
  	font-size: 12px;
  	font-family: "Roboto" , sans-serif;
  	margin-right: 5px;
  	background-color: #ececec;
  	color: #222;
  	border-radius: 25px;
  	padding: 4px 10px;
  	line-height: 15px;
  	box-shadow: 0 2px 6px #ccc;
 }
 .portfolio_content .design_tools ul li img{
 	width: 25px;
 }
 .price-template .price-web{
 	font-size: 15px;
 	font-weight: 600;
 }
.price-template{
	flex-grow: 1;
	width: 100%;
}
.design_tools .design_tools_btn{
	display: flex;
	padding-top: 0px;

}
.design_tools .design_tools_btn .preview-btn{
	display: block;
	flex-grow: 1;
	min-width: 110px;
	text-decoration: none;
	border: solid 1px #2ca01c;
	background-color: #ffffff;
	color: #2ca01c;
	font-size: 14px;
	font-weight: 400;
	padding: 8px 10px;
	text-align: center;
	margin-right: 0px;
	line-height: 15px;
	border-radius: 3px;
	/*box-shadow: 0 1px 6px #ccc;*/
	transition: all 0.5s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.design_tools .design_tools_btn .preview-btn i{
	margin-left: 8px;
}
.design_tools .design_tools_btn .preview-btn:hover{
	background-color: #2ca01c;
	color: #ffffff;
}
.design_tools .design_tools_btn .cart-btn, .design_tools .design_tools_btn .details-btn{
	display: block;
	width: auto;
	color: #575757;
	background-color: transparent;
	text-decoration: none;
	border: solid 1px #9e9e9e;
	font-size: 14px;
	text-align: center;
	padding: 8px 15px;
	margin-right: 8px;
	
	line-height: 15px;
	border-radius: 3px;
	/*box-shadow: 0 1px 6px #ccc;*/
	transition: all 0.5s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.design_tools .design_tools_btn .details-btn:hover{
	border-color: #2ca01c;
	color: #2ca01c;
}
.view-more-template {
	text-align: center;

}
.view-more-template a{
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	background-color: #2ca01c;
	text-decoration: none;
	border-radius: 3px;
	padding: 10px 30px;
	margin-top: 20px; 
	box-shadow: 0px 2px 0 hsl(140deg 65% 28%);
	transition: all 0.5s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.view-more-template a:hover{
	opacity: 0.8;
}
/* ------ Website template details ------ */
.tempalte-img-section{
	padding: 20px 0;
	/*border-top: solid 1px #ccc;*/
}
.tempalte-img-section .template-view {
	padding: 10px 10px 20px;
	border: solid 1px #e0e0e0;
	/*background-color: #e0e0e0;*/
	margin-bottom: 20px;
}
.template-view .template-image img{
	width: 100%;
}
.template-view .website-template-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px;
}
.template-view .website-template-buttons a{
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 15px;
	border: solid 1px #cccccc;
	background-color: #f5f5f5;
	padding:12px 30px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-radius: 3px;
	box-shadow: 0 2px 6px #cccccc;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.template-view .website-template-buttons a i{
	margin-right: 10px;
}
.template-view .website-template-buttons a.livepreivew-btn{
	background-color: transparent;
	color: #2ca01c;
	border: solid 1px #2ca01c;

}
.template-view .website-template-buttons a:hover{
	opacity: 0.8;
}
/*.website-template-buttons a.livepreivew-btn:hover{
	background-color: #2ca01c;
	color: #ffffff;
}*/
/*.template-view .website-template-buttons a.buynow-btn{
	background-color: #575757;
	color: #fff;
	border: solid 1px #575757;
}*/
.btn-green{
	background-color: #2ca01c !important;
	color: #fff !important;
	border: solid 1px #2ca01c !important;
}
/*.website-template-buttons a.buynow-btn:hover{
	background-color: #ffffff;
	color: #575757;
	border: solid 1px #575757;
}*/
.template-view .website-template-buttons a.cart-btn{
	background-color: #2ca01c;
	color: #ffffff;
	border: solid 1px #2ca01c;
}
/*.website-template-buttons a.cart-btn:hover{
	background-color: #ffffff;
	color: #2ca01c;
	border: solid 1px #2ca01c;
}*/
.description-table tr td{
	padding-bottom: 10px;
}
.description-table tr td h3{
	font-size: 14px;
	font-weight: 600;
	color: #000;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 20px;
}
.description-table tr td p, .description-table tr td ul li {
	font-size: 14px;
	color: #666;
}


/* --- Related website template --- */
.related_title{
	margin-top: 40px;
}
.related_title h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	padding: 0 0 10px; 
	border-bottom: solid 1px #eee;

}



/* ------ Template preview page ----- */
#templates-preview{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	padding-top: 80px;
}