/*
 Theme Name: Archei State
 Author: Matnex and Maliex Mix @ peteabytechnology.com
 Theme Description: Archei State theme 1.0 writing by matnex and maliex mix @ petabytechnology.
 Version: 1.0.0
*/
a.mail{
    position: absolute;
	top: 32px;right: 0;
	color:#f1f1f1;
	cursor:pointer;
	font-size:23px;
	background:rgb(240,146,4);
	vertical-align: bottom;
}
*{
	box-sizing:border-box;
}
body{
	background: -moz-linear-gradient(to left,0% - 25% skyblue,30% - 50 #dcdcdc,60% - 100% white);
}
html{
	padding: 0;
	overflow-x: hidden;
}
body h1,body h2,body h3,body h4,body h5,body h6 {
	color: #fcab0e;
	margin-left: 0;
}
.embed{
	display: block;
	width:200px !important;
	height:200px;
	border: 10px solid red;
}
#footer h5{
	color: #dcdcdc;
}
#header, #footer {
	background-image:url('images/blue-bg.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:40px 0;
}
#header{
	padding-bottom: 0px;
	padding-top: 25px;
	background-size:100% 100%;
	background-position:top;
	background-color:  rgb(255,102,0);
	max-height: 25%;
}
#footer{
	margin-top: 0 !important;
	padding: 0px;
	background-color: rgb(255,102,0);
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
}
#footer .footer-copyright{
	background-color: #23282d;
	opacity:.9;
	color:white;
}
#footer a{
	color:white !important;
}
#footer .footer-copyright a{
	color:blue !important;
}
#header h1{
	font-family: 'Kosugi Maru', sans-serif;
	font-weight: bold;
	font-size: 2.3em;
	color:#dcdcdc;
	tranform:scaleX(.8,1);
	transform-origin:0 0;
	margin-top:0;
	padding-bottom:40px;
}
#source-button {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 110;
  font-weight: bold;
}

.show-source {
  position: relative;
}
.show-source > .row .list-group > a.list-group-item{
	color:orange;
}
.show-source > .row .list-group > a.list-group-item:first-child{
	color:white;
}

