@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Raleway:300,900,100,600,400,500,800);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Bungee+Inline|Fredericka+the+Great|Limelight|Lobster|Monoton);

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	background: #fff;
	color: #444;
	font-family: "Open Sans", sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}
p {
	padding:10px;
	margin: 0 0 10px 0;
	font-size: 14px;
}
h2{ font-size:28px; font-weight:600;}
.list-t i {
	font-size:14px;
	background:#fff;
	color:#333;
	padding:5px;
	margin-right:10px;
}
.modal-lg, .modal-xl {max-width: 960px;}
.hh a {
	color:#fff;
	font-size:14px
}
.hh a:hover {
	color:#ffc000;
	font-size:14px
}
.yellow {
	color:#ffa800;
}
.btn {
	padding:10px 25px;
}
.btn-primary {
	padding:10 55px;
}
.para {
	font-size:14px;
	padding:0px
}
.para-f {
	font-size: 14px;
	line-height: 25px;
	color: #999;
}
.lead {
    font-size: 1rem;
    font-weight: 400;
}
.btn-top {
    padding: 4px 16px;
    font-size: 13px;
}
/*
--------------------------------------------------------------
# item
--------------------------------------------------------------*/
.item {
	padding:10px;
}
.item .tmp-na {
	font-size:25px;
	padding:10px 0 10px 0;
	border-bottom: 1px dashed #999;
}
.item .tmp-pr {
	font-size:35px;
	padding:10px 0 10px 0;
}
.item .live-pre {
	padding:10px;
	background:#5a8a0f;
	width:300px;
	color:#fff;
	margin:0 auto;
	margin:10px 0 5px 0;
}
.item .live-down {
	padding:10px;
	background:#0061e4;
	width:300px;
	color:#fff;
	margin:0 auto;
	margin:10px 0 5px 0;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.pagenation-holder {
	color:#ffa211;
	font-size: 16px;
}
pagenation_links a {
	color: #000;
}
/*Header Hero*/
.header-hero {
	background:linear-gradient(215deg, #f22a91 10%, #511bb7 50%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 155px 0 65px 0;
}
.header-hero-in {
	background:linear-gradient(215deg, #f22a91 10%, #511bb7 50%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 110px 0 65px 0;
}
.header-hero h1 {
	font-size:55px;
	text-shadow:0 2px 5px #333;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
}
.fixed-top {
	position: fixed;
	top: -10px;
	right: 0;
	left: 0;
	z-index: 1030;
	background:#000;
}
.top-header.hide {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	transform-origin: top;
}
.top-header {
	font-size: 12px;
 transition: -webkit-transform .2s ease;
 transition: transform .2s ease;
 transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform-origin: top;
	transform-origin: top;
	background: linear-gradient(215deg, #f22a91 10%, #511bb7 50%);
	padding:5px;
}
.navigation {
 transition: .2s ease;
	background: #ffffff;
	border:1px dashed #eee;
}
.nav-bg {
	margin-top: -35px;
	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.2);
	background-image: linear-gradient(315deg, #fff 10%, #fff 50%);
	
}
.nav-item {
	margin: 2px 9px;
	position: relative;
}
.nav-item .nav-link {
	text-transform: uppercase;
}
.nav-item::before {
 position: absolute;
 left: 0;
 bottom: 0;
 height: 2px;
 width: 100%;
 content: "";
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 -webkit-transform-origin: top;
 transform-origin: top;
 transition: -webkit-transform .3s ease;
 transition: transform .3s ease;
 transition: transform .3s ease, -webkit-transform .3s ease;
}
.nav-item:hover::before, .nav-item.active::before {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 -webkit-transform-origin: bottom;
 transform-origin: bottom;
}
.navbar-light .navbar-nav .nav-link {
	color: #000;
}
link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #4000b8;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #4000b8;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 25px 1px;
	letter-spacing: 0px;
	font-size: 14px;
	font-weight:600;
}
/*<!--	------- dropdown ------------>*/

.navbar .dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.navbar .dropdown-item {
	position: relative;
	color: #1e1e4b;
 transition: .2s ease;
	border-bottom: 1px dashed #333;
	margin: 0;
	padding: 16px;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0px;
	font-weight:600;
	
}


.navbar .dropdown-item:hover {
    color: #000;
    background:#f1f1f1;
	border-left:2px solid #eee;
}
.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1);
	background: #fff;
	width: 65px;
	height: 55px;
	font-size: 20px;
}
.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1);
	background: #fff;
}
/*login*/
 .login {
	color: #000;
	border-radius: 0px;
	font-size: 14px;
	height: 36px;
	margin: 15px 0 0 0px;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
.login a {
	letter-spacing: 1px;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	background: #333;
	padding: 5px 26px;
	color: #fff;
	border-radius: 50px;
	text-decoration: none;
}
 @media (min-width: 768px) {
 .navbar .dropdown-menu {
 box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
 border-bottom: 3px solid #FF963C;
 padding: 3px;
 top: 60px;
 border-radius: 0;
 display: block;
 visibility: hidden;
 transition: .3s ease;
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
 background: #fff;
 width: 270px;
 position: absolute;
}
}
 @media (max-width: 768px) {
.navbar .dropdown-menu {
width:100%;
}
.navbar .dropdown-item {
text-align:center;
}
.navbar-expand-lg .navbar-nav .nav-link {
 padding: 6px 0px;
 font-size: 13px;
}
.navbar-collapse {
 background: #fff;
 margin: 0 auto;
 text-align: center;
 padding: 5px 0 3px 0;
}
.social{ display:block;}
}
/*<!--
	----- social media-------->*/
	
.connect-us a {
	width: 30px;
	height: 30px;
	line-height: 29px;
	/* background: #000; */
    border-radius: 19px;
	color: #eee;
	font-size: 14px;
	display: inline-block;
	border-radius: 50%;
	border: 1px dashed #fff;
	margin: 10px 0 0 10px;
}
.connect-us a:hover {
	background: #000;
	color: #fff;
}
.social-connect .share-title {
	margin: 35px 15px 0;
}
/*------------------------------------------*/
/*	       /*About*/
/*------------------------------------------*/

.counter-wrapper {
	padding-left: 70px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
 .counter-wrapper {
 padding-left: 0;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .counter-wrapper {
 padding-left: 0;
}
}
 @media (max-width: 767px) {
 .counter-wrapper {
 padding-left: 0;
}
}
.counter-wrapper .counter-content .text {
	font-size:17px;
}
.counter-wrapper .single-counter {
	max-width: 125px;
	height: 120px;
	border-radius: 60px;
	position: relative;
	z-index: 5;
	margin-top: 30px;
}
 @media (max-width: 767px) {
 .counter-wrapper .single-counter {
 max-width: 100px;
 height: 80px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .counter-wrapper .single-counter {
 max-width: 125px;
 height: 120px;
}
}
 .counter-wrapper .single-counter::before {
 position: absolute;
 content: '';
 width: 125px;
 height: 120px;
 top: 0;
 left: 0;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 z-index: -1;
 border-radius: 16px;
}
 @media (max-width: 767px) {
 .counter-wrapper .single-counter::before {
 max-width: 100px;
 height: 80px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .counter-wrapper .single-counter::before {
 max-width: 155px;
 height: 120px;
}
}
 .counter-wrapper .single-counter.counter-color-1::before {
 background:linear-gradient(315deg, #f22a91 20%, #511bb7 10%);
}
 .counter-wrapper .single-counter.counter-color-2::before {
 background:linear-gradient(315deg, #f22a91 20%, #511bb7 10%);
}
 .counter-wrapper .single-counter.counter-color-3::before {
 background:linear-gradient(315deg, #f22a91 20%, #511bb7 10%);
}
.counter-wrapper .single-counter .count {
	font-size:30px;
	font-weight: 700;
	color: #fff;
}
 @media (max-width: 767px) {
 .counter-wrapper .single-counter .count {
 font-size: 18px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .counter-wrapper .single-counter .count {
 font-size: 22px;
}
}
.counter-wrapper .single-counter .text {
	font-size: 16px;
	color: #fff;
	margin:-12px 0 0 0;
}
 @media (max-width: 767px) {
 .counter-wrapper .single-counter .text {
 font-size: 14px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .counter-wrapper .single-counter .text {
 font-size: 16px;
}
}
.counter-Txt {
	text-align:center;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
.counter-Txt span {
	display:block;
	font-size:22px
}
@media(min-width:320px) and (max-width:767px) {
.c-no {
height:100%;
}
.counter-Txt {
margin-top:35px;
}
.margin-bot-35 {
margin-bottom:35px;
}
}
#about {
	padding: 50px 0 90px 0;
	background: url(../img/bg-pattern.jpg);
}
.section-title h3, .section-title.center h3 {
	font-weight: 100;
	margin-bottom: 35px;
	font-size: 52px;
	padding-top: 35px;
	letter-spacing: 1px;
}
/*------------------------------------------*/
/*	       /*back-to-top */
/*------------------------------------------*/

#back-to-top {
	transition: all 1s ease 0s;
 -webkit-transition: all .3s ease 0s;
	position: fixed;
	bottom: 60px;
	right: 10px;
	z-index: 9999;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 56px;
	background: #ff9900;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	text-decoration: none;
	opacity: 0;
	border-radius: 40px;
}
#back-to-top:hover {
	background: #333333;
	border-color: #fff;
}
#back-to-top.show {
	opacity: 1;
}
/*------------------------------------------*/
/*	       /*left col */
/*------------------------------------------*/
.item-desi {
	padding:20px 0 20px 0;
}
.item-desi-head {
	background:#000;
	padding:10px;
}
.item-desi h4 {
	background:#333;
	padding:10px;
}
.item-desi ul {
	margin:0px;
	padding:0px;
}
.item-desi li {
	padding:10px 8px;
	line-height:25px;
	border-bottom:1px dashed #333;
}
.para {
padding: 0px;
    font-size: 16px;

}
.btn-outline-secondary-d {
	background:#000;
}
#snip .fe-list ul {
	margin:0px;
	padding:0px;
	background:#000;
}
#snip .fe-list li {
	margin:0px;
	padding:0px;
	line-height:55px;
	background:#000;
}
-->
/*------------------------------------------*/
/*	       /*right col */
/*------------------------------------------*/
.right-col {
	border: 1px solid #eee;
	padding: 10px;
	height: auto;
	border-radius: 10px;
	box-shadow: 0px 5px 11px #eee;
	background:#fff;
}
.right-heading-i {
	background: linear-gradient(315deg, #333 10%, #fff 10%);
	padding: 9px;
	color: #7200ff;
	text-align: center;
	font-size: 16px;
	text-align: left;
	margin: 15px 0 0 0;
	border: 1px solid #eee;
	text-transform: uppercase;
	font-weight: 500;
	border-bottom:2px solid #333;
	font-weight:600
}
.list-t ul {
	margin:0 0 0 2px;
	padding:0px;
}
.list-t li {
	padding: 10px 5px;
	line-height: 25px;
	color: #000;
	list-style-type: none;
	border-bottom: 1px dashed #666;
}
.list-t li a {
	color: #000;
	font-size:14px;
}
.left-col {
	padding: 20px;
	/* margin: 12px 0 0 0; */
    background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0px 4px 30px #eee;
}

.left-col img {box-shadow: 0px 5px 11px #eee;
border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 4px 30px #eee;
}
    
/*<!--scrollbar-->*/

/* width */
::-webkit-scrollbar {
 width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
 background: #fff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: #e84a34;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #01e2ff;
}
.scrollbar {
	float: left;
	height: 700px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow {
	min-height: 450px;
}
#wrapper {
	text-align: center;
	margin: auto;
}
 #style-1::-webkit-scrollbar, #style-2::-webkit-scrollbar {
 width: 12px;
 background-color: #F5F5F5;
}
 #style-4::-webkit-scrollbar, .carousel {
 position: relative;
 margin: 15px 0 0 0;
}
/*<!--end scrollbar-->*/

/*===== Temp-des Inner =====*/
.temp-des h3 {
	font-size: 26px;
	color: #333;
	text-transform: uppercase;
}
.temp-des h4 {
	font-size:18px;
	color: #333;
	margin:11px 0 0 0;
}
.temp-des p {
	font-size: 16px;
	color: #333;
	line-height: 32px;
}
.temp-des ul {
	margin:0 0 0 25px;
	padding:0px;
}
.temp-des li {
	list-style-type: disc;
	line-height: 30px;
	font-size: 15px;
}
.temp-img img {
	box-shadow: 0px 5px 18px #eee;
}
#snip {
	padding: 60px 0 60px 0;
	z-index: +999;
	background:#fff;
}
#temp {
	padding: 60px 0 60px 0;
	z-index: +999;
	background:#fff;
}
.temp-down {
	background:#fff;
	padding:10px;
}
.temp-text {
	background:#fff;
	padding: 9px;
	border-top: 1px dashed #333;
	text-align:center;
}
.temp-text a {
	color: #4e25ca;
	text-decoration: none;
	text-transform: none;
	list-style-type: none;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: underline;
}
.res-text {
	background:#fff;
	padding: 9px;
	text-align:center;
}
.temp-down {
	    font-size: 18px;
    color: #fff;
    font-weight: 600;
    z-index: +999;
    box-shadow: 0px 20px 33px #eee;
    border: 1px dashed #999;
    border-radius: 10px;
}
.temp-det {
	background:#6e5d7b;
	color:#fff;
	font-size:14px;
	color:#fff;
	padding:15px;
}
.temp-det a {
	color:#fff;
}
.tag {
	    font-size: 10px;
    padding: 3px 8px;
    background: #fff;
    border: 1px solid #eee;
    width: 84px;
    height: auto;
    border-radius: 5px;
    text-align: center;
    color: #333;
    margin: 0px 0 0 6px;
    text-transform: uppercase;
}
.temp-down p {
	font-size:16px;
	color:#333;
	padding:0px;
}
.temp-down-i {
	    font-size: 18px;
    color: #fff;
    font-weight: 600;
    z-index: +999;
    box-shadow: 0px 20px 33px #eee;
    border: 1px dashed #999;
    border-radius: 10px;
}
.temp-down-i p {
	font-size:18px;
	color:#333;
	padding:0px;
}
.free {
	    position: absolute;
    width: 45px;
    height: 45px;
    background: #ff1647;
    color: #fff;
    padding: 8px;
    border-radius: 44px;
    left: 0px;
    top: -16px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 27px;
}
.buy {
	    position: absolute;
    width: 45px;
    height: 45px;
    background: #69a810;
    color: #fff;
    padding: 3px;
    border-radius: 44px;
    left: 0px;
    top: -16px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 39px;

}
.btn-outline-primary {
	color: #3f19e2;
	background-color: transparent;
	background-image: none;
	border-color: #6246de;
	font-weight:600;
    border-radius: 50px;
    box-shadow: 0px 4px 30px #eee;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #6246de;
	border-color: #6246de;
}
.btn-primary {
	color: #fff;
	background-color: #6246de;
	border-color: #6246de;
}
.btn-primary:hover {
	color: #fff;
	background-color: #5235cc;
	background-image: none;
	border-color: #6246de;
}
.btn {
	padding: 9px 25px;
	font-size: 15px;
}
.btn-primary-d {
	font-size: 15px;
}
/*===== iteam-desi-tabile =====*/
.table td, .table th {
	padding: 12px;
	vertical-align: top;
	border-top: 0px solid #dee2e6;
	font-weight: normal;
	font-size:14px;
}
/*===== snippsts detail  =====*/

.snip-page {
	border:2px solid #000;
	padding:0px;
}
/*------------------------------------------*/
/*	        /* Footer */
/*------------------------------------------*/


.footer-section-area {
	background:#000;
	padding: 90px 0 90px 0;
}
.footer-section-area h3 {
	color: #eee;
	font-size: 18px;
	/* margin-bottom: 25px; */
    /* margin-top: 0px; */
    border-bottom: 1px dashed #333;
	padding-bottom: 15px;
}
.footer-section-area ul li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #535353;
	list-style-type:none;
}
.footer-section-area ul li i {
	font-size: 15px;
	margin-right: 14px;
}
.footer-section-area ul li a {
	color: #999;
	font-size: 14px;
}
.footer-section-area ul li i a {
	color: #e1e1e1;
	font-size: 10px;
}
.footer-section-area ul li a:hover {
	color: #999;
}
.footer-section-area .popular-post {
	margin-bottom: 0;
}
.footer-section-area .popular-post .post-date {
	color: #f63a07;
	display: block;
	padding-bottom: 4px;
}
.footer-section-area .get-quote form .form-group .form-control {
	background: #303e45 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	border: 1px dashed #535353;
}
.b-logo {
	margin-bottom: 15px;
	margin-top:-18px;
}
.footer-section-area .get-quote form .form-group input {
	height: 44px;
	margin-bottom: 25px;
}
.footer-section-area .get-quote form .form-group.send-button {
	margin-bottom: 0;
}
.footer-section-area .get-quote form .form-group.send-button .ghost-btn {
	color: #ffffff;
	font-size: 14px;
	padding: 8px 30px;
}
.copy-right-area {
	background: #111b20 none repeat scroll 0 0;
	padding:30px 0 25px 0;
}
.copy-right-area .copy-right p {
	color: #666;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.copy-right-area .copy-right a {
	color: #ffffff;
	transition: all 0.5s ease-in-out 0s;
}
.copy-right-area .copy-right a:hover {
	color: #f63a07;
}
.copy-right-area .social-media ul {
	text-align: right;
	margin-top: 10px;
}
.copy-right-area .social-media ul li {
	display: inline-block;
	list-style: outside none none;
}
.copy-right-area .social-media ul li a {
	border: 1px dashed #333;
	border-radius: 0%;
	color: #999;
	display: block;
	height: 45px;
	line-height: 40px;
	margin-left: 3px;
	text-align: center;
	transition: all 0.5s ease-in-out 0s;
	width: 45px;
	border-radius: 25px;
}
.copy-right-area .social-media ul li a:hover {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #f63a07;
	color: #f63a07;
}
/*------------------------------------------*/
/*	   		/* Section */
/*------------------------------------------*/


