/*-----------------------------------------------------------------------------------
    Template Name: Hunter-Multy perpose html tamplete 
    Description: This is one page site tamplete on responsive
    Author: coder
    Version: 1.0

    CSS INDEX
    ===================
    1 start heder top
    2 start banar part
    3 start menu part
    4 start about us part
    5 start service part
    6 start work_togather part
    7 start team memeber part
    8 start work part
    9 start work part
    10 start work_with_us part
    11 start testmonial part
    12 start video part
	13 start blog part
    14 start price part
    15 start brand part
    16 start newslater part
    17 start contact part
    18 start footer part
	19 start scroll_top part
    20 start loder part
    21 start responsive part
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Trirong:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Sacramento');
*{
    margin: 0;
    padding: 0;
    outline: 0;
}
::-moz-selection {
  background-color: transparent;
  color: #36EA7F;
}

::-webkit-scrollbar {
  width: 6px;
}
body{
   font-family: 'Trirong', serif; 
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Montserrat', sans-serif;
}
a{
    text-decoration: none;
    color: #222;
    transition: all 0.4s linear;
}
li{
    list-style: none;
}
ul{
    margin: 0px;
}
.nopading{
    padding: 0px;
}
.section_title h3{
    margin: 0px;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
}
.section_title p{
    margin: 0px;
    color: #444;
    text-transform: capitalize;
    font-size: 15px;
}
/*-------------------- 1 start heder top --------------------*/
#heder_top{
    padding: 10px 0px;
    background: #1E2127;
}
.heder_top_info ul li{
    display: inline-block;
    color: #ddd;
}
.heder_top_info ul li {
	display: inline-block;
	color: #ddd;
	padding: 0px 8px;
    font-family: 'Merriweather', serif;
}
.heder_top_info ul:first-child li{
    padding-left: 0px;
}
.heder_top_social ul li {
	display: inline-block;
	color: #ddd;
	padding: 0px 8px;
}
.heder_top_social ul:last-child li{
    padding-right: 0px;
}
.heder_top_social ul li .fa{
    color: #ddd;
    transition: all 0.3s linear;
}
.heder_top_social ul li .fa:hover{
    color: #36EA7F;
}
/*-------------------- 2 start banar part --------------------*/
#banar{
    height: 100vh;
    width: 100%;
    background: url(assests/img/banar/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
}
#banar:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: -1;
}
#banar:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.banr_table {
	display: table;
	line-break: strict;
	height: 100vh;
	width: 100%;
	text-align: center;
}
.banr_table_second {
	display: table;
	position: absolute;
	height: 100vh;
	width: 100%;
	text-align: center;
}
.banar_tabel_cell{
    display: table-cell;
    vertical-align: middle;
}
.banar_text h1{
    color: #fff;
    margin: 0px;
    font-weight: 900;
    text-transform: capitalize;
    font-size: 50px;
}
.banar_text p {
	color: #fff;
	margin: 0px;
	padding: 0px 320px;
	font-size: 15px;
	line-height: 25px;
	padding: 10px 320px;
}
.banar_text button {
	border: 2px solid #fff;
	padding: 13px 29px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 5px 9px;
	background: transparent;
    color: #fff;
    transition: all 0.3s linear;
}
.banar_text .btn_sp{
    background: #36EA7F;
    color: #fff;
    border-color: #36EA7F;
}
.banar_text button:hover{
    background: #36EA7F;
    color: #fff;
    border-color: #36EA7F;
}
/*-------------------- 3 start menu part --------------------*/
.navbar-default {
	background-color: rgba(0,0,0,.3);
	border-color: #e7e7e7;
	position: absolute;
	top: 10%;
	width: 100%;
	z-index: 999;
	border-radius: 0px;
	border-style: none;
    margin: 0px;
    padding: 10px 0px;
}
.affix.navbar-default {
	box-shadow: 0px -3px 13px rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	background: #333;
	transition: all 0.5s linear;
}
.navbar-brand span {
	color: #36EA7F;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 38px;
	padding-right: 3px;
}
.navbar-default .navbar-brand {
	color: #ddd;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color: #ddd;
	text-transform: uppercase;
	letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #fff;
}
.navbar-default .navbar-nav > li > a::after {
	position: absolute;
	height: 3px;
	width: 0%;
	left: 0;
	bottom: -10px;
	right: 0;
	/* top: 0; */
	margin: auto;
	content: "";
	background: #36EA7F;
	transition: all 0.3s linear;
}
.navbar-default .navbar-nav > li > a:hover:after,  .navbar-default .navbar-nav > .active > a:after{
    width: 60%;
}
/*-------------------- 4 start about us part --------------------*/
#about_us{
    padding: 100px 0px;
    background: #fff;
}
.about_info {
	padding: 0px 19px 0px 0px;
}
.about_info h1 {
	margin: 0px;
	text-transform: uppercase;
	color: #222;
	font-weight: 900;
	letter-spacing: 3px;
	padding-bottom: 13px;
}
.about_info p {
	margin: 0px;
	color: #444;
	font-size: 15px;
	line-height: 27px;
    margin-bottom: 10px;
}
.about_info button {
	border: 2px solid #333;
	padding: 10px 21px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	background: #333;
	color: #fff;
	transition: all 0.3s linear;
}
.about_info button:hover{
    background: #36EA7F;
    color: #222;
    border-color: #36EA7F;
}
.about_video{
    position: relative;
    z-index: 1;
}
.about_video:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.about_video:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
}
.about_video a {
	color: #fff;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
	z-index: 9999;
	cursor: pointer;
	font-size: 67px;
}
/*-------------------- 5 start service part --------------------*/
#service {
	padding: 100px 0px 54px;
	background: #F5F5F5;
}
.service_container{
    margin-top: 30px;
}
.service_item {
	margin-bottom: 30px;
	border: 1px solid transparent;
	transition: all 1.3s linear;
	padding: 13px 25px;
	border-color: #36EA7F;
}
.service_item .fa {
	font-size: 25px;
	color: #666;
    transition: all 2.0s linear;
}
.service_item h2 {
	margin: 0px;
	color: #222;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	padding: 11px 0px;
}
.service_item p{
    margin: 0px;
    color: #444;
    font-size: 15px;
}
.service_item:hover{
    border-color: tomato;
    cursor: pointer;
	background-color:aqua;
}
.service_item:hover .fa{
    color: #36EA7F;
    transform: rotate(7200deg);
}
/*-------------------- 6 start work_togather part --------------------*/
#work_togather {
	padding: 100px 0px 105px;
	background: url(assests/img/togaterwork.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}
