/*=========================================
Galata - Galata One Page Responsive Template
Version: 1.0 (Initial Release)
Designed By: Shobuj roy
===========================================
1. COMMON CSS
2. HEADER
3. NAVBAR
4.ABOUT SECTION 
5. PURCHASE SECTION
6. TEAM SECTION
7. Testimonial SECTION
8. Services SECTION 
9. Works SECTION
10. Important video slide SECTION
11. Contact Now SECTION
12. Latest Article SECTION
13. Brand Logo SECTION
14. Subscribe SECTION
15. Message SECTION
16. Google Map SECTION
17. Footer SECTION
18. Blog Page CSS
19. SIDEBAR SECTION
20. Blog Detail Page CSS 
===========================================*/
/* ##################### RESET CSS  ##################### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
	scroll-behavior: smooth;
}
img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
a:focus {
    outline: 0;
    text-decoration: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a,
button {
    color: #242424;
    text-decoration: none;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
a:hover {
    text-decoration: none;
    color: #363636;
}
::-webkit-input-placeholder {
    opacity: 1;
    filter: alpha(opacity=100);
}
:-moz-placeholder {
    /* Firefox 18- */
    
    opacity: 1;
    filter: alpha(opacity=100);
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    opacity: 1;
    filter: alpha(opacity=100);
}
:-ms-input-placeholder {
    opacity: 1;
    filter: alpha(opacity=100);
}
img {
    max-width: 100%;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #707070;
	font-family: sans-serif;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}
/*---------------------------------------
    COMMON               
-----------------------------------------*/

.sec-padding {
    padding: 100px 0;
}
.section-heading h2 {
    color: #7d7d7d;
    display: inline-block;
    font-family: 'Kanit', sans-serif;
    font-size: 48px;
    padding-left: 115px;
    position: relative;
}
.section-heading span {
    color: #313131;
}
.section-heading h2::before {
    background-color: #000000;
    bottom: 2px;
    content: "";
    height: 42px;
    left: 0;
    position: absolute;
    width: 95px;
}
.section-heading.white-section h2::before {
    background-color: #fff;
}
.section-heading.white-section h2 {
    color: #fff;
}
/*---------------------------------------
    HEADER               
-----------------------------------------*/

.header-main .navbar-toggle {
    border: 1px solid #313131;
    border-radius: 0px;
	margin-right: 0;
}
.header-main .navbar-toggle .icon-bar {
    background: #000;
}
/*---------------------------------------
    NAVBAR               
-----------------------------------------*/

.p0{
	padding:0;
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1;
}

.navbar-nav{margin:0;}

.navbar-collapse{
	padding:0;
	border:none;
}

.row{
	margin:0;
}

.container{padding:0;}

.navbar.sticky {
    background: #e7e7e8;
    border-radius: 0 !important;    
    z-index: 99999;
	padding-top:0;
}
.navbar-brand {
    padding: 0;  
    margin-top: 5px;
	display:flex;	
}
.navbar-brand>img{
	width:30px;
	align-self: center;
}

.navbar-brand h2{	
	font-family: 'Kanit', sans-serif;
	font-size:24px;
    align-self: center;
    margin-left: 15px;
	color:#fff;
}

.navbar.sticky  .navbar-brand h2{
	color:#404041;
}
.navbar.sticky .navbar-brand>img{	width:30px;	margin-top: 0px;	align-self: center;}


.navbar-nav>li>a{
	line-height:40px;
}

.navbar.sticky .nav li a {
    color: #404041;
}

.nav li a {
    
	color: #939598;
    font-size: 17px;
    text-transform: uppercase;
    position: relative;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
    text-decoration: none;
}
.nav li a:before,
.portfolio-sorting li a:before {
    background-color: #fff;
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    width: 100%;
}

.portfolio-img{
	height: 200px;    
    background-size: cover;
    background-position: center;
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	overflow:hidden;
	position:relative;
	/*background-position-x: -1px !important;*/
}

