/*
Theme Name: tss-marine
Theme URI: https://tss-marine.com/
Author: Shihab Malayil
Description: Customized theme for the tss marine by Shihab Malayil (Email: malayilshihab@gmail.com Mob: +91 8606 286561).
Version: 0.0.1
Tags: bootstrap
*/

body{
	font-family: 'Maven Pro', sans-serif;
	overflow-x:hidden;
	background-color:#f8f8f8 !important;
}
p, figcaption, h1, h2, h3, h4, h5, h6, li, a, span, em, div{
	font-family: 'Maven Pro', sans-serif;
}
strong{
	font-weight: 600 !important;
}
p{
	font-size:15px;
}
a, h1, h2, h3, h4, h5, h6, button, input{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.no-js .preloader{display:none;}
.js .preloader{ display: block; position: absolute; left:0px; top: 0;}
.preloader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background:white;}
.spinner {margin: 100px auto; width: 40px; height: 40px; position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; text-align: center;
  -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear;
}
.dot1{background-color: #dcb879;}
.dot2{background-color: #a8a8a8;}
.dot1, .dot2 { width: 60%;
  height: 60%; display: inline-block; position: absolute; top: 0; border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
	    max-width: 1000px !important;
	}
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
#Wrapper{
	width:100%;
	overflow-x:hidden;
	float:left;
}
.container-fluid{
	max-width:90%;
}

header, section, footer{
	width:100%;
	float:left;
}
header{
	//background: rgba(0,0,0,0.5);
	background: #d1dde8;
	z-index:9999;
	width:100%;
	top:0px;
	padding:0 5%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar-brand{
	text-transform:uppercase;
	text-align:center;
	display: inline-flex;
	padding-top:5px;
	padding-bottom:5px;
}
.navbar-brand img{
	display:inline-block;
	max-width:210px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header.active, .pages header{
	//background:#3c3c3c;
	background:#d1dde8;
}
header.scrolled{
	top:0px !important;
}
header .hotline{
	right: 36px;
    bottom: 10px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header.active .hotline{
    bottom: 0px;
}
.hotline{
	font-weight: bold;
}
.pages{
	padding-top:140px;
}
header.active .navbar-brand img{
	max-width:120px;
}
.navbar-brand span{
	width:100%;
	float:left;
	display:inline-block;
	color:white;
}
.navbar .navbar-nav li a.nav-link{
	//color:white;
	color:black;
	font-size:17px;
	padding-right: 1.5rem;
  padding-left: 1.5rem;
	text-transform: uppercase;
}
.navbar .navbar-nav li.current_page_item.active a{
	//color:#8db6c8;
	color: #314698;
}
#Slider{
	position:relative;
}
#Slider .item{
	height: auto;
}
.slider_text{
	top:40%;
	left:0;
	right:0;
	margin:0 auto;
	z-index:999;
}
.slider_text h1{
	color:white;
	top:45%;
	text-align: center;
	width:100%;
	font-size:35px;
}
#AboutUs{
	background-size:cover;
	padding:50px 0;
	color:black;
	text-align: justify;
}
#AboutUs .shortcode strong{
	font-size:20px;
	margin: 10px 0;
  display: inline-block;
}
.parallax-container {
    height: 500px;
    width: 100%;
    float:left;
    position:relative;
    overflow:hidden;
}
.parallax-container .overlay{
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.7;
}
#VisionMission{
	padding:50px 0;
	color:#231f20;
	text-align: justify;
}
.MDmessage{
	color:white;
	margin-top:120px;
	text-align: justify;
}
#Services{
	padding:50px 0;
	color:#231f20;
}
.service-block{
	text-align:center;
}
.service-detail-block a{
	text-decoration:none;
}
.service-detail-block .common_link{
	text-decoration:none;
}
.service-detail-block .common_link:hover{
	color:black;
}
.service-block figure{
	position:relative;
	display: inline-block;
  width: 100%;
  float: left;
	background: rgb(0, 0, 0, .9);
}
.service-block figure figcaption{
	position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  padding: 10px;
  line-height: 1.2;
	color:white;
}
.service-block img{
	width:100%;
	opacity:0.9;
	height:auto;
	display:inline-block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.service-block:hover img{
	opacity:1;
	transform: scale(1.05);
}
.service-block h2{
	font-size:18px;
	text-align:left;
	font-weight:600;
  display: inline-block;
  width: 100%;
}
.service-block p{
	text-align:justify;
	text-decoration:none;
}
.service-block a{
	display:inline-block;
	color:#fff;
	font-size:14px;
	text-decoration:underline;
}
.service-block a:hover{
	text-decoration:none;
	color:#fff;
	text-decoration:underline;
}
.service-detail-block img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.service-detail-block h2{
	font-size:22px;
	text-align:left;
	font-weight:600;
	margin-bottom:20px 0;
}
.service-detail-block a{
	display:inline-block;
	color:#231f20;
	font-size:15px;
	//text-decoration:underline;
}
.service-detail-block a:hover{
	text-decoration:none;
}
.excerpt a{
	text-decoration:underline;
}
#PageMeta{
	margin:0 0 0 0;
}
#Portfolio{
	background-color:#231f20;
	padding:50px 0;
	color:white;
	border-bottom:2px solid #bd8938;
}
.project-block, .project-details-block{
	overflow:hidden;
}
.project-block img{
	width:100%;
	height:auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.project-block a:hover{
	text-decoration:none;
}
.project-block img:hover{
	opacity:0.8;
	transform: scale(1.05);
}
.project-block h2{
	text-decoration:none;
	color:#231f20;
	font-size:22px;
	margin-top: 10px;
}
.project-list-block a.project_list{
	display:block;
	position: relative;
}
.project-list-block a:hover{
	text-decoration: none;
}
.project-list-block a img{
	width:100%;
	height:auto;
}
.project-list-block a span{
	color:black;
	text-decoration:none;
	font-size:15px;
}
.project-list-block a h2{
	color:black;
	text-decoration:none;
	font-size:22px;
	margin: 10px 0 5px 0;
}
.project_img img{
	width:100%;
	height:auto;
}
.project-details-block img{
	width:100%;
	height:auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.project-details-block img:hover{
	opacity:0.8;
	transform: scale(1.05);
}
#MDsMessage{
	padding:50px 0;
	color:#231f20;
}
#Video a{
	display:block;
	width:100%;
	float:left;
}
#Video a img{
	width:100%;
	height:auto;
}
footer{
	background-color:#d1dde8;
	padding:50px 0 30px 0;
	color:black;
}
.widget h3{
	font-size:22px;
	//border-bottom:1px solid #bd8938;
	margin-bottom:20px;
}
.widget ul{
	padding:0;
}
.widget ul li{
	list-style-type:none;
}
.widget ul li a, .widget a, .widget a:hover{
	color:black;
}
.FooterContact ul li{
	float:left;
	margin-right:5px;
}
.FooterContact ul li img{
	max-width:30px;
	height:auto;
}
.base_footer{
	background-color:#d1dde8;
	color:black;
	padding:20px 0;
	float:left;
	width:100%;
	border-top: 1px solid #bad3df;
}
.base_footer p{
	margin:0;
}
#Pages{
	padding:0 0 50px 0;
	color:black;
}
.project-thumb img{
	width:100%;
	height:auto;
}
.contact-form input, .contact-form textarea{
	border-radius:1px;
	border-color:#dcb879;
	font-size:14px;
	color:black;
	box-shadow:0 0 0 0;
}
.contact-form input:focus, .contact-form textarea:focus{
	border-radius:1px;
	border-color:#dcb879;
	box-shadow:0 0 0 0;
}
.contact-form button{
	background-color:#dcb879;
	border:0;
	border-radius:1px;
	color:white;
	line-height: 2;
	font-weight:bold;
	box-shadow:0 0 0 0;
}
.contact-form button:hover, .contact-form button:focus, .contact-form button:active{
	background-color:#c5953f !important;
	border:0;
	box-shadow:0 0 0 0;
}
ol.breadcrumb{
	background:transparent !important;
	padding:0 0 10px 0;
}
ol.breadcrumb li{
	font-size:14px;
}
ol.breadcrumb li a{
	color:black;
}
.project_logos{
	width:100%;
	max-width:150px;
	margin-top:2px;
}
.__block_title{
	color: #999;
	display: block;
	width:100%;
	margin-bottom:0;
}
.project__container{
	background-color:white;
	padding:15px;
	height:100%;
}
.project__container h1{
	font-size:28px;
	font-weight: 600;
}
.project__container h2{
	font-size:19px;
	font-weight: 600;
}
.project_img_detail{
	max-height:450px;
	overflow:hidden;
}
.project_img_detail img{
	width:100%;
	height:auto;
}
#Pages address a, #Pages address a:hover{
	color:black;
}
@media only screen and (max-width: 786px) {
	header{
		background: #3c3c3c;
	}
	.navbar-brand img{
    max-width: 120px;
	}
	.navbar-toggler{
		border:0 !important;
		padding:0 !important;
		height: 33px;
	}
	.navbar-toggler:focus{
		outline: 0 !important;
	}
	.navbar-toggler svg{
		fill:white;
	}
	#Slider{
		margin-top:75px;
	}
	#Slider .item img{
		height:auto;
		width:100%;
	}
	.shortcode {
		margin-bottom:25px;
	}
	.h1, h1 {
	    font-size: 2rem !important;
	}
}