.section-title.center {
	padding: 10px 0 0 0;
	text-align: center;
}
.section-title.black {
	padding: 10px 0 0 0;
	text-align: center;
}
.section-title h2, .section-title.center h2 {
	font-size: 40px;
	text-transform: uppercase;
	
}
.section-title h3, .section-title.center h3 {
	font-weight: 100;
	margin-bottom: 5px;
	font-size: 35px;
	padding-top: 35px;
	letter-spacing: 1px;
}
.section-title.center hr {
	height: 5px;
	width: 95px;
	text-align: center;
	position: relative;
	background:linear-gradient(315deg, #7200ff 20%, #440bc5 50%);
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}
/*--------------------------------------------------------------
# inner
--------------------------------------------------------------*/
#inner {
	background: linear-gradient(315deg, #422ec4 0%, #720dad 90%);
	height:350px;
	width: 100%;
	text-align: center;
}
.main-heading-in {
	margin-bottom: 1px;
	margin: 95px 0 0 0;
}
#inner-in {
	padding: 60px 0 60px 0;
	background: #fff;
	font-size: 16px;
	background-image: linear-gradient(290deg, #fff 95%, #f6ae00 40%);
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/

.section-header {
	padding:148px 0 0 0;
}
.section-header h2 {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	width: 50%;
	padding: 30px 0 10px 0;
	margin: 0 auto;
	/* border-radius: 25px 25px 0px 0; */
    font-weight: 100;
}
.section-header p {
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer1 {
	background: url(../img/f-bg.png) no-repeat;
	width: 100%;
	height: 300px;
	margin: -95px 0 0 0;
}
.footer-c {
	padding: 136px 0 10px 0;
	color: #fff;
	font-family: 'Oswald', sans-serif;
}
.footer-c1 {
	padding: 2px 0 10px 0;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 4px;
	font-size: 17px;
}
#footer1 .social-links a {
	color: #fff;
	padding: 18px;
	display: inline-block;
	line-height: 1px;
	font-size: 18px;
	border: 1px dashed #fff;
	border-radius: 55px;
	width: 55px;
	height: 55px;
	margin-right: 15px;
}
#footer1 .social-links a:hover {
	color: #fff;
	padding: 18px;
	display: inline-block;
	line-height: 1px;
	font-size: 18px;
	border: 1px dashed #fff;
	border-radius: 55px;
	width: 55px;
	height: 55px;
	margin-right: 15px;
	background: #000;
}
.contact-b {
	padding: 10px 5px;
	border: 1px dashed #333;
	border: 2px dashed #333;
	margin-bottom: 25px;
	background-image: linear-gradient(220deg, #fff 90%, #eee 30%);
	border: 5px double #f1f1f1;
}
.contact-b li {
	padding: 10px 0 10px 0;
	color: #000;
	border-bottom: 1px dashed #fff;
	font-size: 15px;
	letter-spacing: 0px;
	list-style: none;
	/* line-height: 31px; */
    font-size: 15px;
	font-weight: 500;
	border-bottom: 1px dashed #333;
}
.contact-b1 {
	padding: 45px 15px;
	border: 1px dashed #333;
	background-image: linear-gradient(190deg, #eee 90%, #000 30%);
}
.contact-b1 li {
	padding: 19px 1px;
	color: #000;
	font-family: 'Oswald', sans-serif;
	border-bottom: 1px dashed #333;
	font-size: 19px;
	letter-spacing: 0px;
	list-style: none;
	line-height: 35px;
}
.contact-b1 li:before {
	content: '';
	width: 28px;
	height: 45px;
	position: absolute;
	background-image: url(../img/li-icon.png);
	background-size: cover;
	background-position: center;
	left: 16px;
	font-size: 16px;
	margin: 5px 0 0 0;
}
.contact-b li:before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	background-image: url(../img/li-icon.png);
	background-size: cover;
	background-position: center;
	left: 16px;
	font-size: 16px;
	margin: 4px 0 0 0;
}
.s-heading {
	font-size: 18px;
	color: #000;
	padding: 21px 9px;
	background-image: linear-gradient(405deg, #eee 80%, #F6C000 30%);
	text-transform: uppercase;
	border-radius: 2px;
	letter-spacing: 0px;
	/* background: #000; */
    /* width: 440px; */
    margin: 0 auto;
	text-align: center;
	font-weight: 500;
}
.nav-menu li:first-child:before {
	display: none;
}
#footer {
	padding:20px;
	font-size: 14px;
	background-color: #000;
	border-top: 12px solid #000;
	color: #fff;
	background: rgba(0, 0, 0, 0.9);
}
.f-b {
	padding: 25px 0 0 0;
	text-transform: uppercase;
}
.f-b a {
	text-align: center;
	color: #999;
	letter-spacing: 1px;
	font-size: 13px;
}
#footer .copyright {
	text-align: center;
	padding-top: 9px;
	font-size: 14px;
	color: #999;
	letter-spacing: 1px
}
#footer .credits {
	text-align: center;
	font-size: 14px;
	color: #555;
}
#footer .credits a {
	color: #0c2e8a;
}
/*--------------------------------------------------------------
# social icons
--------------------------------------------------------------*/
.me p {
    font-weight: 200;
}
.me span {
    font-weight: bold;
}
.social {
    position: fixed;
    top: 390px;
    left: 10px;
    width: 1%;
}
.social ul {
    padding: 0px;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-270px, 0);
}
.social ul li {
    display: block;
    margin: 10px;
    background: #fff;
    width: 300px;
    text-align: right;
    padding:5px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	border:1px dashed #333;

}
.social ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
        background:#eee;
	
}
.social ul li:hover a {
    color: #000;

}
.social ul li:hover i {
    color: #fff;
    background: #000;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.social ul li i {
 margin-left: 10px;
    color: #000;
    background: #eee;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
 @media (max-width: 768px) {
.social ul li{ display:none;}
.header-hero h1{ font-size:40px;}
}