.portfolio-hover-content{
	text-align: center;		
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	position: absolute;
    bottom: -30px;
    background: black;
    padding: 10px 0 5px 0;
    width: 100%;	
}

.portfolio-img:hover .portfolio-hover-content{
	opacity:1;
	bottom: 0px;
}

.portfolio-hover-content h3{
	line-height: 18px;
    width: 80%;
    margin: 0 auto;
	margin-bottom: 5px;
    color: white;
    font-size: 18px;
}

.portfolio-hover-content.doubleLine h3{ line-height:20px !important;}

.portfolio-hover-content h4{
	font-size:14px;
	color: white;
    font-style: italic;
}

.nav li a:hover {
    color: #fff;
}
.nav li a:hover::before,
.portfolio-sorting li a.active:before,
.portfolio-sorting li a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.searchbar {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1;
}
.searchIcon {
    cursor: pointer;
    float: left;
    height: 15px;
    width: 15px;
}
.searchbar i {
    font-size: 20px;
}

.search_box > a {
  color: #fff !important;
}
.seach-form {
  padding: 290px 0;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.searchbar input[type="text"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #000;
  width: 100%;
}
.searchbar input[type="submit"] {
  color: #c39f76;
  text-transform: uppercase;
  width: 100%;
}
.searchPopup {
  background: #000 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
	-webkit-transition: opacity 0.3s ease, z-index 0.3s ease;
	-moz-transition: opacity 0.3s ease, z-index 0.3s ease;
	-o-transition: opacity 0.3s ease, z-index 0.3s ease;
	transition: opacity 0.3s ease, z-index 0.3s ease;
  width: 100%;
  z-index: -1;
}

.searchPopup.show {opacity: 1;z-index: 999999;}
.searchPopup .wrapper {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 1170px;
}
.searchPopup form {
	height: 140px;
	left: 0;
	margin-top: -70px;
	position: absolute;
	top: 50%;
	width: 100%;
}
.searchPopup form input[type="text"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ccc;
	box-shadow: none;
	color: #fff;
	font-size: 50px;
	height: 70px;
	padding: 0 15px;
	width: 100%;
}
.searchPopup form input[type="text"]::-moz-placeholder {
	opacity: 1;color: #fff;
}
.searchPopup form input[type="text"]:-ms-input-placeholder {
	color: #fff;
}
.searchPopup form input[type="text"]::-webkit-input-placeholder {
	color: #fff;
}
.closeBtn {
	cursor: pointer;
	font-size: 25px;
	height: 33px;
	position: absolute;
	right: 59px;
	top: 59px;
	width: 33px;
	z-index: 2;
}
#main-slider {
    overflow: hidden;
}
#main-slider .item {
    background-position: top;
    background-repeat: no-repeat;
    height: 50vh;
}
#main-slider .slider-inner h1 {
    font-family: 'Kanit', sans-serif;
    color: #ffffff;
    font-size: 60px;
	text-transform: uppercase;
}
#main-slider .slider-inner h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 25px;
    
    text-transform: uppercase;
}
.carousel-content {
    left: 0;
    position: absolute;
    text-align: right;
    top: 250px;
    width: 100%;
}
.banner-btn {
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #ffffff;
	margin: 15px 0;
    display: inline-block;
    font-size: 13px;
    padding: 15px 20px 10px;
    text-transform: uppercase;	
}

.banner-btn:hover{
	cursor:pointer;
}

.buttom-scroll {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5%;
}

.buttom-scroll i{
    font-size: 70px;
	color:white;	
}

.buttom-scroll i:hover{    
	color:black;
}

/*---------------------------------------
    ABOUT SECTION               
-----------------------------------------*/

