*:not(input) /*select all (the * character in this comment has no relation to the * selector in this css command*/
{
	font-family : 'Quicksand', sans-serif; /*choose default font*/
	font-weight: 100;
	margin : 0; /*control margins for all html objects*/
	text-align : center; /*main page*/
	/*color : black;*/
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
img{-webkit-user-drag: none;}

html, body 
{
	width: 100%;
	height: 100%;
	background-color : rgba(255,255,255,1.00);
	/*cursor: url('../../images/cursor.png') 17 17, auto !important;*/
}

*:focus {
outline: none;
}

body
{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	font-size: 18px;
}

h1,h2,h3,h4,h5,h6,p {
 line-height: 1.45;
}

main
{
	flex: 1 0 auto;
}

#homeanimation
{
	/*cursor: url('../../images/cursor.png') 17 17, auto !important;*/
}


h1
{
	line-height : 1em;
}

blockquote
{
	line-height : 1em;
	padding : 4%;
	font-size : 0.8em;
}

mark
{
	background-color : rgba(238,109,115,1.00);
	margin : 0;
	padding : 2px;
	white-space : nowrap;
}

p
{
	font-weight : 300;
}

footer
{
	/*min-height: 420px;*/
}

footer ul li a
{
	margin: 0;
	color: white !important;
}

/*ul li
{
	background-color: rgba(121,41,103,0.28) !important;
	padding: 0% 6%;
}*/

.detail
{
	font-weight : 100;
	display : block;
	line-height : 1.2em;
	padding : 4%;
}

.shout
{
	font-weight : 100;
	display : block;
	line-height : 1em;
	padding : 4%;
}

.desc
{
	font-weight : 100;
	display : block;
	line-height : 1em;
	padding : 4%;
}

.nomargin /*no margin*/
{
	margin : 0;
}

.pg
{
	margin: 4%;
}

.yello
{
	background-color: rgba(252,187,28,0.90);
}
.cyan
{
	background-color: rgba(35,126,162,1.00);
}
.purp
{
	background-color: rgba(39,20,73,1.00);
}
.purp-text
{
	font-weight: 500;
	color: rgba(39,20,73,1.00);
}
.oran
{
	background-color: rgba(238,109,115,1.00);
}


div.close
{
	margin-bottom: 3%;
}

.blur
{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);	
	
}

	
ul.footernav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.footernav li
{
    display: inline-block;
	margin: 0;
    padding: 6px;
}

.entertain
{
	background: black; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#bd40e6, transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(transparent, #bd40e6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(transparent, #bd40e6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#bd40e6, transparent); /* Standard syntax */
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.educate
{
	background: white; /* For browsers that do not support gradients */
}

/*shrink for mobile view*/
@media only screen and (max-width : 1150px)
{
 	.shout, .detail
	{
		padding-top: 3% !important;
	}
}

@media only screen and (max-width : 750px)
{

	#logo
	{
		width: 100%;
	}
}


/*//////////////////////////////////////////////
//
//	showroom
//
/////////////////////////////////////////*/

.show_contain{
background-color:#fff;
	background-image:url('/images/flagship-carpets-symbol.svg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.show_cover{
background-color:#CACACA;
	background-image:url('/images/flagship-carpets-symbol.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*//////////////////////////////////////////////
//
//	Font control
//
/////////////////////////////////////////*/

.font-cursive
{
	font-family: 'Itim', cursive;
	font-weight: 100;
}

/*//////////////////////////////////////////////
//
//	Preloader
//
/////////////////////////////////////////*/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	background-color:rgba(0,0,0,1) ;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA3EE3;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #C12B65;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #80B43F;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
.h-100vh{
	height: 100vh!important;
}

.overflow-hidden{
	overflow: hidden!important;
}
.position-fixed{
	position: fixed;
}
.top-0{
	top: 0;
}
.w-100{
	width: 100% !important;
}
.z-1000{
	z-index: 1000;
}
.w-50px{
	width: 50px;
}
.pl-1,
.px-1{
	padding-left: 0.25rem;
}
.pr-1,
.px-1{
	padding-right: 0.25rem;
}
.ml-1,
.mx-1{
	margin-left: 0.25rem;
}
.mr-1,
.mx-1{
	margin-right: 0.25rem;
}
.cursor-pointer{
	cursor: pointer;
}
.h-50px{
	height: 50px;
}
.d-inline-block{
	display: inline-block;
}
.prerelease{
	display: none!important;
}
.w-100{
	width: 100% !important;
}