#work_togather:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index: -1;
}
#work_togather:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.work_togather_content h2 {
	color: #ddd;
	margin: 0;
	padding-bottom: 7px;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
}
.work_togather_content p{
    color: #ddd;
    margin: 0;
    font-size: 15px;
    padding-bottom: 10px;
}
.work_togather_content button {
	border: 2px solid #36EA7F;
	background: transparent;
	padding: 10px 24px;
	color: #36EA7F;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	transition: all 0.3s linear;
}
.work_togather_content button:hover{
    background: #36EA7F;
    color: #222;
}
/*-------------------- 7 start team memeber part --------------------*/
#our_team {
	padding: 100px 0px 106px;
	background: #fff;
}
.team_container{
    margin-top: 30px;
}
.team_item{
    border: 1px solid #e5e5e5;
    padding: 20px 10px;
}
.team_img {
	height: 150px;
	width: 150px;
	border: 4px solid #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.team_info{
    margin-top: 20px;
}
.team_info h3 {
	margin: 0px;
	color: #222;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	padding-bottom: 3px;
}
.team_info p {
	margin: 0px;
	color: #555;
	font-size: 15px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	border-top: 1px solid #e5e5e5;
	letter-spacing: 1px;
}
.team-social{
    margin-top: 10px;
}
.team-social ul li{
    display: inline-block;
}
.team-social ul li .fa {
	height: 34px;
	width: 29px;
	border: 1px solid #e5e5e5;
	line-height: 34px;
	margin: 0px 4px;
	color: #e5e5e5;
	transition: all 0.3s linear;
}
.team-social ul li .fa:hover{
    border-color: #36EA7F;
    background: #36EA7F;
    color: #222;
}
/*-------------------- 8 start counter part --------------------*/
#counter {
	padding: 50px 0px 55px;
	background: url(assests/img/counter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}