#source-modal textarea {
  min-height:480px;
  font-size:12px;
  font-family:monospace;
}
#tel{
}
#imgdisp img{
	height:200px;
}
#bgc .card{
	background-image: linear-gradient(to bottom, #f2efef, #f2efef);
}
#bgc .btn{
	background-color: rgb(255,102,0);
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
}
#bgc .card-header{
	background:none;
	border:none;
	padding-bottom:0;
}
#bgc .card-header > h5{
	border-bottom: 2px solid #fcab0e;
	margin-bottom: 0;
	padding-bottom: 15px;
}
#bgc .card-body{
	padding-top:10px;
}
.slide-box{
	width:100%;
	height:400px;
	position:relative;
}
.slide-box img{
	opacity:1;
	width:46px;
	height:46px;
}
.slide-box img:hover{
	opacity:0.9;
}
.contact{
	border-radius: 50%;
	background: linear-gradient(to bottom, rgba(240,146,4,0.9), rgba(230,92,0,0.9)) !important;
	padding: 10px;
	color: black;
	box-shadow: none;
	border:none;
        display:inline-block;
	cursor: pointer;
}
.slide-box .full{
	width:100%;
	height:400px;
	display:none;
	margin-top: 0;
	animation-name: increase;
	animation-iteration-count:1;
	animation-duration: 4.98s;
	animation-direction: alternate;
}
.slide-box .full:first-child{
	display: block;
}
@keyframes increase {
	0%{opacity: 0.5;}
	25%{opacity: 1;}
	50%{opacity: 1;}
	75%{opacity: 1;}
	100%{opacity: 0.6;}
}
.opacity{
	background: rgba(0,0, 0, 0);
	opacity: 0.7;
	color: black;
	margin: 0.1%;
	margin-bottom: 0;
	margin-top: 5%;
	padding: 0.3%;
}
.carded{
	background: none;
	border: none;
	border-right: 2px solid #23282d;
}
.carded:last-child{
	background: none;
	border: none;
}
.carded h3{
	text-align: center;
	color: #fcab0e;
}
.space{
	margin-top: 5%;
}
.image_as_background{
	position: relative;

}
.image_as_background p{
	color: white;
	font-size: 50px;
	font-family:-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif;
	display: block;
	margin-top: 80px;
	position: absolute;
	z-index: 1;
	max-width: 90%;
	margin-left: 5%;
	margin-top: 40px;
}
.image_as_background img{
	width: 100%;
	height: 400px;
	margin: 0;
	position: relative;
}
/*
 Theme Name: Archei State
 Author: Matnex and Maliex Mix @ peteabytechnology.com
 Theme Description: Archei State theme 1.0 writing by matnex and maliex mix @ petabytechnology.
 Version: 1.0.0
*/
*{
	box-sizing:border-box;
}
#header, #footer {
	background-position: top;
	background-image: url('images/blue-bg.jpg');
	background-size:cover;
	padding:40px 0;
}
/*#header{
	padding-bottom: 0px;
	padding-top: 25px;
	background-position:top;
}*/
#footer{
	padding: 0px;
	background-color: rgb(255,102,0);
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
}
#footer .footer-copyright{
	background-color: #23282d;
	opacity:.9;
	color:white;
}
#footer a{
	color:white !important;
}
#footer .footer-copyright a{
	color:blue !important;
}
#header h1{
	font-family: 'Kosugi Maru', sans-serif;
	font-weight: bold;
	font-size: 2.3em;
	color:#dcdcdc;
	tranform:scaleX(.8,1);
	transform-origin:0 0;
	margin-top:0;
	padding-bottom:40px;
}
#header nav{
	border-tp:7px solid white;
	border-bttom:7px solid white;
	background-color: rgba(150,150,150,0.9);
	backgroun-image: linear-gradient(to bottom, rgba(240,146,4,0.9), rgba(230,92,0,0.9));
	margin:0;
	padding:0;
}
#header ul{
	width: 100%;
	text-align: center;
}
#header li a{
	color:lime;
	margin:0;
	padding:10px 12px !important;
	font-weight:300;
	font-size: 1.1em;
}
#header li a:hover{
	color: white;
	background: green;
	text-decoration: none !important;
}
#header li{
	padding:0;
}
#header .cen{
	align-items: center;
}
#header .navbar-av li{
	float: none;
	display: inline-block;
}
#source-button {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 110;
  font-weight: bold;
}

.show-source {
  position: relative;
}
.show-source > .row .list-group > a.list-group-item{
	color:orange;
}
.show-source > .row .list-group > a.list-group-item:first-child{
	color:white;
}

#source-modal textarea {
  min-height:480px;
  font-size:12px;
  font-family:monospace;
}
#tel{
}
#imgdisp img{
	height:200px;
}
#bgc .card{
	background-image: linear-gradient(to bottom, #f2efef, #f2efef);
	margin-bottom:15px;
}
#bgc .card .card-body{
	overflow:hidden;
	max-height:210px;
	text-overflow: ellipsis;
}
#bgc .btn{
	background-color: rgb(255,102,0);
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
}
#bgc .card-header{
	background:none;
	border:none;
	padding-bottom:0;
}
#bgc .card-header > h5{
	border-bottom: 2px solid #fcab0e;
	margin-bottom: 0;
	padding-bottom: 15px;
}
#bgc .card-body{
	padding-top:10px;
}
#pro img{
	width:150px;
	height:150px;
	float:left;
	margin:10px 15px 0 0;
	background-color: lightgrey;
}
#pro h5{
	text-transform: capitalize;
}
#pro .clearfix:after{
	content: '';
	clear: both;
	display: table;
}
#pro .tags{
	margin-bottom: 10px;
}
#sidecur > .row > *{
	min-widt: 300px;
	margin-bottom:15px;
}
#sidcur > .row{
	text-align: center;
}
#sidecur > .row .card > img{
	max-height: 180px !important;
}
body {
	background-image: url("images/bacb.jpg");
	background-size: cover;
	background-position: top;
}
nav {
	display:block;
	margin:0 auto 0;
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
	border:1px solid #b48817;
	border-radius:2px;
	text-align:center;
}
.color{
	background-image: linear-gradient(to bottom, rgb(240,146,4), rgb(230,92,0));
	border:1px solid #b48817;
	border-radius:2px;
	text-align:center;
	color: #fff !important;
}
.color a{
	color: yellow !important;
}
.open .dropdown-toggle {
    color: #fff ;
    background-color: #555 !important;
}
.ul.dropdown-menu{
	width: 1000px !important;
}
.dropdown-menu li{
	width: 100%;
	color: #fcab0e;
}
.dropdown-menu li a {
    color: #fcab0e !important;
    margin-top: 5% !important;
}