.section-heading {
    padding-bottom: 60px;
	padding-left:5px;
	text-transform: uppercase;
}
.ab-icon {
    background: #313131 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
    height: 80px;
    padding-top: 23px;
    text-align: center;
    width: 80px;
    border: 1px solid #313131;
}
.ab-icon {
    /*left: 15%;*/
    position: absolute;
    top: -12%;
}
.about-boxes {
    border: 1px solid #000;
    min-height: 250px;
    padding: 38px 38px 25px;
    position: relative;
    display: inline-block;
}
.about-boxes > h2 {
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 50px 0 10px 0;
    text-transform: uppercase;
}
.about-boxes p {
    text-align: justify;
}
.about-boxes p span {
    color: #000;
}
.ab-icon-btm {
    display: inline-block;
    float: right;
    font-size: 20px;
    height: 40px;
    margin-top: 35px;
    padding-left: 5px;
    padding-top: 8px;
    text-align: center;
    width: 40px;
}
.about-boxes:hover {
    background: #313131;
    cursor: pointer;
    color: #c9c9c9;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}
.about-boxes:hover h2 {
    color: #fff;
}
.about-boxes:hover .ab-icon {
    background: #fff;
    border: 1px solid #313131;
    color: #000;
    text-align: center;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}
.about-boxes:hover p span {
    color: #fff;
}
.about-boxes:hover .ab-icon-btm {
    background: #fff;
    color: #000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
/*---------------------------------------
    PURCHASE SECTION               
-----------------------------------------*/

.purchase-us {
    background: url("../images/purchase-bg.jpg") no-repeat;
    background-size: cover;
	background-position:center center;
    color: #fff;
    padding-bottom: 165px;
}
.sec-heading-white h2::before {
	background:black;
	
}
.sec-heading-white h2 {
    color: #fff;
}
.sec-heading-white p {
    color: #e5e5e5;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 117px;
    padding-top: 20px;
}
.purchase-box {
    text-align: center;
}
.purchase-box a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	margin-right: 28px;
	padding: 8px 0;
	text-transform: uppercase;
	width: 210px;
}
.purchase-box a:hover {
    background: #fff;
    color: #000;
}
/*---------------------------------------
    TEAM SECTION               
-----------------------------------------*/

.team-member {
    text-align: center;
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}
.team-member h2 {
    color: #313131;
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase;
}
.team-member h6 {
    font-size: 14px;
    color: #7d7d7d;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}
.team-social {
    display: inline-block;
}
.team-social ul {
    display: block;
    margin: 15px 0px;
}
.team-social ul li {
    float: left;
}
.team-social ul li a {
    font-size: 18px;
    margin: 0 10px;
}
.team-social .fa:hover {
    color: black;
}
.team-img figure img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.team-img figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.team-img:hover h2 {
    background: #313131;
    color: #fff;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}
.team-img:hover h6 {
    background: #313131;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}
/*---------------------------------------
    Testimonial SECTION               
-----------------------------------------*/

.teatimonial-info {
    background: url("../images/testimonial-bg.jpg") no-repeat;
	background-position:center center;
    background-size: cover;
    color: #fff;
    padding-top: 135px;
}
#teatimonial-slide .client-photo {
    border-radius: 50%;
    float: left;
    height: 90px;
    margin-right: 50px;
    margin-top: 28px;
    overflow: hidden;
    width: 90px;
}
#teatimonial-slide .item .client-content {
    float: left;
    width: 1000px;
}
.client-content h2,
.client-content p {
    font-size: 14px;
    line-height: 30px;
}
.client-content h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 40px 0px;
}
.client-content h6 span {
    color: #d2d2d2;
}
.teatimonial-info .owl-buttons div {
    display: block;
    float: left;
    margin: 0;
}
.teatimonial-info .owl-buttons {
    cursor: pointer;
    margin-left: 235px;
    font-size: 25px;
    font-weight: normal;
}
.teatimonial-info .owl-buttons .owl-prev {
    padding-top: 10px;
}
/*---------------------------------------
    Services SECTION               
-----------------------------------------*/
.service-box {
	border: 1px solid #eeeeee;
	height: 240px;
	padding: 30px;
	position: relative;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
}
.service-box i {
  color: #000;
  font-size: 60px;
  transition: all 0.2s ease-in-out 0s;
  margin-top: 25px;
}
.service-box h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	transition: all 0.2s ease-in-out 0s;
}