#counter:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: -1;
}
#counter:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.count_item h1{
    font-family: 'Merriweather', serif;
    color: #36EA7F;
    margin: 0px;
    padding-bottom: 10px;
}
.count_item p{
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
/*-------------------- 9 start work part --------------------*/
#work {
	padding: 100px 0px 104px;
	background: #fff;
}
.work_container{
    margin-top: 30px;
}
.portfolio-filter li {
	display: inline-block;
	cursor: pointer;
	padding: 5px 18px;
	border: 1px solid #e5e5e5;
	margin: 0px 7px;
}
.galary_item_container{
    margin-top: 30px;
}
.portfolio-filter li.active{
    background: #36EA7F;
    color: #222;
    border-color: #36EA7F;
}
.singal-galary{
    position: relative;
}
.work_hover{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: all 0.3s linear;
}
.work_hover a {
	font-size: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #36EA7F;
    transform: translate(-50%,-50%);
}
.singal-galary:hover .work_hover{
    opacity: 1;
}
/*-------------------- 10 start work_with_us part --------------------*/
#work_with_us {
	padding: 100px 0px 105px;
	background: url(assests/img/workwithus.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}
#work_with_us:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: -1;
}
#work_with_us:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.work_us_content h2 {
	color: #ddd;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
    padding-bottom: 6px;
}
.work_us_content h2 span{
    color: #36EA7F;
}
.work_us_content p{
    color: #ddd;
    font-size: 15px;
    margin: 0px;
    padding-bottom: 8px;
}
.work_us_content button {
	border: 2px solid #36EA7F;
	background: transparent;
	padding: 10px 24px;
	color: #36EA7F;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	transition: all 0.3s linear;
}
.work_us_content button:hover{
    background: #36EA7F;
    color: #222;
}
/*-------------------- 11 start testmonial part --------------------*/
#testmonial{
    padding: 100px 0px;
    background: #fff;
}
.testmonial_container{
    margin-top: 30px;
}
.testmonial_item{
    padding: 20px 0px;
    border: 1px solid #e5e5e5;
    position: relative;
}
.testmonial_img{
    border-right: 1px solid #e5e5e5;
}
.testmonial_img span {
	height: 100px;
	width: 100px;
	border: 4px solid #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
	top: -58px;
	left: 12px;
    display: block;
    margin: 0 auto;
}
.testmonial_img h2 {
	font-family: 'Sacramento', cursive;
	text-align: center;
	margin: 0px;
	padding-top: 6px;
	font-size: 23px;
	color: #444;
}
.testmonial_info p{
    margin: 0px;
    font-size: 15px;
    color: #444;
    letter-spacing: 1px;
}
.testmonial_info span {
	margin-top: 9px;
	display: block;
    color: #36EA7F;
}
.testmonial_active .owl-dots {
	text-align: center;
	margin-top: 46px;
}
.testmonial_active .owl-dot {
	height: 20px;
	width: 20px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	margin: 0px 4px;
	border-radius: 50%;
    transition: all 0.3s linear;
}
.testmonial_active .owl-dot.active{
    background: #36EA7F;
    border-color: #36EA7F;
}
/*-------------------- 12 start video part --------------------*/
#video{
    min-height: 350px;
    padding: 100px 0px;
    background: url(assests/img/video.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
#video:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: -1;
}
#video:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.video_content h3{
    text-transform: uppercase;
    color: #ddd;
    margin: 0px;
}
.video_content h3 span{
    color: #36EA7F;
}
.video_content .fa {
	font-size: 66px;
	color: #ddd;
	position: relative;
	top: 58px;
    transition: all 0.3s linear;
}
.video_content .fa:hover{
    color: #36EA7F;
}
/*-------------------- 13 start blog part --------------------*/
#blog {
	padding: 100px 0px 106px;
	background: #fff;
}
.blog_container{
    margin-top: 30px;
}
.blog_item {
	box-shadow: 0px 13px 20px rgba(0,0,0,0.1);
	padding-bottom: 30px;
}
.blog_content {
	padding: 20px 18px 0px 18px;
}
.blog_img{
    position: relative;
}
.blog_date {
	height: 58px;
	width: 59px;
	background: #36EA7F;
	position: absolute;
	top: 0;
	text-align: center;
}
.blog_date h3 {
	margin: 0px;
	color: #fff;
	text-transform: capitalize;
	font-size: 20px;
	padding-top: 7px;
}
.blog_date p{
    color: #fff;
    margin: 0px;
    font-family: 'Merriweather', serif;
    font-size: 15px;
}
.blog_info ul li{
    display: inline-block;
    font-family: 'Merriweather', serif;
}
.blog_text h3 {
	margin: 0px;
	color: #222;
	text-transform: capitalize;
	padding: 10px 0px;
	font-size: 20px;
}
.blog_text p{
    margin: 0px;
    color: #444;
    padding-bottom: 10px;
}
.blog_info ul li {
	padding: 0px 9px;
}
.blog_info ul:first-child li{
    padding-left: 0px;
}
.blog_btn a{
    text-decoration: none;
    transition: all 0.3s linear;
    color: #222;
    text-transform: capitalize;
    font-size: 15px;
}
.blog_btn a .fa{
    transition: all 0.3s linear;
}
.blog_btn a:hover{
    color: #36EA7F;
}
.blog_btn a:hover .fa{
    padding-left: 6px;
}
/*-------------------- 14 start price part --------------------*/
#price {
	padding: 100px 0px 104px;
	background: #f8f8f8;
}
.price_container{
    margin-top: 30px;
}
.price_item {
	background: #333;
    color: #fff;
    transition: all 0.3s linear;
}
.price_item:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}
.packeg_name{}
.packeg_name h3 {
	margin: 0px;
	color: #36EA7F;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 23px;
	padding: 20px 0px;
}
.packeg_amout  {
	background: #36EA7F;
	padding: 10px 0px;
}
.packeg_amout h5{
    margin: 0px;
}
.packeg_amout h5 span {
	font-family: 'Merriweather', serif;
	font-size: 20px;
}
.packeg_feater {
	padding: 30px 24px;
	text-align: left;
}
.packeg_feater ul li {
	padding-bottom: 11px;
	border-bottom: 1px dotted #36EA7F;
	margin-bottom: 6px;
}
.packeg_btn {
	padding-bottom: 25px;
}
.packeg_btn button {
	border: 1px solid #333;
	padding: 10px 20px;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 20px;
	transition: all 0.3s linear;
	background: #333;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
}
.packeg_btn button:hover{
    background: #36EA7F;
    color: #fff;
    border-color: #36EA7F;
}
/*-------------------- 15 start brand part --------------------*/
#brand{
    padding: 40px 0px;
    background: #fff;
}
.brand_item {
	border: 1px solid #e5e5e5;
	padding: 5px 10px;
}
/*--------------------16 start newslater part --------------------*/
#newslater{
    padding: 50px 0px;
    background: url(assests/img/newslatter.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
#newslater:after{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: -1;
}
#newslater:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    background: url(assests/img/pattarn.png);
    background-repeat: repeat;
    z-index: -1;
}
.news_item h3 {
	margin: 0px;
	color: #ddd;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	position: relative;
	top: 11px;
}
.news_item button{
    border: 1px solid #36EA7F;
    color: #36EA7F;
    padding: 10px 20px;
    background: transparent;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
.news_item button:hover{
    background: #36EA7F;
    color: #fff;
}
/*-------------------- 17 start contact part --------------------*/
#contact {
	padding: 100px 0px 103px;
	background: #fff;
}
.contact_container{
    margin-top: 30px;
}
.name {
	width: 48%;
	float: left;
	display: block;
	margin-bottom: 10px;
	padding: 8px 15px;
	border: 1px solid #e5e5e5;
}
.email{
	width: 96%;
	float: left;
	display: block;
    margin-bottom: 10px;
    padding: 8px 15px;
	border: 1px solid #e5e5e5;
}
.phone{
	width: 48%;
	float: left;
	display: block;
    margin-bottom: 10px;
    padding: 8px 15px;
	border: 1px solid #e5e5e5;
}
.subject{
	width: 48%;
	float: right;
	display: block;
    margin-bottom: 10px;
    padding: 8px 15px;
	border: 1px solid #e5e5e5;
}
.message{
	width: 96%;
	display: block;
    margin-bottom: 10px;
    padding: 8px 15px;
	border: 1px solid #e5e5e5;
    height: 150px;
}
.contact_form form button{
    background: #36EA7F;
    border: 1px solid #36EA7F;
    color: #fff;
    padding: 10px 20%;
    margin: 0 auto;
    display: table;
    text-transform: capitalize;
    font-weight: 600;
    transition: all 0.3s linear;
}
.contact_form form button:hover{
    background: transparent;
    color: #36EA7F;
    border-color: #36EA7F;
}
.contcat_info {
	padding-left: 55px;
}
.contcat_info ul li{
    padding-bottom: 10px;
}
.contcat_info > ul li {
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 6px;
    color: #444;
}
.contcat_info > ul li .fa {
	color: #36EA7F;
	font-size: 17px;
	padding-right: 10px;
	position: relative;
	top: 4px;
}
.fllow_info h3 {
	text-transform: uppercase;
	color: #222;
	margin: 0px;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 12px;
}
.fllow_info ul li{
    display: inline-block;
}
.fllow_info ul li .fa {
	height: 34px;
	width: 33px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 34px;
	color: #444;
	margin: 0px 2px;
    transition: all 0.3s linear;
}
.fllow_info ul li:first-child .fa{
    margin-left: 0px;
}
.fllow_info ul li .fa:hover{
    background: #36EA7F;
    border-color: #36EA7F;
    color: #fff;
}
/*-------------------- 18 start footer part --------------------*/
footer{
    padding: 20px 0px;
    background: #212121;
    position: relative;
}
.footer_logo h1 {
	margin: 0px;
	color: #e5e5e5;
	font-size: 20px;
}
.footer_logo h1 span {
	color: #36EA7F;
	font-size: 36px;
	font-weight: 900;
	padding-right: 3px;
}
.footer_copy p {
	color: #666;
	margin: 0px;
	position: relative;
	top: 9px;
	font-size: 16px;
}
.footer_copy p span{
    color: #36EA7F;
}
.footer_social ul li{
    display: inline-block;
}
.footer_social ul li .fa {
	color: #666;
	height: 30px;
	width: 30px;
	border: 1px solid #666;
	text-align: center;
	line-height: 30px;
	margin: 0px 4px;
	transition: all 0.3s linear;
}
.footer_social ul li:last-child .fa{
    margin-right: 0px;
}
.footer_social ul li .fa:hover{
    color: #36EA7F;
}
/*-------------------- 19 start scroll_top part --------------------*/
#scroll_top {
	position: absolute;
	height: 50px;
	width: 50px;
	background: #333;
	top: -24px;
	right: 11px;
	color: #36EA7F;
	text-align: center;
	line-height: 50px;
	font-size: 29px;
	transform: rotate(46deg);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	cursor: pointer;
}
#scroll_top .fa{
    transform: rotate(-45deg);
}
/*-------------------- 20 start loder part --------------------*/
.loader{
    height: 100vh;
    width: 100%;
    position: fixed;
    background: #333;
    z-index: 99999999999999;
    transition: all 0.3s linear;
}
.loader.out{
    left: 100%;
}
.cube-transition{
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg); 
    }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg); 
    }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg); 
    }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    }
}
.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px); }
  .cube-transition > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #36EA7F;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out; }
  .cube-transition > div:last-child {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; 
}
/*-------------------- 21 start responsive part --------------------*/
/* ========= small device ============*/
@media (max-width:767px) {
    #heder_top{
        display: none;
    }
    .navbar-default{
        top: 0;
        background: #333333;
    }
    #banar{
        overflow: hidden;
    }
    .banar_text p {
        font-size: 13px;
        line-height: 17px;
        position: relative;
        left: -12px;
        padding: 10px 0px;
    }
    .banar_text h1 {
        font-size: 21px;
        position: relative;
        left: -13px;
    }
    .banar_text button {
        border: 1px solid #fff;
        padding: 10px 12px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 5px 6px;
        background: transparent;
        color: #fff;
        transition: all 0.3s linear;
        font-size: 11px;
    }
    .navbar-default .navbar-toggle {
	    border-color: #333333;
    }
    .navbar-default .navbar-toggle:hover{
        border-color: #333333;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
	    background-color: #36EA7F;
    }
    .navbar-default .navbar-nav > li > a::after{
        display: none;
    }
    .navbar-default .navbar-nav > li > a{
        text-align: center;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #36EA7F;
        background-color: transparent;
    }
    .about_info h1 {
        font-size: 23px;
        text-align: center;
    }
    .about_info p {
        font-size: 14px;
        line-height: 21px;
    }
    .hide_sm{
        display: none;
    }
    .about_info button {
        margin: 0 auto 10px auto;
        display: table;
    }
    .work_togather_content h2 {
	    font-size: 20px;
    }
    .team_item {
	    margin-bottom: 20px;
    }
    .count_item {
	    margin-bottom: 18px;
    }
    .portfolio-filter li {
        display: inline-block;
        cursor: pointer;
        padding: 5px 9px;
        border: 1px solid #e5e5e5;
        margin: 0px 2px 5px 0px;
    }
    .work_us_content h2 {
	    font-size: 21px;
    }
    .testmonial_item{
        text-align: center;
    }
    .blog_item {
	    margin-bottom: 20px;
    }
    .price_item {
	    margin-bottom: 14px;
    }
    .news_item button {
        margin: 29px auto 0px auto;
        display: table;
    }
    .contcat_info{
        padding: 0px;
        margin-top: 20px;
    }
    .fllow_info h3 {
	    padding-top: 10px;
    }
    .footer_social {
        text-align: center;
        margin-top: 19px;
    }
    .footer_logo {
	    text-align: center;
    }

}
/* ========= tablet device ============*/
@media(min-width:768px) and (max-width:1279px) {
    .navbar-default {
        top: 10%;
    }
    #banar{
        overflow: hidden;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 11px;
    }
    .banar_text p {
	    padding: 10px 0px;
    }
    .banar_text h1 {
        position: relative;
        left: -14px;
    }
    .hide_sm{
        display: none;
    }
    .team_item {
	    margin-bottom: 19px;
    }
    .count_item {
	    margin-bottom: 11px;
    }
    .testmonial_img {
        border-style: none;
        position: relative;
        left: 10px;
    }
    .price_item {
	    margin-bottom: 14px;
    }
    #scroll_top {
        position: absolute;
        height: 40px;
        width: 41px;
        background: #333;
        top: -19px;
        right: 0;
        color: #36EA7F;
        text-align: center;
        line-height: 40px;
        font-size: 29px;
        transform: rotate(45deg);
        box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
        cursor: pointer;
        left: 0;
        margin: auto;
    }
}