/*-----------------------------------------------------------------------------------

    Template Name: Agent minimal portfolio template 
    Template URI: http://usdtheme.com
    Description: This is html5 template
    Author: usdtheme
    Author URI: http://usdtheme.com
    Version: 1.0

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
	2. Header Area
	3.Mobile Menu Area
    4.Intro Area
    5.Features css
    6.Portfolio css
    7.Blog css
    8.Single Blog css
    9.Blog Details css
    10.Contact css
    11.Footer css
        11.1 Footer 2 css
        11.2 Footer 3 css
        11.3 Footer 4 css
    12.Home 2 css
    13.Home 6 css
    14.About css
        14.1. Fun fact css
        14.2. Testimonials css
        14.3. Subscribe css 
        14.5. Team Area css
        14.5. Pricing Area
    15.Services page css
    16.Sub Services page css
    
-----------------------------------------------------------------------------------*/

/* Google Fonts Here */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700|Raleway:400,400i,500,500i,600,600i,700,800,900');

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
    color: #444;
	text-align:justify;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
   margin: 0 0 10px;
   color: #444;
   font-weight: 600;
}
h1{
   font-size: 40px;
   line-height: 44px;
}
h2{
    font-size: 34px;
    line-height: 40px;
}
h3{
    font-size: 30px;
    line-height: 40px;
}
h4{
    font-size: 26px;
    line-height: 30px;
}
h5{
    font-size: 22px;
    line-height: 26px;
}
h6{
    font-size: 18px;
    line-height: 24px;
}
 a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
	    color: #dd127b;
}
a:hover {
  color: #252525;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
hr {
    border-color: #ccc;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.area-padding {
  /*padding: 80px 0;*/
  padding: 50px 0px;
  
}
.blog-padding {
    padding: 80px 0 20px;
}
.section-head {
    margin-bottom: 40px;
}
.section-head > h2 {
    display: inline-block;
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 25px;
    position: relative;
}
.section-head > h2::after {
    background-color: #333;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40%;
}
.clear{
	clear:both;
}
blockquote {
    font-size: 15px;
	margin:0px;
	border:none;
}
input[type="number"]{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
        padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
   background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}




input, select, textarea, input[type="text"], input[type="date"],input[type="number"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}
div#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: #fff url('img/logo/preloader.gif') no-repeat center center; }
body {
  background: #fff none repeat scroll 0 0;
  color: #999999;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
  background-image:url('../images/bg.png');
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*----------------------------------------*/
/*  2. Header Area 
/*----------------------------------------*/
.logo {
  display: block;
    height: 70px;
}
.logo a {
    display: inline-block;
    height: auto;
    padding: 12px 0;
}
.main-menu ul.navbar-nav li {
    float: left;
    position: relative;
}
.main-menu ul.navbar-nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #FFF;
    font-size: 13px;
    font-weight: normal;
    padding: 24px 15px;
    text-transform: uppercase;
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #333;
}
.main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    position: relative;
    z-index: 9999999;
}
.main-menu ul.navbar-nav li a:hover {
    color:#333;
	background-color:#fff;
}
.navbar {
    border: medium none;
    margin-bottom: 0;
}
.navbar-default {
    background: #dd127b repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color:#333;
}
.navbar-default .navbar-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    padding: 25px 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #333;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #444;
    width: 30px;
    height: 2px;

}
.menu-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.default-header .menu-toggle {
    display: none;
}
.menu-btn {
    background-color: transparent;
    border: 0 none;
    padding: 0;
    outline: none;
}
.menu-btn .icon-bar {
    background-color: #333;
    display: block;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}