.service-box:hover {
    background: #404041;
    cursor: pointer;
}
.service-box:hover i,
.service-box p{
	opacity: 0;
	  transition: all 0.2s ease-in-out 0s;
}
.service-box:hover p{
	opacity: 1;
}
.hover-content {
  top: 60%;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
}
.service-box:hover .hover-content {
  top: 30%;
}

.service-box:hover .hover-content  p{
    line-height: 150%;
	padding-left: 5%;
    padding-right: 5%;
	color: #e7e7e8;
}

.service-box:hover h3 {
  color: #fff;
}

/*---------------------------------------
    Works SECTION               
-----------------------------------------*/

.works{
    background: #121111;
    color: #fff;
    padding-bottom: 165px;
}

.works .section-heading span{
	color:white;
}

.works .section-heading h2::before{
	background-color:#e7e7e8;
}

.sec-padding.sec-padding-less {
    padding-bottom: 30px;
    padding-top: 0;
}
.portfolio-sorting {
    margin-bottom: 27px;
    overflow: hidden;
}

.portfolio-sorting {
	padding-left: 16px;
}

.portfolio-sorting li {
    float: left;
	padding: 7px;
}
.portfolio-sorting li a {
    color: #939598;
    display: block;
    margin-right: 25px;
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
}

.portfolio-sorting li a.active{
	color: #e7e7e8;
}

.portfolio-sorting li a:before {
    bottom: 0px;
	background-color:#e7e7e8;
}

.portfolio-sorting li a:hover {
    cursor: pointer;
}
#grid {
    margin-top: 10px;
}
#grid li {
    margin: 0px 0px 10px;
}
/*---------------------------------------
   Important video slide section               
-----------------------------------------*/

.info-slide {
    padding: 40px 0px;
    background: #eeeeee;
}
.info-slide .owl-buttons div {
    display: block;
    margin: 0;
}
.info-slide .owl-buttons {
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
}
.info-slide .owl-buttons .owl-prev {
    float: left;
    margin: -133px 0px 0px -50px;
}
.info-slide .owl-buttons .owl-next {
    float: right;
    margin: -133px -50px 0px 0px;
}
.info-slide .item {
    padding: 0 15px;
}

.info-slide h2{margin-bottom:20px;}
/*---------------------------------------
    Contact Now SECTION               
-----------------------------------------*/

.message-us {    
	background: /*#fff;    */#cccccc ;
}

.contact-info{padding-left:15px;     margin-bottom: 20px;}
.contact-info h2,h3,h4,h5{
	    margin-bottom: 5px;		
}

