@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

* { 
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

body {
	background: #fff;
	color: #ededed;
}

.header {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	padding: 20px 50px;
	background: #081b29;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
}

.logo {
	position: relative;
	font-size: 25px;
	color: #ededed;
	text-decoration: none;
	font-weight: 600;
	padding: 0px 0px 0px 1px;
}

.logo::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #081b29;
	animation: showRight 1s ease forwards;
	animation-delay: .4s;
}

.navbar a {
	font-size: 18px;
	color: #ededed;	
	text-decoration: none;
	font-weight: 500;
	margin-left: 35px;
	transition: .3s;
}

.navbar a:hover,
.navbar a.active{
	color: #00abf0;
}


.home {
	position:relative;
	top: 20px;
	left: 0;
	align-items: center;
	padding: 150px 50px;
}


.home-content {
	max-width: 800px;
}

.divTable
    {
        display: table;
        width:auto;
        background-color:transparent;
		border-color: #E21316px;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
    }

.h1 {
	font-size: 20px;
	column-span: all;
	color: #081b29;
	font-weight: 600;
}

.h1A a{
	font-size: 15px;
	column-span: all;
	max-width: 400px;
	vertical-align: bottom;
	color: #081b29;
}

.h1A a:hover,
.h1A a.active{
	color: #00abf0;
}

.h1B {
	font-size: 15px;
	column-span: all;
	max-width: 680px;
	color: #00abf0;

}


.h2 {
	font-size: 12px;
	column-span: all;
	max-width: 600px;
	color: #081b29;
}

.h2A {
	font-size: 12px;
	column-span: all;
	max-width: 680px;
	color: #081b29;
}

.h2B {
	font-size: 17px;
	column-span: all;
	max-width: 600px;
	color: #081b29;
	font-weight: 600;
}

.h3 {
	font-size: 13px;
	color: #081b29;
	max-width: 680px;
}

.h4 {
	font-size: 13px;
	color: #081b29;
	max-width: 600px;
}

.divRow
    {
       display:table-row;
       width:auto;
	   vertical-align: bottom;		
    }


.divCell
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:160px;
        background-color:#081b29;
		vertical-align: bottom;
		padding-bottom: 10px;
    }

.divCell2
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:160px;
		height:180px;
        background-color:#081b29;
		vertical-align: bottom;
		padding-bottom: 10px;
    }


.divCell3
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:100px;
        background-color:#081b29;
		vertical-align: bottom;
    }

.divCell4
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:150px;
		height:25px;
		vertical-align: bottom;
    }

.divCell5
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:550px;
		height:25px;
		vertical-align: bottom;
    }

.divCell6
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:350px;
		height:400px;
		vertical-align: top;
    }

.divCell7
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:375px;
		height:250px;
		vertical-align: top;
    }




div.gallery-container
{
    width:1100px;
    margin:0 auto;
	float: left;
	clear:left;
}
div.thumb-left
{
    float:left;
    width: 130px;
    border:0px solid black;
    clear:left;
	padding: 0px 20px 20px 0px
}
div.large-image
{
    float:right;
    width:957px;
    border:0px solid black;
    clear:right;
}



@keyframes showRight {
	100% {
		width: 0;
	}
}