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

    Template Name:  Solitary - One Page Portfolio, Resume and CV
    Template URI: http://themevictory.com
    Description: This is html5 template
    Author: ThemeVictory
    Author URI: http://themevictory.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header Area 
    2.1. Header Top 
    2.2. Sticky Menu 
    3. About Area  
    4. Skills Area
    5. Experience
    6. Portfolio Area 
    7. Pricing Table
    8. Clients Area
    9. Blog  Area 
    10. Contact Area 
    11. Footer Area
    12. Blog Css
    13. Blog Details Css
    14. Contacts page  Css
    15. Projects page Css
    

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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
body {
	position: relative;
}
.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;
  text-decoration: none;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
  margin:0 0 15px;
  color: #444;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  margin: 0 0 10px;
  color: #444;
}
 a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('img/logo/preloader.gif') no-repeat center center; }
.section-head h3 {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 60px;
  text-transform: uppercase;
}
#scrollUp {
  background: #000;
  border: 1px solid #fff;
  border-radius: 2px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 45px;
  line-height: 40px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 45px;
}
#scrollUp:hover {
  background: #333;
  opacity: 1;
  border: 1px solid #333;
}
header {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
body {
  background-color: #fff;
  color: #999;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
}
::-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;
}
.area-padding {
  padding: 75px 20px;
}
/*--------------------------------*/
/*  2. Header Area
/*--------------------------------*/
.main-area {
	position: relative;
	z-index: 1;
}
.main-area {
  background: rgba(0, 0, 0, 0) url("img/background/bg.jpg") no-repeat center top / cover ;
}
.main-area::after {
  background-color: rgba(45, 51, 75, 0.75);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
/*--------------------------------*/
/*  2.1. Header Top
/*--------------------------------*/
.main-menu ul.navbar-nav li {
  display: inline-block;
  float: none;
  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: 700;
  padding: 10px 15px;
  text-transform: uppercase;
}
.main-menu ul.navbar-nav li.active a:hover {
  background: none;
  color:#2493de; 
}
.main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #ddd;
}
.main-menu ul.navbar-nav li a:hover {
  color: #2493de;
}
.navbar {
  border: medium none;
  margin-bottom: 0;
}
.nav.navbar-nav.navbar-right {
  margin-top: 4px;
}
.navbar-default {
  background: rgba(0, 0, 0, 0) none 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: #ddd;
}
.navbar-default .navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  margin-right: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 4px;
}
.main-menu ul.navbar-nav li:last-child a {
  padding-right: 5px;
}
.navbar-brand {
  padding: 0;
}
.main-menu ul.navbar-nav li ul.sub-menu {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  border: medium none;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 115%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 200px;
  z-index: -99;
}
.main-menu ul.navbar-nav li ul.sub-menu li {
  border-bottom: 1px solid #444;
  padding: 0;
  width: 100%;
}
.main-menu ul.navbar-nav li:hover ul.sub-menu {
  top:100%;
  opacity:1;
  z-index:999;
  visibility:visible;
}
.main-menu ul.navbar-nav li ul.sub-menu li a {
  color: #888888;
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 7px 20px;
  text-transform: capitalize;
}
.main-menu ul.navbar-nav li:hover ul.sub-menu li a:hover {
  color:#fff;
	text-decoration: none;
	background: #444;
}
.dropdown-toggle::after {
  content: "";
  font-family: fontawesome;
  font-size: 16px;
  position: absolute;
  right: -1px;
  top: 10px;
}
.main-menu ul.navbar-nav li.dropdown.active.open ul.sub-menu.dropdown-menu li a {
  color: #fff !important;
}
/*--------------------------------*/
/* 2.2. Stick menu
/*--------------------------------*/
.stick .main-menu ul.nav > li > a {
  color: #fff;
}
.stick .main-menu ul.nav > li > a:hover {
  color: #2493de;
}
.stick .main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #2493de;
  position: relative;
}
.stick .mainmenu ul#nav >li:hover>a,.stick .mainmenu ul#nav li .mega-menu,.stick .mainmenu ul#nav li ul.sub-menu{
  background-color: #f5f5f5;
  color: #333;
  outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover,.mainmenu ul#nav li .mega-menu span>a:hover,.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover{
  color:#ddd;
}
.header-area {
  display: block;
  padding-top: 16px;
  z-index: 9999999;
}
.header-area.stick {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  height: auto;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  padding-bottom: 5px;
  z-index: 2147483647;
}
/*--------------------------------*/
/*  3. About Area
/*--------------------------------*/
.about-area {
  padding-top: 60px;
}
.about-main {
  background: #fff none repeat scroll 0 0;
}
.left-sidebar {
  text-align: center;
}
.left-img {
  padding-top: 6px;
}
.left-img img {
  width: 250px;
  height: 250px;
  box-shadow: 1px 1px 12px 2px rgba(0,0,0,.2);
}
.left-content {
  padding: 5px 0 0;
}
h2.name-text {
  color: #3d4451;
  font-size: 26px;
  font-weight: 700;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.left-content span {
  font-size: 20px;
  font-weight: 700;
  color: #2493de;
}
.typer {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}
.social-icons ul li{
	display: inline-block;
}
.social-icons ul li a {
  display: block;
  width: 40px;
  height: 40px;
  background: transparent;
  text-align: center;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  margin: 0px 2px;
  border-radius: 4px;
  transition: 0.3s;
}
.social-icons ul li a:hover {
  color :#fff;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.20), 0 4px 15px 0 rgba(0,0,0,.15);
  transition: 0.3s;
}
.about-bottom {
  background: #2493de none repeat scroll 0 0;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px;
  overflow: hidden;
  padding: 20px 0;
}
.resume-btn {
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px 10px 5px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 170px;
}
.resume a:hover {
  color: #fff;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.20), 0 4px 15px 0 rgba(0,0,0,.15);
}
.resume {
    display: block;
}
.resume-btn::after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 17px;
  top: 11px;
}
.message-btn::after {
  content: "";
  top: 9.5px;
}
.about-main{
	padding-top: 80px;
}
.about-details {
  margin-bottom: 30px;
}
.content-right {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.pro-list {
    color: #9da0a7;
    font-weight: 400;
	font-size: 16px;
}
.head-title {
  color: #444;
  display: inline-block;
  font-size: 16px;
  width: 100px;
}
.about-self > p {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 15px;  
  margin-right: 30px;
}
.about-self > p::first-letter {
  color: #2493de;
  font-size: 20px;
  font-weight: 700;
}
.self-text {
  margin-bottom: 20px;
}
.my-profile li {
  margin-bottom: 12px;
}
/*--------------------------------*/
/*  4.Skills Area
/*--------------------------------*/
.skill-progress {
  position: relative;
  margin-bottom: 22px;
}
.progress {
  background-color: #bbd9ed;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 5px;
  margin-bottom: 30px;
  position: relative;
}
.web-per {
  background: #2493de none repeat scroll 0 0;
  color: #fff;
  font-size: 10px;
  height: 20px;
  line-height: 19px;
  position: absolute;
  right: 2%;
  text-align: center;
  top: -4px;
  width: 37px;
}
.web-per::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #2493de;
  bottom: -9px;
  content: "";
  left: 13px;
  position: absolute;
}
.progress-bar {
  background: #2493de none repeat scroll 0 0;
  line-height: 8px;
}
.bar-2 {
  right: 7%;
}
.bar-3 {
  right: 17%;
}
.bar-4 {
  right: 27%;
}
.bar-5 {
  right: 12%;
}
.skills-idea {
  margin-top: 30px;
}
/*--------------------------------*/
/*  5.Experience Area
/*--------------------------------*/
.expere-area {
    background-color: #ffffff;
}
.skill-edu h4 {
  margin-bottom: 40px;
}
.edu-result h5 {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding-top: 25px;
}
.select-pin {
  background: #2493de none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 20px 6px;
  position: relative;
  text-align: center;
  border-radius: 2px;
}
.left-edu .select-pin::after, 
.right-edu .select-pin::after {
  content: "";
  position: absolute;
  top: 28px;
  border-top: 12px solid #2493de;
}
.left-edu .select-pin::after {
  border-left: 12px solid transparent;
  border-right: 0 solid transparent;
  right: 15%;
}
.right-edu .select-pin::after {
  border-left: 0 solid transparent;
  border-right: 12px solid transparent;
  left: 15%;
}
.expre-edu.left-edu .edu-result {
  padding-right: 30px;
  text-align: right;
}
.left-edu {
  padding-right: 30px;
  position: relative;
}
.left-edu::before {
  background: #a0ccea none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -15px;
  top: 0;
  width: 2px;
}
.right-expre .edu-result {
  border-left: 2px solid #2493de;
  padding: 30px 10px 15px 30px;
  position: relative;
  text-align: left;
}
.left-edu .edu-result {
  position: relative;
  border-right: 2px solid #2493de;

}
.right-expre .edu-result::before {
  background: #2493de none repeat scroll 0 0;
  border: 1px solid #2493de;
  content: "";
  height: 16px;
  position: absolute;
  left: -56px;
  bottom: 44px;
  width: 16px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.right-expre .edu-result::after {
  border-bottom: 50px solid transparent;
  border-right: 20px solid #2493de;
  border-top: 50px solid transparent;
  content: "";
  position: absolute;
  left: -22px;
  bottom: 1px;
}
.left-edu .edu-result::after {
  background: #2493de none repeat scroll 0 0;
  border: 1px solid #2493de;
  content: "";
  height: 16px;
  position: absolute;
  right: -54px;
  top: 44px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
  width: 16px;
  z-index: 0;
}
.left-edu .edu-result::before {
  border-bottom: 50px solid transparent;
  border-left: 20px solid #2493de;
  border-top: 50px solid transparent;
  content: "";
  position: absolute;
  right: -22px;
  top: 1px;
}
.right-expre {
  padding-left: 30px;
}
.edu-result h6 {
    font-size: 14px;
    font-weight: 600;
    color: #a0a0a0;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.edu-result {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 25px;
  padding: 30px 10px 15px;
}
.last-result {
  margin-bottom: 0;
}
.second-row {
  display: block;
  margin-top: 60px;
}
/*--------------------------------*/
/*  6. Portfolio Area
/*--------------------------------*/
.single-awesome-project {
  float: left;
  overflow: hidden;
  width:100%;
  cursor: pointer;
}
.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 {
  margin-bottom: 30px;
}
.pro-last {
  margin-bottom: 0;
  padding-bottom: 0;
}
.awesome-img > a::after {
  background: rgba(0, 0, 0, 0.7) 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: 35%;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.single-awesome-project:hover .awesome-img > a::after {
  opacity: 1;
}
.single-awesome-project:hover .add-actions {
  opacity: 1;
  top: 44%;
}
.project-dec h5 {
  margin-bottom: 5px;
}
.project-dec h5 a {
  color: #ddd;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  display: inline-block;
}
.project-dec i {
  font-size: 30px;
}
.project-dec h5 a:hover {
	color: #2493de;
}
.pst-content {
  padding-left: 10px;
}
.portfolio-menu {
  margin-bottom: 40px;
  text-align: center;
}
.portfolio-menu li {
  display: inline-block;
	position: relative;
  padding: 0 8px;
}
.portfolio-menu > li:last-child::after {
	position: absolute;
	background: transparent;
	content"";
}
.portfolio-menu > li::after {
  background: #ccc none repeat scroll 0 0;
  content: "";
  height: 15px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 2px;
}
.portfolio-menu li a {
  color: #444;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0 4px;
  padding: 8px 2px 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.portfolio-menu li a {
  border-bottom: 2px solid transparent;
}
.portfolio-menu li a.active {
  border-bottom: 2px solid #2493de;
  color: #2493de;
  text-decoration: none;
}
.portfolio-menu li a:hover {
  border-bottom: 2px solid #2493de;
  color: #2493de;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.portfolio-content .modal-body {
  padding: 15px 30px;
}
.sp-name {
  border-bottom: solid 1px rgba(33, 39, 57, .15);
  margin-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.sp-name span {
  font-size: 12px;
}
.sp-dsc {
  border-bottom: solid 1px rgba(33, 39, 57, .15);
  margin-top: 20px;
  text-align: left;
  padding: 0 0 30px;
  font-size: 13px;
  color: #939393;
}
.sp-dsc blockquote {
  margin: 20px 0;
}
.sp-social ul {
  text-align: center;
  margin-top: 30px;
}
.sp-social ul li {
  display: inline-block;
  padding-left: 15px;
}
.sp-social .social-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #2493de;
  display: inline-block;
  color: #fff;
  line-height: 46px;
  text-align: center;
}
/*----------------------------------------*/
/* 7. Pricing Area
/*----------------------------------------*/
.pricing-area {
  background-color: #ffffff;
}
.pri_table_list {
  border: 1px solid #a0ccea;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: #fff;
}
.pri_table_list h3 span {
  font-size: 16px;
  text-transform: lowercase;
}
.pri_table_list ol li {
  border-bottom: 1px solid #a0ccea;
  color: #666;
  padding: 15px 0;
  text-transform: capitalize;
}
.pri_table_list button {
  background: #2493de none repeat scroll 0 0;
  color: #fff;
  padding: 10px 50px;
  text-transform: uppercase;
  border: 1px solid #2493de;
  border-radius: 2px;
  margin-bottom: 25px;
  transition: 0.4s;
}
.pri_table_list > h3 {
  background: #2493de none repeat scroll 0 0;
  color: #fff;
  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 {
  margin: 0;
  padding: 0 25px 25px;
  list-style: none;
}
.pri_table_list.active {
  border: 1px solid #a0ccea;
  transition: all 0.4s ease 0s;
  position: relative;
  overflow: hidden;
}
.saleon {
  background: #13b091 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 #2493de;
  color: #333;
}
.active > h3 {
  background: #2493de none repeat scroll 0 0;
  color: #fff;
  transition: 0.4s;
}
.active > button {
  background: #2493de none repeat scroll 0 0;
  border: 1px solid #2493de;
  color: #fff;
  border-radius: 2px;
  transition: 0.4s;
}
/*--------------------------------*/ 
/*  8. Clients Area
/*--------------------------------*/
.reviews-area {
  display: block;
  position: relative;
  width: 100%;
}
.testi-img img {
  border: 2px solid #2493de;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}
.testi-text p {
  background: #2493de none repeat scroll 0 0;
  border: 1px solid #2493de;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-style: italic;
  line-height: 25px;
  margin: 0 0 20px;
  padding: 20px;
  position: relative;
  width: 50%;
}
.testi-text p::after {
  background: transparent none repeat scroll 0 0;
  border-right: 20px solid transparent;
  border-top: 25px solid #2493de;
  bottom: -24px;
  content: "";
  left: 50%;
  position: absolute;
}
.testi-img {
  margin: 20px 0;
}
.testi-text.text-center > h4 {
  color: #444;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 3px;
}
.guest-rev {
  color: #a0a0a0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.guest-rev > a {
  color: #444;
  font-size: 14px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #2493de;
  border-radius: 0;
  color: #2493de;
  display: inline-block;
  font-size: 20px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 30px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
  position: absolute;
  right: 2%;
  top: 0;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
	background:#2493de;
  color:#fff;
  border: 1px solid #2493de;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
  position: absolute;
  right: 6%;
  top: 0;
}.client-main {
  padding-top: 30px;
}
.single-client {
  float: left;
  width: 33.33%;
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.single-client a {
  display: block;
  position: relative;
}
.single-client::before {
  border: 1px solid #2493de;
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  top: 10%;
  width: 1px;
}
.single-client:nth-last-child(n+4)::after {
  border: 1px solid #2493de;
  content: "";
  height: 1px;
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 90%;
}
.single-client:nth-child(3n+3)::before {
  border: none;
}
.single-client:hover {
  background-color: #2493de;
}
/*----------------------------------------*/
/* 9. Blog Area
/*----------------------------------------*/
.blog-area {
  background-color: #ffffff;
}
.page-head {
  background: #f9f9f9 none repeat scroll 0 0;
  display: block;
  overflow: hidden;
}
.blog-full {
  background: #fff none repeat scroll 0 0;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}
.blog-item.owl-carousel,.testimonial-carousel.owl-carousel {
  position: inherit;
}
.single-blog {
  display: block;
  overflow: hidden;
}
.single-blog-img {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.blog-item .col-md-4 {
    width: 100%;
}
.single-blog-img a {
  display: block;
}
.single-blog-img a img{
  transform: scale(1);
  transition: 0.5s;
}
.single-blog:hover .single-blog-img a img{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  -moz-transform: scale(1.02);
}
.blog-item.owl-carousel.owl-theme .col-md-6 {
  width: 100%;
}
.blog-content h4 a {
  color: #444;
  font-size: 18px;
  font-weight: 600;
}
.blog-content h4 a:hover{
	color: #000;
	text-decoration: none;
}
.blog-content h4 {
  margin-bottom: 10px;
}
.blog-btn {
  color: #fff;
  display: inline-block;
  padding: 5px 20px 5px 10px;
  position: relative;
  background: #2493de;
  text-transform: capitalize;
  border-radius: 2px;
  border: 1px solid #2493de;
}
.blog-btn::after {
	content: "";
	font-family: fontawesome;
	position: absolute;
	right: 8px;
	top: 6px;
}
.blog-btn:hover {
  background: #fff;
  color: #2493de;
  border: 1px solid #2493de;
  text-decoration: none;
}
.blog-content p {
  color: #444;
  font-size: 14px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
.blog-meta span.date-type {
  border-right: 1px solid #777777;
  color: #444;
  font-size: 13px;
  padding-right: 10px;
}
.blog-meta span.date-type i {
  margin-right: 6px;
}
.blog-meta span.comments-type {
	margin-left: 10px;
}
.blog-meta span.comments-type a {
  color: #444;
  font-size: 12px;
  margin-left: 5px;
}
.blog-meta span.comments-type a:hover{
  color: #333;
}
.blog-meta {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px 0;
}
.blog-item.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  position: absolute;
  right: 16px;
  top: 0;
}
.blog-item.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
	background: #2493de;
  color: #fff;
  border: 1px solid #2493de;
}
.blog-item.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  position: absolute;
  right: 55px;
  top: 0;
}
/*----------------------------------------*/
/* 10. Contact CSS
/*----------------------------------------*/
.contact-info {
  padding: 60px 80px 0;
}
.contact-icons > h3 {
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 0 0 10px;
  position: relative;
}
.contact-icons h3:before{
  content: "\f007";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.contact-icons ul li {
  color: #444;
  float: left;
  font-size: 15px;
  line-height: 30px;
  list-style: outside none none;
  margin: 0;
  padding: 10px 0px;
  width: 100%;
}
.contact-icons ul li:first-child {
  padding-top: 0;
}
.contact-icons ul li i {
  font-size: 18px;
  margin-right: 5px;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 23px;
  color: #777;
}
.contact-icons {
  margin-bottom: 20px;
  overflow: hidden;
}
.contact-icons ul li a:hover {
  text-decoration: underline;
}
.contact-icons ul li a {
  color: #333;
}
.contact-form h3 {
  margin-bottom: 30px;
}
.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: #333;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 10px;
  width: 100%;
}
.contact-form textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 140px;
  padding: 15px 10px;
  width: 100%;
  resize: none;
}
.contact-form input[type="submit"] {
  background: #2493de none repeat scroll 0 0;
  border: 1px solid #2493de;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  padding: 8px 55px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
  color:#2493de;
  border: 1px solid #2493de;
  background: #fff;
}
.contact-form input[type="text"]:focus, 
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
	outline: -webkit-focus-ring-color auto 0px;
	border: 1px solid #2493de;
}
/*----------------------------------------*/
/*  11. Fotter Area  CSS
/*----------------------------------------*/
.footer-area {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 20px 0;
}
.copyright p {
  color: #444;
  font-size: 13px;
  margin-bottom: 0;
}
.copyright a {
  color: #3c3451;
  font-weight: 700;
}
/*----------------------------------------
	12. Blog page css
/*----------------------------------------*/
.blog-page-main {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
}
.breadcrumb-head {
  background: rgba(0, 0, 0, 0) url("img/background/bg6.jpg");
  height: 100%;
  padding: 100px 0;
  width: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.breadcrumb-head h3 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  color:#fff;
}
.breadcrumb-head ul li {
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 5px 10px;
}
.bread-first {
    position: relative;
}
.bread-first::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 15px;
  position: absolute;
  right: -3px;
  top: 10px;
  width: 2px;
}
.page-blog-1 {
	padding-left: 15px;
	padding-right: 15px;
}
.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 15px 15px;
  text-transform: uppercase;
}
.left-blog {
  background: #ffffff none repeat scroll 0 0;
  margin-bottom: 30px;
}
.left-blog li {
  border-bottom: 1px solid #ddd;
  display: block;
  margin: 0 10px;
}
.page-blog .single-blog {
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
}
.single-blog.last-blog-content {
  margin-bottom: 60px;
}
.left-blog ul li a:hover {}
.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-transform: capitalize;
}
.recent-single-post {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
}
.recent-single-post:last-child {
  border-bottom: none;
}
.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%;
}
.pst-content {
    display: inline-block;
    float: left;
    width: 65%;
}
.pst-content p a:hover, .left-blog ul li a:hover {
  color: #333;
  text-decoration: none;
}
.pst-content p a {
  color: #444;
  font-size: 15px;
}
.popular-tag > h4 {
  margin-bottom: 15px;
}
.blog-tags {
  padding: 0;
}
.left-blog li:last-child {
  border-bottom: 0 ;
}
.popular-tag > ul {
  display: block;
  padding: 10px 15px 20px;
}
.popular-tag ul li {
    border-bottom: medium none;
    display: inline-block;
	margin: 3px;
}
.popular-tag ul li a {
  border: 1px solid #ccc;
  display: block;
  padding: 5px 7px;
  text-align: center;
  text-decoration: none;
}
.blog-1 .banner-box {
  margin-bottom: 30px;
}
/*----------------------------------------*/
/*  13.	Blog Details css
/*----------------------------------------*/
.blog-details {
  background: #fff none repeat scroll 0 0;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}
.post-information h2 {
  color: #363636;
  font-size: 24px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.post-information {
    padding: 20px 0;
}
.post-information .entry-meta span a {
  color: #444;
  display: inline-block;
  padding: 0 5px 10px;
}
.entry-meta span a:hover {
  color: ##2493de;
}
.post-information .entry-meta span:first-child i {
  padding-left: 0;
}
.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
}
.post-information .entry-meta span i {
    padding: 0 10px;
}
.entry-content > p {
  color: #444;
  text-align: justify;
}
.entry-meta > span {
  color: #444;
}
.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #333;
  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: #333;
  border-color: #333;
  color: #fff;
  cursor: default;
  z-index: 3;
}
.social-sharing {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 30px 0;
}
.social-sharing > h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
}
.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}
.sharing-icon a {
    border: 1px solid #ccc;
    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: #000;
	border: 1px solid #333;
}
.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: 0 0 20px;
  padding: 15px 0;
  width: 100%;
}
.single-post-comments {
  float: right;
  margin-bottom: 20px;
  max-width: 650px;
  overflow: hidden;
}
.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;
}
.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0 40px;
  padding-left: 0;
}
.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;
  margin-right: 10px;
  width: 10%;
}
.author-description h2 {
  color: #777;
  font-size: 20px;
  line-height: 40px;
  text-transform: uppercase;
}
.author-description h2 a {
    color: #000;
}
.comments-content-wrap span b {
  margin-right:5px
}
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;
}
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: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 0;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 14px;
  margin-top: 20px;
  padding: 10px 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.comments-content-wrap span a {
    color: #000;
}
.comments-content-wrap span a:hover {
  color: #fff;
}

.comment-respond input[type=submit]:hover {
    border:1px solid #444;
    color: #fff;
    background: #444;
}
.single-blog .blog-pagination {
	border-top: 1px solid #e5e5e5;
	margin:0;
	padding-top:30px;
}
.blog-pagination {
  float: right;
}
/*----------------------------------------*/
/*  14.	Contact page css
/*----------------------------------------*/
.contact-page-main {
  background: #fff none repeat scroll 0 0;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
  padding-bottom: 60px;
}
.map-area {
  padding: 0px 0px 40px;
}
.contacts-full {
  display: block;
}

/*----------------------------------------*/
/*  15.	Project page css
/*----------------------------------------*/
.project-full {
  background: #fff none repeat scroll 0 0;
  display: block;
  padding-bottom: 50px;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}

/*----------------------------------------*/
/*  End css
/*----------------------------------------*/