.dropdown-menu li a:hover {
    background-color: blue !important;
    color: white;
}
nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
nav ul li:first-child{
	border-eft:2px solid white;
}
nav ul li{
	margin:0;
	padding:0;
	border-ight:2px solid white;
	display:inline-block;
}
nav ul li a{
	display:block;
	padding:10px;
	color:white;
	font-size: 20px;
	text-decoration:none;
}
nav ul li a:hover{
	opacity:0.7;
}
.menu-drop{
	display:block;
	padding:10px;
}
.menu-cont:hover nav ul{
	display:block;
}
.dropdown:hover>.dropdown-menu{
	display: block;
}
#anim{
	height:100%;
	width: 100%;
	overflow: auto;
	z-index: 1;
	background-color: rgba(0,0,0,0.9);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.8);
	padding-top: 50px;
	padding:20px 15px;
}
#anim .anim-content{
	margin: auto;
	margin-top: 100px;
	top: 5%;
	image-resolution: 300 dpi;
	image-orientation: initial;
	width: 80%;
	margin-top: 10px;
	height: 80%;
	display: block;
	animation-name: zoomout;
	animation-duration: 0.8s;
	-webkit-animation-name: zoomout;
	-webkit-animation-duration: 0.8s;
}
@keyframes zoomout{
	from{transform:scale(0);}
	to{transform:scale(1);}
}
@-webkit-keyframes zoomout{
	from{transform:scale(0);}
	to{transform:scale(1);}
}
#anim .close{
	position: absolute;
	margin-top: 8px;
	right: 35px;
	color:#ffd700;
	opacity: 0.7;
	font-size: 40px;
	font-weight: bold;
	transiton:0.3s;
	cursor: pointer;
}
#anim .close:hover,#anim .close:focus{
	color: darkred;
	opacity: 0.5;
	cursor: pointer;
}
#anim .next,#anim .prev{
	position: absolute;
	top:calc(50% + 15px);
	color:#f1f1f1;
	background-color: rgba(0,0,0,.7);
	opacity: 0.7;
	font-size: 25px;
	font-weight: bold;
	cursor: pointer;
	width: auto;
	padding: 10px;
	text-align: center;
	z-index: 1;
 	margin: 0 20px;
}
#anim .next{
	right: 0;
}
#anim .prev{
	left: 0;
}
#anim .next:hover,#anim .prev:hover{
    opacity: 1;
    background-color: whitesmoke;
    color:#ffd700;
}
@media only screen and (max-width: 500px){
	#header h1{
       font-size: 1.7em;
    }
	.cthird{
		width:85%;
		display:block;
		margin:auto;
		margin-bottom:10px;
	}
	.cthird:last-child{
		margin:auto;
		margin-bottom:0;
	}
	.two-c{
		width:100%;
		margin:auto;
		margin-bottom:20px;
	}
	footer small{
		font-size:large;
	}
	header nav li{
		display:block;
		border-right:none;
		border-left:none;
		border-bottom:2px solid white;
	}
	header nav ul{
		display:none;
	}
	header nav li:first-child{
		border-left:none;		
	}
	.menu-drop{
		display:block;
		padding:10px;
	}
	.menu-cont:hover nav ul{
		display:block;
	}
}
@media screen and (max-width:720px){
	.image_as_background p{
		color: white;
		font-size: 27px;
		font-family:-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif;
		display: block;
		margin-top: 0px;
		position: absolute;
		z-index: 1;
		max-width: 90%;
		margin-left: 5%;
		margin-top: 40px;
	}
	.carded{
	margin-top: 50px;
	background: none;
	border: none;
	}
	.carded:last-child{
		background: none;
		border: none;
		margin-bottom: 100px;
	}
	.carded h3{
		text-align: center;
		color: #fcab0e;
	}
	.container-fluid h1{
		text-align: center !important;
	}
}