.contact-info h3 a { color: #707070;}
.contact-info h3 a:hover { color: #000;}

.contact-us {
    background-size: cover;
	background-position:center center;
	background:#cccccc;
}


.contact-us .section-heading{
	padding-bottom:0;
}

.contact-form .success, .contact-form .error {
  display: none;
  font-family: 'Kanit', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  padding-left: 25px;
  color:#F44336;
}
.contact-us .sec-heading-white p {
    padding: 20px 0px 0px 117px;
    font-size: 18px;
    color: #313131;
}
.contact-box {
    text-align: center;
}
.contact-box a {
    border: 1px solid #fff;
    color: #fff;
    margin-right: 28px;
    padding: 10px 70px;
    text-transform: uppercase;
    display: inline-block;
}
.contact-box a:hover {
    background: #fff;
    color: #000;
}
/*---------------------------------------
    Latest Article Section               
-----------------------------------------*/

.article {
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
    position: relative;
}
.article-more {
    bottom: 110px;
    left: 0;
    position: absolute;
    width: 100%;
}
.article-more .team-social {
    display: block;
    float: left;
    margin: -20px 0 0 15px;
    width: 50%;
}
.article-more .team-social ul li a {
    color: #fff;
}
.article-more-btn {
    float: right;
    margin-right: 25px;
}
.article-more .team-social ul {
    margin: 0;
}
.article-more-btn ul li {
    float: left;
    margin-left: 12px;
}
.article-more-btn ul li a i {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    padding: 19px;
}
.article-content {
    color: #7d7d7d;
    padding: 25px;
    display: inline-block;
	transition: all 0.2s ease-in-out 0s;
}
.article-content h2 {
    color: #313131;
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.article-content h2 a {
    color: #313131;
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.article:hover .article-content {
    color: #fff;
	background: #333;
}
.article:hover .article-content h2 a {
    color: #fff;
}
.article-more-btn ul li a i:hover {
    color: #000;
    background: #fff;
}
.view-more-btn {
    text-align: center;
    margin-top: 15px;
}
.view-more-btn a {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #eee;
    font-size: 20px;
    padding: 10px 70px;
}
.view-more-btn a:hover {
    background: #313131;
    color: #ffffff !important;
}
/*---------------------------------------
    Brand Logo Section               
-----------------------------------------*/

.brand-slide {
    padding: 80px 0px;
    background: #eeeeee;
}
.brand-slide .item {
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.brand-slide .item:hover {
    cursor: pointer;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.brand-slide .owl-buttons {
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
}
.brand-slide .owl-buttons .owl-prev {
    float: left;
    margin: -104px 0px 0px -50px;
}
.brand-slide .owl-buttons .owl-next {
    float: right;
    margin: -104px -50px 0px 0px;
}
/*---------------------------------------
    Subscribe SECTION               
-----------------------------------------*/

.subscribe-us {
    background: url("../images/mail-us-bg.jpg") no-repeat;
    background-size: cover;
	background-position:center center;
    color: #fff;
}
.subscribe-us .sec-heading-white p {
    padding: 20px 0px 0px 117px;
    font-size: 18px;
    color: #e5e5e5;
}
.subscribe-box .form-control {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 0;
	box-shadow: none;
	color: #d2d2d2;
	display: block;
	float: left;
	font-size: 14px;
	height: auto;
	line-height: 1.42857;
	padding: 15px 25px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 96% !important;
}
.subscribe-box .input-group-addon {
    background: #6b6b6b;
    border: 1px solid #fff;
    border-radius: 0px;
    color: #000;
    font-size: 14px;
    text-align: center;
    border-left: none;
    cursor: pointer;
}
.subscribe-box .input-group {
  width: 100%;
}
#subscribe-button {
  float: left;
  padding: 17px 15px;
}
.subscription-success, .subscription-failed {
  display: none;
  font-family: 'Kanit', sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
/*---------------------------------------
    Message SECTION               
-----------------------------------------*/
.message-box .form-control {
    background: none;
    border: 1px solid #404041;
    border-radius: 0px;
	color: black;
    display: block;
    height: auto;
    line-height: 1.3;
    padding: 15px 15px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    box-shadow: none;
    width: 100%;
}
.message-box .form-control:hover {
	border: 1px solid #404041;
}
.message-box textarea {
    position: relative;		
}

.message-box .textBox{
	height:180px;
}

.message-box{
	
}

.message-box textarea:before {
    font-family: 'FontAwesome';
    color: red;
    position: relative;
    left: 10px;
    content: "\f007";
}
.message-box input[type="submit"] {
	background: #404041 none repeat scroll 0 0;
	border-radius: 0;
	color: #fff;
	display: block;
	margin-top: 20px;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	transition: all 0.2s ease-in-out 0s;
}
.message-box input[type="submit"]:hover {
	opacity: 0.85;
}


/*---------------------------------------
    Google Map SECTION               
-----------------------------------------*/
#map {
	height: 500px;
	width: 100%;
}
.map-box {
	display: none;
}
.map-btn {
    text-align: center;
}
.map-btn a {
    text-transform: uppercase;
    padding: 35px 0px;
    background: #000;
    color: #fff;
    display: block;
}
/*---------------------------------------
    Footer SECTION               
-----------------------------------------*/

.footer-sec {
    background: /*#cccccc ;*/ white;
    background-size: cover;
	background-position:center center;	
    color: #fff;
    padding: 50px 0px 30px 0px;
}
.footer-content {
    text-align: center;
}
.footer-content .team-social ul {
    margin: 35px 0;
    overflow: hidden;
}
.footer-content .team-social ul li {
    float: left;
}
.footer-content .team-social ul li a {
    font-size: 30px;
    margin: 0 15px;
    color: #404041;
}
.footer-content p {
    color: #404041;
    font-size: 13px;
    letter-spacing: 1px;    
}
.footer-content p span {
    font-weight: bold;
}
.footer-content h6 a i {
    font-size: 24px;
    padding-top: 20px;
    color: #404041;
}

.footer-content h6 a i:hover{
	color:white;
}

.footer-logo img{
	max-width:100px;
}


/*---------------------------------------------------------------------------------------------------
											Blog Page CSS               
-----------------------------------------------------------------------------------------------------*/
/*---------------------------------------
    SIDEBAR SECTION               
-----------------------------------------*/

.article-blog {
    margin-bottom: 60px;
}
.pagination-view .pagination {
    margin: 0;
}
.pagination-view .pagination > li > a,
.pagination > li > span {
    border: 1px solid #bfbfbf;
    color: #313131;
    margin: 5px;
    padding: 10px 15px;
}
.pagination-view .pagination > li > a,
.pagination > li > span {
    border-radius: 0px;
}
.pagination-view .pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #313131;
    color: #fff;
}
.widget {
    margin-bottom: 30px;
    overflow: hidden;
}
.widget .form-control {
    background: none;
    border: 1px solid #bfbfbf;
    border-right: none;
    border-radius: 0px;
    color: #bfbfbf;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 15px 20px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    box-shadow: none;
    width: 100%;
}
.widget .input-group-addon {
    background: none;
    border: 1px solid #bfbfbf;
    border-left: none;
    border-radius: 0px;
    color: #bfbfbf;
    text-align: center;
    cursor: pointer;
}
.widget .input-group-addon i {
    font-weight: bold;
}
.widget-title {
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    font-size: 18px;
    color: #313131;
    padding: 25px 0 15px;
    margin-bottom: 40px;
}
.categories ul li {
    float: left;
    width: 50%;
}
.categories ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #313131;
}
.latest-post-area li a {
    color: #242424;
    display: block;
    font-size: 13px;
    margin-bottom: 1px;
}
.latest-post-text {
    letter-spacing: 1px;
}
.latest-post-text h2 a {
    color: #313131;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
}
.latest-post-text p {
    color: #7d7d7d;
    font-size: 13px;
    line-height: 24px;
}
.latest-post-area li img {
    float: left;
    height: auto;
    margin-right: 30px;
    margin-top: 5px;
}
.latest-post-area li {
    margin-bottom: 16px;
    overflow: hidden;
}
.post-accordion button.accordion {
    background: none;
    color: #313131;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-transform: uppercase;
}
.post-accordion button.accordion:after {
    content: '\02795';
    font-size: 12px;
    color: #fff;
    float: left;
    background: #313131;
    padding: 5px 14px;
    margin-right: 26px;
}
.post-accordion button.accordion.active:after {
    content: "\2796";
}
.post-accordion div.panel {
    padding: 0 0 0 42px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    opacity: 0;
}
.post-accordion div.panel.show {
    opacity: 1;
    max-height: 500px;
}
.post-accordion .panel {
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 20px;
    margin-left: 30px;
}
.instagram-bar ul li {
    float: left;
    margin: 0 10px 10px 0;
}
.pagination-view {
    text-align: center;
    font-size: 12px;
}
/*---------------------------------------------------------------------------------------------------
											Blog Detail Page CSS               
-----------------------------------------------------------------------------------------------------*/

.article-blog-detail {
    margin-bottom: 60px;
    background: #313131;
}
.article-blog-detail .article-content h2 {
    color: #fff;
}
.article-blog-detail .article-content p {
    color: #eeeeee;
}
.article-btn .article-more-btn {
    position: relative;
    margin-top: -25px;
}
.btn-big ul li a i {
    background: #fff none repeat scroll 0 0;
    color: #313131;
    font-size: 24px;
    padding: 14px;
}
.article-social .team-social ul li a {
    color: #fff;
}
.article-social {
    margin-top: 25px;
}
.article-social .article-update {
    float: left;
    font-size: 12px;
}
.article-social .article-update a {
    color: #eeeeee;
    margin-right: 25px;
}
.article-social .article-update a i {
    margin-right: 10px;
}
.article-social .team-social {
    float: right;
}
.article-social .team-social ul {
    display: block;
    margin: 0;
}
.article-detail {
    padding: 30px;
    background: #f8f8f8;
    color: #313131;
}
.article-detail p span {
    font-weight: bold;
}
.article-qutation {
    padding: 30px;
    background: #eeeeee;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.article-qutation i {
    font-size: 36px;
    color: #cbcbcb;
}
.fa-quote-right {
    float: right;
}
.author-detail {
    background: #313131;
    padding: 25px;
    color: #fff;
    margin: 60px 0;
}
.author-detail .latest-post-text p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.author-detail .latest-post-text p span {
    font-weight: bold;
}
.author-detail .latest-post-area li {
    margin: 0px;
}
.author-detail .latest-post-area li a {
    color: #fff;
    display: block;
}
.comment-area h2 {
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    margin-bottom: 40px;
}
.comment {
    overflow: hidden;
}
.comment:nth-child(2n) {
    background: #fff;
}
.latest-comment-area ol li {
    background: #f8f8f8;
    border: 1px solid #eeeeee;
}
.latest-comment-area ol li ul li {
    background: #f8f8f8;
    margin-left: 65px;
    border: 0px;
}
.comment {
    padding: 20px;
}
.latest-comment-area li img {
    float: left;
    height: auto;
}
.comment-icon {
    float: left;
}
.comment-icon a i {
    line-height: 60px;
    margin: 0 30px;
}
.latest-comment-text p {
    color: #000;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .5px;
}
.latest-comment-text p span {
    font-weight: bold;
}
.reply {
    background: #313131;
    padding: 40px 30px;
}
.reply-head h2 {
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    margin: 40px 0;
}
.reply .form-control {
    background: #313131;
    border: 1px solid #7d7d7d;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 13px;
    height: auto;
    padding: 14px 25px;
    width: 100%;
}
.reply .form-control:hover {
    border: 1px solid #fff;
}
.reply .btn-default {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #313131;
    font-size: 13px;
    padding: 16px 50px;
    text-transform: uppercase;
    float: right;
}
.reply .btn-default:hover {
    background: #EEEEEE;
    color: #000;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;  
}

.btn.focus, .btn:focus, .btn:hover {
    color: #000;
    text-decoration: none;
    background: #ffffff;	
}

.nav>li>a {
	text-align: right;
    padding: 10px;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) ease-in;
  }
  40% {
    transform: translateY(-40px);
  }  
}


@media (max-width: 990px){
	.navbar {
		padding:0;
	}
}

@media (orientation: landscape) and (max-width: 767px){
  #main-slider .item{
	height: 100vh;
  }
}