body {
 		background: #f8f8ff;
 		color: #ffffff;
		font-family: 'Arial', sans-serif;
		font-weight: 300;
		overflow-x: hidden; /* prevent horizontal scrollbar from appearing */
}
a {color: #3d3d3d;}
a:hover {color: #28a7e9;font-weight: 350;text-decoration: none;}

/* start h2 */
h1
	{
		text-align: center;
		font-size: 40px;
		color: #fff;
	}	
h2
	{
		text-align: center;
		font-size: 30px;
		padding-bottom: 10px;
	}	

h1, h2 span
	{
		color: #28a7e9;
		font-weight: bold;
		padding: 6px;
	}

/* end h2 */

/* start team portfolio contact */
#team, 
#portfolio
	{
		background: #fffafa;
		color: #28a7e9;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
/* end team portfolio contact */

/* start preloader */
.preloader
	{
		position: fixed;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		z-index: 99999;
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-flex-flow: row nowrap;
  		    -ms-flex-flow: row nowrap;
  		        flex-flow: row nowrap;
  		-webkit-box-pack: center;
  		-webkit-justify-content: center;
  		    -ms-flex-pack: center;
  		        justify-content: center;
  		-webkit-box-align: center;
  		-webkit-align-items: center;
  		    -ms-flex-align: center;
  		        align-items: center;
  		background: none repeat scroll 0 0 #ffffff;
	}
.sk-spinner-wave.sk-spinner 
	{
  		width: 50px;
  		height: 30px;
  		text-align: center;
  		font-size: 10px; 
  	}
.sk-spinner-wave div 
	{
  		background-color: #333;
  		height: 100%;
  		width: 6px;
  		display: inline-block;
         -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
                 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
         
    }
.sk-spinner-wave .sk-rect2 
	{
          -webkit-animation-delay: -1.1s;
                  animation-delay: -1.1s; 
      }
.sk-spinner-wave .sk-rect3 
	{
          -webkit-animation-delay: -1s;
                  animation-delay: -1s; 
     }
.sk-spinner-wave .sk-rect4 
	{
          -webkit-animation-delay: -0.9s;
                  animation-delay: -0.9s;
     }
.sk-spinner-wave .sk-rect5 
	{
          -webkit-animation-delay: -0.8s;
                  animation-delay: -0.8s; 
     }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }
/* end preloader */

/* start header */
search
{
		background: #141e27;
		padding-bottom: 10px;
}

header
	{
		background: #141e27;
		min-height: 20px;
		padding-top: 18px;
		padding-bottom: 10px;
	}
header .fa
	{
		color: #28a7e9;
	}
header span
	{
		padding-right: 10px;
		padding-left: 4px;
	}
header a
	{
		color: #28a7e9;
		font-weight: 600;
	}
	
/*header a:hover{color: #fff;font-weight: 600;text-decoration: none;}*/

header .social-icon
	{
		text-align: right;
	}
header .social-icon li a
	{
		border: none;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
/* end header */

/* start nagivation */
.navbar-default
	{
		border: none;
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
		margin: 0 !important;
	}
.navbar-default .navbar-brand
	{
		font-weight: 500;
		font-size: 30px;
		height: 70px;
		line-height: 40px;
		padding: 12px 0px 0px 12px;
		color: #28a7e9;
		font-weight: bold;
	}
.navbar-default .navbar-nav li a
	{
		font-weight: bold;
		font-size: 13px;
		height: 70px;
		line-height: 40px;
		color:#141e27;
	}

.navbar-default .navbar-nav li a:hover{color:#28a7e9;}

.navbar-default .navbar-nav > li > a.current { 
	color: #28a7e9; 
}
.templatemo-nav {
	border-radius: 0;
	width: 100%;
	z-index: 1000;
}
.sticky {	
	position: fixed;
	left: 0;
	top: 0;	
}
/* end navigation */

/* start home */
#home
	{
		background: url('../img-16x9-hd/sea-16x9-hd-14.jpg') repeat; /*  */
		background-attachment: fixed;
		background-size: cover;
		padding-top: 60px;
		padding-bottom: 60px;
		min-height: 650px;
	}
#home h2
	{
		font-weight: 300;
		font-size: 70px;
		padding-bottom: 10px;
		color: #fff;
		text-align: center;
	}
#home h2, h3 span
	{
		color: #28a7e9;
		font-weight: bold;
	}

#home .btn
	{
		background: transparent;
		border-radius: 2px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		margin-top: 15px;
		width: 195px;
		height: 55px;
		padding-top: 18px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#home .btn:hover
	{
		background: #fff;
		color: #141e27;
		border-color: transparent;
		
	}
.element {
	height: 100px;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	text-transform: uppercase;	
}
/* end home */

/* start about */

#about
{padding-top: 60px;padding-bottom: 40px;}

#about {background: #0a3557;}


#about .col-md-4:hover{background: #28a7e9;}
#about .col-md-3:hover{background: #28a7e9;}
	
#about .media-heading-wrapper
	{
		padding-bottom: 32px;
	}
#about .media-heading-wrapper .fa
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-size: 24px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		margin-bottom: 20px;
		margin-right: 20px;
	}
#about .media-heading-wrapper h3
	{
		font-size: 18px;
		font-weight: bold;
		padding-top: 20px;
		padding-left: 52px;
	}
	
#about h4 {color: #28a7e9;}
#about h4:hover {color: #141e27;}
/* end about */

/* start team */

.team-wrapper
	{
		background: #141e27;
		padding-bottom: 10px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
		position: relative;
		opacity: 1;
	}
#team p, li {font-size: 16px;}
#team .team-wrapper:hover
	{
		cursor: pointer;
		bottom: 6px;
		opacity: 1;
	}
#team .team-wrapper .team-des
	{
		padding: 20px;
	}
#team .team-wrapper .team-des span
	{
		color: #28a7e9;
		display: block;
		padding-bottom: 12px;
	}
#team .team-wrapper .team-des a:hover {
	color: #fff;
	display: block;
	font-weight: bold;
}
#team h2 span {color:#28a7e9;}

#team .table td {color: #141e27;}

/* end team */
/* start service */
#service {
	background: #fff1ab;
	color: #141e27;}

#service .col-md-3
	{	
		padding: 40px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#service .col-md-3:hover
	{
		background: #ffe6fa;
	}
#service .col-md-4:hover
	{
		background: #ffe6fa;
	}
#service .active
	{
		background: #505050;
		padding: 40px;
	}
#service .fa
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #ffe6fa;
		font-size: 50px;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}
#service h4
	{
		color: #28a7e9;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 14px;
	}
#service h4:hover
	{
		color: #2887e9;
		text-decoration: none;
	}
#service span {color: #28a7e9;}

/* end service */
/* start portfolio */
#portfolio
	{
		padding-bottom: 80px;
	}
#portfolio .col-md-3
	{
		padding: 0px;
	}
	.portfolio-thumb, 
	.portfolio-overlay {
		max-width: 450px;
	}
#portfolio .portfolio-thumb
	{
		overflow: hidden;
		padding: 0;
		margin: 0 auto;
	}
#portfolio .portfolio-thumb .portfolio-overlay
	{
		background: #28a7e9;
		color: #FFF;		
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 20px 10px 10px 20px;
		margin-left: auto;
		margin-right: auto;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#portfolio .portfolio-thumb .portfolio-overlay h4
	{
		font-weight: bold;
		padding-bottom: 5px;
	}
#portfolio .portfolio-thumb .portfolio-overlay .btn
	{
		background: #141e27;
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-weight: bold;
	}
#portfolio .portfolio-thumb:hover .portfolio-overlay
	{
		
		opacity: 0.9;
	}
	
#portfolio .portfolio-thumb a
{color:#fff;}
#portfolio .portfolio-thumb a:hover
{color:#141e27;}

/* end portfolio */

/* start contact */
#contact

	{
		background: #28a7e9;
		padding-top: 60px;
		padding-bottom: 40px;
	}
#contact address .address-title
	{
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 10px;
	}
#contact address span
	{
		display: block;
		padding-bottom: 30px;
	}
#contact h2 span {color: #fff;}
#contact h1 span {color: #fff;}
#contact .table td, .table th {color: #fff !important;}

/* end contact */
/* start copyright */
#copyright
	{
		padding: 20px;
	}
#copyright p
	{
		font-weight: 400;
	}
/* end copyright */

/* start social icon */
.social-icon
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
.social-icon h4
	{
		display: inline-block;
		padding-right: 20px;
	}
.social-icon li
	{
		display: inline-block;
		list-style: none;
	}
.social-icon li a
	{
		line-height: 20px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
		padding-right: 0px;
		padding: 6;

	}
.social-icon li a:hover
	{
		background: rgba(40, 167, 233, 0.5);
		border-radius: 20px;
		border-color: transparent;
	}
/* end social icon */

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#portfolio .portfolio-thumb .portfolio-overlay {
		padding: 0px 8px;
	}
}
/* start 980 media quires */
@media only screen and ( max-width: 980px ) {
	#team .team-wrapper
		{
			margin-top: 40px;
		}
	#portfolio .portfolio-thumb .portfolio-overlay
	{
		background: #28a7e9;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 40px 10px 20px 20px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
}
/* end 360 media quires */

/* start 768 media quires */
@media only screen and ( max-width: 767px ) {
	#home
		{
			min-height: 300px;
			padding-top: 80px;
			padding-bottom: 60px;
		}
	#home h1
		{
			font-size: 52px;
		}
	.templatemo-nav {
		position: fixed;
    	top: 0;
	}
	header {
		margin-top: 70px;
	}
	header .social-icon {
		text-align: left;
	}
	.navbar-toggle {
		margin-top: 15px;
	}
	.navbar-collapse {
		max-height: 300px;
		overflow-y: auto;
	}
	.navbar-default .navbar-nav li a {
		height: 45px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 35px;
	}
}
/* end 768 media quires */

/* start 360 media quires */
@media only screen and ( max-width: 360px ) {
	header .social-icon
		{
			text-align: left;
		}
	#home
		{
			min-height: 200px;
			padding-top: 60px;
			padding-bottom: 40px;
		}
	#home h1
		{
			font-size: 32px;
		}

}
/* end 360 media quires */

.pico-20 {height: 20px;}
.footer-pico {width: 60px; padding: 3px;}

footer {
background: #141e27;	
min-height: 20px;
padding-top: 18px;
padding-bottom: 10px;
}

.bg-primary-08 {background: rgba(0,0,0,.6);}

.p-2 {padding: 1rem !important;}
.p-3 {padding: 2rem !important;}
.p-4 {padding: 6rem !important;}
.px-3 {padding: 1.5rem 2.5rem 1rem 1rem !important; }

.news {background: url('../picto/black-felt.png') repeat;}

.news .container-news {
    background: rgba(255,255,255,.3);
	color: #141e27;
	
	padding-bottom: 10px;
}
.news .news-item {background: url('../picto/black-felt.png') repeat; border: 1px solid #fff;border-radius: 10px;padding:6px;}
.news h1, h2, h3, h4, h5, h6, p, a, h2 {color: #141e27; }
.news h1, h2, h3 {text-align: justify;}
.news h2:hover a:hover {color: #26334a;font-weight: bold;}
.news h4:hover a:hover {color: #26334a;font-weight: bold;}
.news .publish-fon {background: rgba(255,255,255,.8);border: 3px solid #f8f8ff;}
.news .publish-fon:hover {background: rgba(255,255,255,1);}
.btnnews {background-color: rgba(0, 0, 155, 0.5);color:white; line-height: 40px; margin:6px;padding:8px; border-radius: 6px;font-size:14px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.btnnews:hover{background-color: #fff;color: #141e27;border-color: transparent;}*