.menu-btn.active .icon-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.menu-btn.active .icon-bar:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-btn.active .icon-bar:nth-child(3) {
    top: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-btn .icon-bar:last-child {
    margin-bottom: 0;
}

.menu-toggle + .navbar-collapse {
    margin-right:70px;
}
.default-header .menu-toggle + .navbar-collapse {
    /*margin-right:0px;*/
}
.icon-header .navbar-collapse,.icon-header .navbar-collapse .main-menu ul.navbar-nav{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.icon-header.active .navbar-collapse,.icon-header.active .navbar-collapse .main-menu ul.navbar-nav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.main-menu ul.nav li ul.sub-menu {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 115%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -99;
}
.pagess {
    position: relative;
}
.pagess::after {
    bottom: 22px;
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 0;
}
.main-menu ul.nav li ul.sub-menu li {
  border-bottom: 1px solid #ddd;
  padding: 0;
  position: relative;
  width: 100%;
}
.main-menu ul.nav li:hover ul.sub-menu{
    top:100%;
    opacity:1;
    z-index:999;
    visibility:visible;
}
.main-menu ul.nav li ul.sub-menu li a {
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 25px;
    padding: 9px 0;
    text-transform: capitalize;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
    color:#252525;
}
.main-menu ul.nav li ul.sub-menu li a{
	position: relative;
}
.main-menu ul.nav li ul.sub-menu li a::after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 0px;
  top: 9px;
}
.main-menu ul.nav li ul.sub-menu.sub-1 li a::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 9px;
}
.main-menu ul.nav li ul.sub-menu li .sub-dropdown li a::after{
	display:none;
}
.sub-dropdown {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease 0s;
  width: 220px;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.main-menu ul.nav li ul.sub-menu li:hover .sub-dropdown{
	visibility: visible;
	opacity: 1;
	top: 0px;
}
.search-btn {
    color: #444;
    position: absolute;
    right: 15px;
    top: 34%;
}
.navbar.navbar-default {
    margin-right: 20px;
}
.modal-dialog {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-top: -110px;
    text-align: center;
    top: 50%;
    width: 400px;
    padding: 20px;
}
form.form-inline input {
    border: 1px solid #ccc;
    padding: 8px;
    width: 70%;
}
.form-inline > button {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    font-size: 15px;
    padding: 8px 20px;
    width: 20%;
}
.quick_search li {
    display: inline-block;
}
.quick_search li a {
    color: #666;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 5px;
}
form.form-inline {
    margin: 20px 0px;
}
/*----------------------------------------*/
/*  3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px 0px ;
}
.mean-container .mean-bar::after {
    content: "";
    font-size: 21px;
    left: 5%;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
    color:#252525
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li a {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #444;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 13px 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.mean-nav ul li.mean-last {
    margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #444;
    line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 99.7%;
}
/*--------------------------------*/
/*  4.Intro Area
/*--------------------------------*/
.intro-area {
    background-image: url("img/background/b1.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.intro-content {
    padding: 180px 0;
}
.title1 {
    font-weight: 700;
    text-transform: capitalize;
}
/*--------------------------------*/
/* 5.Feature Area
/*--------------------------------*/
.service-area {
    display: block;
    overflow: hidden;
}
.service-icon {
    border: 1px solid #444;
    border-radius: 50%;
    color: #444;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.service-details {
    margin-top: 30px;
}
.single-service > h4,.service-page-text > h4 {
    color: #444;
    font-size: 20px;
}
.single-service > p {
    font-size: 16px;
}
.single-service {
    padding: 0 12px;
}
.single-service:hover .service-icon {
    color: #252525;
    transition: 0.4s;
}
.single-service:hover h4 {
    color: #252525;
}
/*--------------------------------*/
/*  6.Portfolio Area
/*--------------------------------*/
.portfolio-area {
  /*background: #f8f8f8 none repeat scroll 0 0;
  background: #fff none repeat scroll 0 0;*/
  background-image:url('../images/bgmain.jpg');
}
.portfolio-menu li a {
    color: #666;
    display: inline-block;
    font-size: 15px;
    margin: 0 12px;
    padding: 8px 1px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.portfolio-menu li a.active {
    color: #000;
    text-decoration: none;
}
.portfolio-menu li a:hover {
    color: #333;
    text-decoration: none;
}
.single-awesome-project {
  float: left;
  overflow: hidden;
  width:100%;
}
.first-item {
  margin-bottom: 30px;
}
.awesome-img{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.awesome-img > a {
  display: block;
  position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
	opacity: 1;
}
.single-awesome-project:hover .add-actions{
	opacity: 1;
    top: 50%;
}
.single-awesome-project {
  margin-bottom: 30px;
}
.awesome-img > a::after {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}
.add-actions {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 40%;
  transition: all 0.4s ease 0s;
  width: 100%;
    z-index: 9999;
}
.portfolio-content.text-left .awesome-img{
   position: relative;
}
.portfolio-content.text-left .add-actions {
    display: block;
    height: 100%;
    left: 10%;
    opacity: 0;
    margin-top:0px;
    position: absolute;
    text-align: left;
    top: 100%;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.portfolio-content.text-left .single-awesome-project:hover .add-actions{
    opacity: 1;
    top: 70%;
}
.project-dec {
  display: inline-block;
}
.project-dec h4 {
  margin-bottom: 5px;
}
.project-dec h4 {
    color: #ddd;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.project-dec a {
    color: #ddd;
}
.project-dec a:hover {
    color: #fff;
}
.project-dec span {
    color: #ddd;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.pst-content {
  padding-left: 10px;
}
.portfolio-menu {
  margin-bottom: 40px;
}
.portfolio-menu li {
    display: inline-block;
}
.awesome-menu {
  padding-top: 10px;
}
.portfolio-content.portfolio-3 .single-awesome-project {
  float: left;
  margin: 0 !important;
  padding: 15px;
  width: 33.33%;
}
.portfolio-heading {
    font-size: 32px;
    margin: 40px 0 20px;
    text-transform: capitalize;
}
.related-portfolio-area{
    background: #f7f7f7 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  7.blog area CSS
/*----------------------------------------*/
.header-blog {
    background: rgba(0, 0, 0, 0.90);
}
.blog-post {
    background: #f7f7f7 none repeat scroll 0 0;
}
.single-blog {
    margin-bottom: 5px;
}
.blog-info h3.blog-heading a:hover{
    color: #333;
}
.blog-info h3.blog-heading a {
    color: #444;
    display: block;
    font-size: 24px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: capitalize;
}
.blog-post-dlc ul li {
    color: #444;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}
.blog-post-dlc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.blog-post-dlc ul li span.date-time i {
    margin-right: 7px;
}
.blog-post-dlc ul li a i {
    color: #444;
    padding-right: 7px;
}

.blog-post-dlc ul li:last-child {
    border-right: 0 none;
}
.blog-post-dlc ul li:first-child {
    padding-left: 0;
}
.blog-content {
    padding-top: 10px;
}
.blog-info {
    padding: 10px 0px;
    overflow: hidden;
}
.blog-mar {
    margin-bottom: 30px;
}
.read-btn {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin: 20px 0;
    padding: 7px 18px;
}
.read-btn:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    color: #333;
}
/*----------------------------------------
 8.Single Blog CSS
----------------------------------------*/
.blog-carousel .col-lg-4.col-md-4.col-sm-6{
    width: 100%;
}
.product-info .fa-calendar {
    margin-right: 10px;
}
.widget-categories {
    overflow: hidden;
}
.widget-product a img {
    display: inline-block;
    float: left;
    width: 30%;
}
.imstra-img > a {
    float: left;
    width: 33.33%;
}
.single-port-page {
    margin-bottom: 40px;
}
.left-sidebar-title > h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #ccc;
    background: #444;
    display: block;
    padding: 20px 0px;
    text-align: center;
}
.widget-product {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 20px 0px;
}
.widget-product .product-info {
    display: inline-block;
    float: right;
    padding-left: 10px;
    width: 70%;
}
.widget-product .product-info h3 {
    font-size: 16px;
    line-height: 25px;
}
.widget-product .product-info h3 a {
    color: #444;
}
.widget-product.none-border {
    border: medium none;
}
.sidebar-title {
    border-bottom: 1px solid #d9d9d9;
    color: #444;
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 10px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.single-blog-page {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}
.left-blog ul li {
    display: block;
    margin: 10px 0;
}
.left-blog ul li a {
    color: #777;
    font-size: 15px;
    text-transform: capitalize;
}
.left-blog.tag-list ul li {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 5px 6px;
}
.single-pagi {
    float: right;
}
.single-blog-inst {
    margin-top: 50px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0px;
    border-radius: 4px;
}
/*----------------------------------------*/
/*  9.	Blog Details css
/*----------------------------------------*/
.post-information {
    padding: 20px 0;
}
.post-information .entry-meta span a {
    color: #444;
    display: inline-block;
    padding: 10px 0;
}
.entry-meta span a:hover {
    color: #2525;
}
.post-information .entry-meta {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}
.post-information .entry-meta span i {
    padding: 0 10px;
}
.entry-content > p {
    color: #444;
}
.entry-meta > span {
    color: #444;
}
.entry-content blockquote {
    background: #fff none repeat scroll 0 0;
    border-left: 5px solid #252525;
    font-size: 17.5px;
    font-style: italic;
    margin: 0 0 20px 40px;
    padding: 22px 20px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #444;
    border-color: #444;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.social-sharing {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 30px 0;
}
.social-sharing > h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 8px 10px;
}
.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}
.sharing-icon a {
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
}
.sharing-icon a:hover {
    color: #252525;
}
.single-blog .author-avatar {
    float: left;
    margin-right: 10px;
}
.single-blog .author-description h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
}
.author-info {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 30px 0;
    padding: 15px;
    width: 100%;
}
.single-post-comments {
    margin-bottom: 60px;
    max-width: 650px;
}
.comments-heading h3, h3.comment-reply-title {
    border-bottom: 1px solid #e8e8e9;
    color: #444;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-transform: uppercase;
}
.comments-list ul li{margin-bottom: 25px;}
.comments-list-img{float: left;
    margin-right: 15px;}
.comments-content-wrap {
    border: 1px solid #ccc;
    color: #42414f;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px 80px;
    padding: 10px;
    position: relative;
}
.comments-content-wrap::before {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    display: block;
    height: 10px;
    left: -5px;
    position: absolute;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
}
.author-avatar {
    display: inline-block;
    float: left;
    width: 10%;
}
.author-description h2 {
    color: #777;
    font-size: 20px;
    text-transform: uppercase;
}
.author-description h2 a {
    color: #000;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
    color: #909295;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
    margin-top: 60px;
}
h3.comment-reply-title{}
span.email-notes{color: #42414f;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;}
.comment-respond p {
    color: #444;
    margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 32px;
    margin-bottom: 15px;
    padding: 0 0 0 10px;
    width: 100%;}
.comment-respond textarea#message-box{
    border: 1px solid #e5e5e5;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;height: 130px;
    width: 100%;
}
.comment-respond input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border:none;
}
.comments-content-wrap span a {
    color: #000;
}
.comments-content-wrap span a:hover {color: #252525;}
.single-blog .blog-pagination {
    border-top: 1px solid #e5e5e5;
    margin:0;
    padding-top:30px;
}
/*----------------------------------------*/
/* 10.Contact CSS
/*----------------------------------------*/
.contact-area {
    height: auto;
    width: 100%;
}
.contact-content {
    padding: 100px;
    background: #000 none repeat scroll 0 0;
}
.contact-content-right {
    padding:100px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #444;
    height: 40px;
    margin-bottom: 16px;
    padding-left: 20px;
    width: 100%;
}
.contact-form textarea#message {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #444;
    height: 140px;
    padding: 20px;
    width: 100%;
}
.contact-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #444;
    display: block;
    font-size: 16px;
    margin-top: 16px;
    padding: 9px 24px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 180px;
}
.contact-form button[type=submit]:hover{
    color:#fff;
    border: 1px solid #444;
    background: #444;
}
.single-icon i {
    font-size: 24px;
    width: 50px;
    height: 50px;
    border: 1px solid #444;
    line-height: 46px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.single-icon p {
    font-size: 16px;
    line-height: 30px;
	text-align: center;
}
.contact-icon{
    margin-bottom: 40px;
}
/*----------------------------------------
  11.Footer css
----------------------------------------*/
.footer-area {
    background-color: #f8f8f8;
    padding: 30px 0;
}
.copyright  a {
  color: #000;
}
.copyright  p{
    margin-bottom: 0;
	color:#fff;
}
.copyright  a{
  	color:#fff;
}

.footer-social ul li {
    display: inline-block;
    margin: 10px;
}
.footer-social ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    text-transform: uppercase;
}
.footer-social {
    margin-bottom: 10px;
}
/*----------------------------------------
11.1 Footer 2 Area
----------------------------------------*/
.footer-2 .footer-social ul li a {
    padding:0px 5px;
}
.footer-2 .footer-social ul li {
    margin:0px 10px;
}
.footer-2 .footer-social {
    margin-bottom: 0px;
}

/*----------------------------------------
11.2 Footer 3 Area
----------------------------------------*/
.footer-area {
    padding: 40px 0;
    background: #dd127b;
}
.footer-head p {
    color: #FFF;
    letter-spacing: 1px;
}
.footer-social p {
    color: #FFF;
    letter-spacing: 1px;
}
.footer-head h4 {
    color: #000;
    font-size: 16px;
    letter-spacing: 2px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.footer-img {
    padding-bottom: 20px;
}

.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
    border: 1px solid #444;
    color: #444;
    display: block;
    font-size: 15px;
    height: 34px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 34px;
}
.footer-icons a:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
.instra-img > a {
    float: left;
    padding: 1px;
    width: 33.33%;
}
.footer-icons {
    margin-top: 30px;
}
.footer-contacts p span {
    color: #252525;
    font-weight: 700;
}
.popular-tag ul li {
    display: inline-block;
}
.footer-content {
    display: block;
    overflow: hidden;
}
.footer-content .recent-single-post {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 5px 0px;
}
.footer-content .recent-single-post:last-child{
    border: none;
}
.footer-content .post-img {
    padding: 0px;
}
.footer-content .pst-content p {
    margin-bottom: 0;
}
.footer-area-bottom {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 15px 0;
}
.footer-3 .footer-icons {
    margin-bottom: 20px;
    margin-top: 10px;
}
.footer-3 .footer-icons ul li a {
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    width: 30px;
}
/*----------------------------------------
11.3 Footer 4 Area
----------------------------------------*/

.footer-second .footer-social {
    margin-bottom:0px;
}
.footer-second .footer-social ul li {
    display: inline-block;
    margin:0px 10px;
}
.footer-second .footer-social ul li a {
    padding:0px  5px;
}
/*----------------------------------------
12. Home 2
----------------------------------------*/
.intro-area-2 .intro-content {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%;
}
.intro-area-2 .slide-content {
    left: 10%;
    /*margin: -30px auto 0;*/
    position: absolute;
    /*right: 0;*/
    text-align: center;
    top: 50%;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #252525;
    border-radius: 0;
    color: #252525;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 36px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 40px;
    border-radius: 50%;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    top: 50%;
    position: absolute;
    left: 3%;
    margin-top: -20px;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
    background: #252525;
    border: 1px solid #252525;
    color: #fff;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    margin-top: -20px;
    position: absolute;
    right: 3%;
    top: 50%;
}
/*----------------------------------------
 13.  Home 6
----------------------------------------*/
.portfolio-2 .single-awesome-project {
    float: left;
    margin-bottom: 0;
    width: 33.33%;
}
.awesome-project-2 .awesome-menu {
    padding: 0 110px;
}
.portfolio-6 .add-actions {
    display: block;
    margin-top: 20px;
    opacity: 1;
    padding: 0 15px;
    position: static;
    text-align: left;
    transition: all 0.4s ease 0s;
}
.portfolio-6 .project-dec h4 a{
    color: #444;
}
.portfolio-6 .project-dec span a{
    color: #444;
}
.portfolio-6 .single-awesome-project:hover {
    border-bottom:1px
}
.portfolio-6 .single-awesome-project {
    padding-bottom:30px;
    margin-bottom: 30px;
}
.portfolio-6 .single-awesome-project {
    /*box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);*/
	    box-shadow: 1px 3px 9px 0px #dd127b;
    background-color: #fff;
}
/*----------------------------------------
 14. About Page Css
----------------------------------------*/
.about-list > li {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-right: 10%;
    padding: 10px 0;
    width: 40%;
}
.about-list li a {
    color: #444;
}
.video-area {
    background: #f1f1f1 none repeat scroll 0 0;
}
/*--------------------------------*/ 
/*  14.1 Fun Fact Area
/*--------------------------------*/
.fun-fact-area {
    background: #f7f7f7;
    position: relative;
}
.fun-content {
    margin-right: -15px;
    overflow: hidden;
}
.fun_text > a {
    color: #444;
    display: inline-block;
    font-size: 40px;
    margin-bottom: 20px;
}
.fun_text {
    padding: 20px 0 0;
}
.fun_text span {
    color: #444;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
}
.fun_text > h4 {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.about-area {
    background-image: url("img/background/ab.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
}
.page-content {
    padding: 60px 0;
}
.faq-details .panel-heading {

    padding: 0;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border: medium none;
    color: #333;
}
.faq-details h4.check-title a {
    color: #333;
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 40px;
    padding: 6px 10px;
    text-decoration: none;
}
.panel-body {
    padding: 15px 15px 0px 50px;
}
.faq-details h4.check-title {
    color: #444;
    font-size: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.faq-details a span.acc-icons {
    position: relative;
}
.faq-details a span.acc-icons::before {
    color: #333;
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}
.faq-details a.active span.acc-icons::before {
    color: #333;
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}
.faq-details .panel-heading h4 a.active {
    color: #333;
}
.second-row {
    margin-top: 30px;
}
.event-content.head-team h5 {
    background: transparent none repeat scroll 0 0;
    color: #333;
    padding: 30px 0 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.tab-menu .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.tab-menu {
    display: block;
    text-align: center;
}
.tab-menu ul.nav{
    margin: 0;
    padding: 0;
}
.tab-menu ul.nav li {
    border: medium none;
    display: inline-block;
}
.tab-content {
    border: 1px solid #ccc;
    padding: 0 15px 15px;
}
.tab-menu ul.nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #444;
    display: block;
    font-weight: 600;
    padding: 10px 20px;
    margin-right: 5px;
    text-transform: uppercase;
}
.tab-menu ul li.active a,
.tab-menu ul li.hover a,
.tab-menu ul li.focus a {
    border-bottom: medium none;
}
.tab-menu .nav-tabs {
    border-bottom: none;
}
.tab-main-img a{
    position: relative;
    display: block;
}
.tab-main-img a:hover span.events-offer{
    height: 20%;
}
.tab-main-img a span.events-offer {
    background: rgba(0,0,0,0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "";
    font-size: 20px;
    font-weight: 700;
    height:0%;
    left: 0;
    line-height: 70px;
    padding: 0;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease 0s;
    width: 100%;
    padding: 0px 10px;
}
/*----------------------------------------
 14.2. Testimonial Area Css
----------------------------------------*/
.testimonials-area {
    background: #f8f8f8 none repeat scroll 0 0;
    display: block;
    overflow: hidden;
}
.quate {
    border: 1px dotted #333;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    width: 70px;
}
.quate:hover {
    color: #252525;
}
.testi-img img {
    border: 1px dotted rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    height: 80px;
    margin: 0 auto;
    padding: 5px;
    transition: background 0.6s ease-out 0s;
    width: 80px !important;
}
.testi-text p {
    color: #333;
    font-size: 16px;
    line-height: 1.5em;
    margin: 20px 0;
    letter-spacing: 1px;
}
.testi-text h6 {
    color: #333;
    font-size: 20px;
}
.testimonial-content {
    padding-bottom: 50px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: -60px;
    display: block;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    text-align: left;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 5px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
    background: #333 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    transition: all 0.4s ease 0s;
    width: 8px;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    -ms-transition:0.4s;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: #333 none repeat scroll 0 0;
    left: 0;
    width: 20px;
    border-radius: 10px;
}
.testi-text > h6 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
/*----------------------------------------
 14.3.  Wellcome Area Css
----------------------------------------*/
.wellcome-area {
    background: rgba(248, 248, 248, 0.8) url("img/background/bg1.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.well-bg {
    position: relative;
}
.test-overly {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.wellcome-text {
    margin: 70px 0;
    padding: 30px 40px;
}
.well-text > h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    line-height: 50px;
}
.well-text p {
    font-size: 18px;
    font-style: italic;
    color: #fff;
}
.wellcome-text .section-headline p {
    margin-bottom: 0;
}
.subs-feilds {
    display: inline-block;
    height: 52px;
    margin-top: 30px;
    width: 60%;
    overflow: hidden;
}
.suscribe-input input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #444;
    float: left;
    font-size: 15px;
    height: 50px;
    line-height: 24px;
    padding: 11px 15px;
    width: 70%;
}
.suscribe-input button {
    background: #444 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 14px 20px;
    width: 30%;
}
/*----------------------------------------
14.4.  Team Area Css
----------------------------------------*/
.team-member {
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
    display: block;
    margin-right: -15px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.team-member::before {
    background: rgba(0, 0, 0, 0) url("img/team/team01.jpg") repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin-right: -15px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    transition: 5s;
    transform: scale(1);
}
.team-member:hover.team-member::before {
    transform: scale(1.2);
}
.single-team-member {
    border: 1px solid #ddd;
}
.team-left-text h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.team-left-text p {
    color: #fff;
    font-size: 17px;
    line-height: 26px;
}
.email-news {
    display: block;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.email-news .email_button input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 8px;
    width: 81%;
}
.email-news .email_button > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 8px 12px;
    text-align: center;
}
.email-news .email_button > button:hover {
    background: #E03F90;
    border: 1px solid #fff;
    color: #fff;
}
.team-left-icon ul li {
    display: inline-block;
}
.team-left-icon ul li a:hover {
    color: #E03F90;
    background: #fff;
    border: 2px solid #fff;
}
.team-left-icon ul li a {
    border:2px solid #fff;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 37px;
    margin: 0 3px;
    width: 40px;
}
.team-member-carousel .single-team-member {
    overflow: hidden;
    width: 100%;
}
.single-team-member:hover .team-img a:after{
    opacity: 1;
}
.single-team-member:hover .team-social-icon{
    top:45%;
    opacity: 1;
}
.team-img {
    position: relative;
}
.team-img > a {
    display: block;
}
.team-img > a::after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 100%;
    opacity: 0;
}
.team-social-icon {
    left: 50%;
    margin-left: -61px;
    opacity:0;
    position: absolute;
    top: 30%;
    transition:1.3s;
}
.team-social-icon ul li {
    display: inline-block;
}
.team-social-icon ul li a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 33px;
    margin: 0 3px;
    width: 34px;
}
.team-social-icon ul li a:hover{
    color: #333;
    border: 1px solid #fff;
    background: #fff;
}
.team-content {
    padding: 10px 0px;
}
.team-content > h4,.team-content > p {
    color: #444;
    margin-bottom: 5px;
}
.team-content.head-team p {
    margin-bottom: 0;
}
.team-left-icon.text-center {
    margin-bottom: 20px;
}
.head-team h4 {
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/* 14.5.  Pricing Area
/*----------------------------------------*/
.pricing-area {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}
.pri_table_list {
    border: 1px solid #ccc;
    text-align: center;
    transition: all 0.4s ease 0s;
    background: #fff;
}
.pri_table_list h3 span {
    font-size: 16px;
}
.pri_table_list ol li {
    border-bottom: 1px solid #ccc;
    color: #666;
    padding: 12px 15px;
    position: relative;
    text-align: left;
}
.pri_table_list li.check.cross::after {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    right: 50px;
    top: 12px;
}
.pri_table_list li.check::after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    right: 50px;
    top: 12px;
}
.pri_table_list button {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
    color: #fff;
    margin-bottom: 25px;
    padding: 10px 35px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    border-radius: 30px;
}
.pri_table_list > h3 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    padding: 30px 0 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.pri_table_list ol {
    list-style: outside none none;
    margin: 0;
    padding: 0 0 25px;
}
.pri_table_list.active {
    transition: all 0.4s ease 0s;
    position: relative;
    overflow: hidden;
}
.saleon {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: -26px;
    padding: 2px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.pri_table_list > button:hover {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
}
.active > h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    transition: all 0.4s ease 0s;
}
.active > button {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    color: #333;
    transition: 0.4s;
}
.active > button:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    transition: 0.4s;
}
/*----------------------------------------*/
/* 15. Services Pages
/*----------------------------------------*/

.services-area {
    background-image: url("img/background/ab.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-page-icon {
    float: left;
    width: 20%;
}
.service-page-text {
    float: left;
    width: 80%;
}
.services-2 .single-service {
    padding: 0px;
}
.single-well img {
    margin-bottom: 20px;
}
.single-well h4 {
    font-size: 18px;
    line-height: 30px;
}
.single-well {
    margin-top: 30px;
}
/*----------------------------------------*/
/* 16.Sub Services Pages
/*----------------------------------------*/
.single-page-head {
    margin-bottom: 30px;
}
.page-head-left .contact-form button[type="submit"] {
    width: 100%;
}
.left-menu li:first-child {
    margin: 0px 0px 2px
}
.left-contact h4 {
    font-size: 24px;
}
.left-menu li {
    display: block;
    margin: 2px 0;
}
.build-img .page-img {
    padding-bottom: 0;
}
.left-menu ul li.active a {
   background: #dd127b none repeat scroll 0 0;
color: #fff;
}
.left-menu ul li a:hover {
    color: #fff;
    background: #dd127b; 
}
.left-menu ul li a {
    background: #eee none repeat scroll 0 0;
    color: #444;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
}
.left-menu ul li a::after {
    content: "";
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    right: 18px;
    top: 15px;
}
.left-contact {
    background: #eee none repeat scroll 0 0;
    padding: 15px 20px 20px;
}
.left-cont-info ul li {
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 15px 0;
}
.left-cont-info ul li a {
    color: #444;
}
.left-cont-info ul li a i {
    color: #ec5c4d;
    font-size: 16px;
    margin-right: 10px;
}
.left-side-icons li {
    display: inline-block;
    margin: 20px 10px 20px 0;
}
.add-btn.contact-btn {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 600;
    height: 44px;
    width: 100%;
}
.add-btn.contact-btn:hover {
    background: #dd127b;
    border: 1px solid #fff;
    color: #fff;
}
.left-contact input.form-control {
    height: 40px;
}
.left-side-icons ul li a {
    border: 1px solid #ccc;
    color: #444;
    display: block;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
}
.left-side-tags ul li a {
    border: 1px solid #ccc;
    color: #444;
    padding: 5px 8px;
}
.left-tags {
    background: #eee none repeat scroll 0 0;
    padding: 0 20px 20px;
}
.page-content h3 {
    font-weight: 600;
    padding: 15px 0 0;
}
.single-page a.page-btn:hover {
    color: #fff;
    background: #FBB700;
    border: 1px solid #FBB700;
}
.single-page a.page-btn {
    border: 1px solid #444;
    color: #444;
    display: inline-block;
    padding: 6px 25px 6px 10px;
    position: relative;
    transition: all 0.4s ease 0s;
}
.single-page a:hover.page-btn::after{
    opacity: 1;
    right: 2px;
}
.single-page a.page-btn::after {
    content: "";
    font-family: fontawesome;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all 0.5s ease 0s;
    color: #fff;
}
.single-page {
    overflow: hidden;
}
.page-btn {
    border: 1px solid #444;
    color: #444;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    padding: 7px 10px;
    text-decoration: none;
}
.page-btn:hover {
    border: 1px solid #444;
    color: #fff;
    background: #444;
}


.project-dec li {list-style-type:none; line-height:2;}
.project-dec p {text-align:justify;}
.title2{font-size:17px;}
.header-area{   
 box-shadow: 0px 0px 10px 0px #dd127b;
    background-color: #fff;
    z-index: 999;
    position: relative;}
.social ul li{ 
float:left;     
    color: #333;
    font-size: 13px;
    font-weight: normal;
    padding: 24px 4px;
    text-transform: uppercase;
	}
.social i{    background-color: #dd127b;
    border-radius: 100px;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    width: 30px;   
	text-align: center;
}
.intro-area-2{    border-bottom: 2px solid #eee;}
.sec-head{    background-color: #dd127b;
    padding: 10px;
    color: #fff;}


button.accordion {
    background-color: #fff;
    cursor: pointer;
   padding: 10px 10px 10px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-bottom: 1px solid #ccc;
}

button.accordion.active, button.accordion:hover {
   color: #000;
}
button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

button.accordion:before {
 content: '\02795';
    font-size: 9px;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 7px;
}

button.accordion.active:before {
    content: "\2796";
}

div.panel {
    background-color: white;
    max-height: 0;
    padding-left: 15px;
    overflow: hidden;
    padding-top: 0px;
    border-bottom: 4px solid #ccc;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin-bottom: 8px;
}

.panel-icon {
 margin-right: 10px;
}

.panel h5 {
 font-size: 15px;
 line-height: 23px;
 margin-top: 5px;
    margin-bottom: 0px;
 display: inline-block;
 color: #000
}

.panel p {
 font-size: 15px;
 line-height: 23px;
    padding: 15px 30px 20px 0;
 color: #000;
 text-align:justify;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}

blockquote, q { quotes: none; padding:0px;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

.bigtext {
  display: block;
  overflow: hidden;
  color: #787878;
}

.expand, .contract {
  cursor: pointer;
  font-weight: bold;
  padding: 1px 0;
  text-align: center;
  color: #555;
}
.expand:hover, .contract:hover {
  color: #121212;
}

.hide {
  display: none;
}
.secbot{
	font-size: 15px;
text-align: center;
padding: 15px;
border-top: 1px solid #dd127b;
border-bottom: 1px solid #dd127b;
}
.servicemain{    background-color: #dd127b;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}
.servicemain a{   
    color: #fff;
    font-size: 22px;
}
/*----------------------------------------*/
/* End Pages
/*----------------------------------------*/