@charset "UTF-8";
/* CSS Document */


#allContent{width:100%;}
#nav{position: absolute;top:10px;left:100%;width:250px;margin-left:-250px;transform: rotate(-90deg);z-index: 1000;}
#nav li{list-style: none;margin-bottom: 10px;}
#nav a{text-decoration: none;color: #111;display: inline-block;padding: 2px; width: 100%;transition: 0.8s;}
#nav a:hover{/*background: #5B969C; */color: #5B969C;width: 80%;border-right: 10px solid #5B969C;}

.mainText a, .contact a{text-decoration: none;color: #222222;transition: 0.8s;}
.mainText a:hover, .contact a:hover{color: #555555;padding-right:20px;border-right: 10px solid #5B969C;}

.nsel{font-weight:700;}
.nmarkers{color:#8A791D;transform: rotate(90deg);display: inline-block;width:24px;}
.homeBT{width: 20px;padding: 2px; transform: rotate(90deg);}

.mainText{position:absolute;width: 46%;margin: 0 2% 0 2%; top:50%;left: 50%;background: rgba(255, 255, 255, 0.5);}
.mainTextGrid{position:absolute;left:80vh;width: calc(100% - 90vh);top:50%;}

.mainTextPos1{left:10%;top:45%;}
.mainTextPos1 h1{font-size: 66px;margin: 0;padding: 0;line-height:60px;}
.mainTextPos1 p{margin: 0;padding: 0;}
.mainTextPos2{left:10%;top:10%;}


.bigText {position: absolute;top:50%;left:0px;width:100%;height:50%;}
.bigText h1{width:100%;font-size: 18vw;font-weight: 300;color:#bfdbe0;text-align: center; margin: 5% auto 0 auto;padding: 0;}

.seedsTitleBG {position: absolute;top:0px;left:0px;width:50%;height:100%;}
.seedsTitle {position: absolute;top:0px;left:0px;width:100vh;height:50%;transform: rotate(-90deg);transform-origin: bottom; overflow: hidden;}
.seedsTitle h1{width:100%;font-size: 24vh;font-weight: 700;color:#bfdbe0;text-align: center; margin: 0 auto 0 auto;padding: 0;color:#DCE7E9;}
.seedsTitle h3{width:100%;font-size: 8.25vh;font-weight: 700;color:#bfdbe0;text-align: center; margin: -6% auto 0 auto;padding: 0;color:#FFFFFF;}

.grid {position:absolute;height:100%;width:auto;}
.gridCell img{width:auto!important;}

.txtSM{font-size:11px;}
/*
.grid img{width:100%;height: 100%;object-fit: cover;}
*/
.squares {position:absolute;height:100%;width:50%;}

/*.squares img{max-width:100%;max-height: 100%;}*/

/*.square3x5 img{max-width:100%;max-height: 100%;opacity: 0;}*/

.square_img {width:100%;height: 100%;}

.square3x5 img, .square3x5_1x2 img, .square3x5_2x3 img, .square3x5_2x2 img, .square3x5_3x1 img {width:100%;height: 100%;object-fit: cover;}
/*
.square3x5{width:32%;height:24.9vh;float: left;overflow: hidden;}
.square3x5_1x2{width:64%;height:24.9vh;float: left;overflow: hidden;}
.square3x5_2x3{width:96%;height:49.8vh;float: left;overflow: hidden;}
.square3x5_2x2{width:64%;height:49.8vh;float: left;overflow: hidden;}
.square3x5_3x1{width:32%;height:74.7vh;	margin-top:-24.9vh; float: left;overflow: hidden;}
*/


.square3x5{width:32%;height:24.9%;float: left;overflow: hidden;}
.square3x5_1x2{width:64%;height:24.9%;float: left;overflow: hidden;}
.square3x5_2x3{width:96%;height:49.8%;float: left;overflow: hidden;}
.square3x5_2x2{width:64%;height:49.8%;float: left;overflow: hidden;}
.square3x5_3x1{width:32%;height:74.7%;	margin-top:-24.9%; float: left;overflow: hidden;}

.square3x5_BD{width:30.90%;height:24.4vh;border-top:0.25vh;border-bottom: 0.25vh;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_1x2_BD{width:62.5%;height:24.4vh;border-top:0.25vh;border-bottom: 0.25vh;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_2x3_BD{width:96%;height:49.3vh;border-top:0.25vh;border-bottom: 0.25vh;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_2x2_BD{width:62.5%;height:49.3vh;border-top:0.25vh;border-bottom: 0.25vh;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_3x1_BD{width:31%;height:74.2vh;	margin-top:-24.9vh;border-top:0.25vh;border-bottom: 0.25vh;border-left:1%;border-right:1%;border-style:solid;}
/*
.square3x5_BD{width:32%;height:24.4%;border-top:0.25%;border-bottom: 0.25%;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_1x2_BD{width:64%;height:24.4%;border-top:0.25%;border-bottom: 0.25%;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_2x3_BD{width:96%;height:49.3%;border-top:0.25%;border-bottom: 0.25%;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_2x2_BD{width:64%;height:49.3%;border-top:0.25%;border-bottom: 0.25%;border-left:1%;border-right:1%;border-style:solid;}
.square3x5_3x1_BD{width:32%;height:74.2%;	margin-top:-26.9%;border-top:0.25%;border-bottom: 0.25%;border-left:1%;border-right:1%;border-style:solid;}
*/

.bd_yellow{border-color: #dbd84a;}
.bd_cyan{border-color: #1aa8a9;}
.bd_pink{border-color: #ec008c;}
.bd_red{border-color: #ef4243;}

.square_img img{width:100%;height: 100%;object-fit: cover;}
.square_img {transition: 0.5s;}
.square_img:hover{transform: scale(2, 2);}
.square_img:active{transform: scale(1.5, 1.5);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
        -webkit-filter: url(#blur-filter);
        filter: url(#blur-filter);
        -webkit-filter: blur(3px);
        filter: blur(3px);}

.zoom_2 {background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(57,57,57,1) 100%);}
.zoom_2 img{width:100%;height: 100%;object-fit: contain!important;}
.zoom_2:hover{transform: scale(1.05, 1.05);}

.zoom_3:hover{transform: scale(1.05, 1.05);}

.seeds{position: absolute; top:0px;left:0px;width: 100%; height:100%;overflow: hidden;}
.seeds img{width:80px;}
.seeds div{position: absolute;}

.background1{background: rgb(191,219,224);background: linear-gradient(0deg, rgba(191,219,224,1) 0%, rgba(255,255,255,0) 100%);}
.background2{background: rgb(191,219,224);background: linear-gradient(90deg, rgba(191,219,224,1) 0%, rgba(255,255,255,0) 100%);}

.contact {width: 100%;padding: 0;margin: 0}
.contact img{height: 10px;display: inline-block;margin-right: 5px;}

.gold{color:#8B791D;}
.cyan{color:#5A969B;}
.grey{color:#878786;}
.white{background:#FFFFFF;}

.BGgold{background:#8B791D;}
.BGcyan{background:#5A969B;}
.BGgrey{background:#878786;}
.BGwhite{background:#FFFFFF;}

.footer{position: fixed;top:100%;left:100%;margin-left:-50px;margin-top: -80px;}
.footer img{height:30px;}
.footer a:hover{height:30px;}
#footerInfo{position: fixed;top:100%;left:100%;margin-left:-660px;margin-top: 0px;border:#8B791D 1px solid;-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);
box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);border-radius: 6px; color:#666;background: #fff; opacity: 0;transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#footerInfo a{text-decoration: none;color:#333;font-weight: bold;}
#footerInfo p,#footerLoginHelper p {margin: 3px 9px 3px 9px;}

.footerLogin, .footerLoginHelper{position: fixed;top:100%;left:100%;margin-left:-280px;margin-top: 0px;border:#5A969B 1px solid;-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);
box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);border-radius: 6px; color:#666;background: #fff; opacity: 0;transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.footerLoginHelper{margin-left:-180px;}
.footerLogin p {margin: 3px 9px 3px 9px;}
.footerLogin a {text-decoration:none;color:#5A969B; font-weight: bold}

#loginPanel, #infoPanel, #msgPanel, #terms {position: fixed;top:-400px;left:50%;margin-left:-200px;width:380px;margin-top: -100px;height:180px;padding: 10px; border:#5A969B 1px solid;-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);border-radius: 6px; color:#666;background: #fff; opacity: 1;transition: all 1600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#msgPanel, #terms {height:auto;}
#loginPanel a, #infoPanel a ,#msgPanel a ,#terms a {text-decoration:none;/*color:#8B791D;*/color:#888;margin: 3px 8px 3px 8px;  }

#login {color:#888;}
#login input, #infoPanel input{width: 100%;border: 0;/*background: #5A969B;*/;background: #f9f6e9; color: #888; border-radius: 6px;font-size:16px;margin-bottom: 10px; }
#login input[type=submit],#infoPanel input[type=submit]{width: 80%;font-size:14px; font-weight:normal;}

#btRegister, #btLogin {font-weight:normal;}
#formResetP a{color:#c2d2d5;font-size: 11px;}

#privacyText{position: fixed;top:5%;height: 88%;left:2.5%;width: 75%;padding: 1% 2.5% 1% 2.5%; border:#8B791D 1px solid;-webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);-moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);box-shadow: 10px 10px 26px -7px rgba(0,0,0,1);border-radius: 6px; color:#666;background: #fff; opacity: 0;display: none;transition: 0.6s;z-index: 10000;font-size: 0.8vw;overflow: auto;}
#privacyText a{text-decoration: none;font-weight: bold;color:#111;}
.closePriv{position: fixed;top:7%;left:78%;}
.closePriv a{color: #A71012;text-decoration: none;}

.btSelected{border: 0px #888 solid;background: #f9f6e9; border-radius: 3px; padding: 0 5px 0 5px; display: inline-block;}

.loading{position:fixed;top:100%;left:0px;margin-top: -10px;height:10px;width:100%;background: #5A969B;display: none;animation:loadingMoves 2.2s infinite;transition: 5s;opacity: 0.6;}
.loading2{position:fixed;top:100%;left:0px;margin-top: -10px;height:10px;width:100%;background: #5A969B;display: none;animation:loadingMoves2 2.2s infinite;transition: 5s;opacity: 0.6;}

.gridCellZoomed {width:96%!important;height:96%!important;margin: 1% 2% 1% 2%; border: 0.2vw solid #FFF;transition: 0.5s;}
.gridCellZoomed:hover{transform: scale(2, 2);}
.gridCellZoomed:active{transform: scale(1.5, 1.5);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
        -webkit-filter: url(#blur-filter);
        filter: url(#blur-filter);
        -webkit-filter: blur(3px);
        filter: blur(3px);}

#agreeTerm {display: none;}
#agreeTerm div{margin-top:15px;}


@keyframes loadingMoves{
    0%{     left: 0%;    }
    49%{    left: 50%; }
    100%{   left:100%;   }
}


@keyframes loadingMoves2{
    0%{     left: 0%;    }
    49%{    left: -50%; }
    100%{   left:-100%;   }
}


/*#info:hover{
    display: block;
}*/

@media screen and (max-width:1023px){
	html,body{overflow-y:auto!important;}
	.mainText{width: 96%;left: 0px;    top: 40%;}
	.mainTextPos2{top:35%;}
	
	.bigText h1{margin-top: 60%;}
	.seedsTitle h1 {margin-top: 50%;}
	
	.squares {position:absolute;top:98%;width:100%;height:60%;}
	.squaresPortfolio {top:105%;}
	/*.squares img{height:auto;width:100%;max-width:none;max-height:none;}*/
	.grid {position:absolute;top:95%;width:200%;height:auto;transform: scale(0.6);transform-origin: top left;}
	.background1, .background2{position: fixed;}
	.seeds{height:130%;}
	html,body{height:100%!important;}
	.mainText{}
	#loginPanel, #infoPanel, #msgPanel, #terms {position: fixed;top:-225px;left:50%;margin-left:-170px;width:320px;margin-top: -100px;height:230px;}
	#login input, #infoPanel input{width: 90%; }
	#footerInfo{font-size:11px;margin-left: -320px;width:260px}
	
	#privacyText{width: 90%;font-size: 11px;}
	.closePriv{position: fixed;top:7%;left:80%;font-size: 12px;}
}

/*common css*/
html,body{overflow: hidden;width:100%;height:100%;margin:0 0 0 0;background: #FFFFFF;font-family: Arial, Helvetica, sans-serif;color:#231F20;font-size:14px;font-family: 'Gothic A1', sans-serif;}
.bodyBG{background-repeat: no-repeat; background-size: cover;}
.fl{float: left;}
.fr{float: right;}
.cf{clear: both;line-height: 0px;}
.cf5{clear: both;line-height: 5px;}
.cf10{clear: both;line-height: 10px;}
.cf20{clear: both;line-height: 20px;}
.cf30{clear: both;line-height: 30px;}


.buttonGreen{width:100%;padding:6px 10px 6px 10px!important;display: inline-block;border: 0!important;padding: 3px;background: #117F11; color:#FFFFFF;transition: 0.2s;}
.buttonGreen:hover{background:#999999; color:#FFFFFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.wa{width: auto;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w10{width: 10%;}
.w12{width: 12.5%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w24{width: 24%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w33{width: 33%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w66{width: 66%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
.w10i{width: 10%!important;}
.w12i{width: 12.5%!important;}
.w15i{width: 15%!important;}
.w20i{width: 20%!important;}
.w25i{width: 25%!important;}
.w30i{width: 30%!important;}
.w33i{width: 33%!important;}
.w40i{width: 40%!important;}
.w45i{width: 45%!important;}
.w50i{width: 50%!important;}
.w60i{width: 60%!important;}
.w66i{width: 66%!important;}
.w70i{width: 70%!important;}
.w75i{width: 75%!important;}
.w80i{width: 80%!important;}
.w90i{width: 90%!important;}
.w100i{width: 100%!important;}

.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.i50{width:50%;}
.i50 img{width:100%;}
.i100{width:100%;}
.i100 img{width:100%;}

.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}

.p0{padding: 0;}
.m0{margin: 0;}

.centDiv{ margin-left: auto;margin-right: auto;}
.customcursor {  cursor: url('../images/twt-cursor.png'), auto;}
.zeroH{height:0px;overflow: visible;}
.BGgrey{background: #888;}
.contWidth{width:960px;}
.userName{color: #ED1C24;}
.smallPrint{font-size: 7px;}

.smallTXT{font-size: 12px;}
.normalTXT{font-size: 14px!important;font-weight: normal!important;}
.normalSBoldTXT{font-size: 14px!important;font-weight: 600!important;}
.largeTXT{font-size: 40px;}
.redBG{background: #ED1C24;color:#FFF;}
.whiteTXT{color: #FFFFFF!important;}

.flipx{transform:scaleX(-1);}
.flipy{transform:scaleY(-1);}

h1{font-weight: 400;font-style: normal;font-size: 25px;color:#486573;}
h2{font-weight: 400;font-style: normal;font-size: 20px;color:#486573;}

.headerImage750{margin-top:10px; margin-left:10px; }
.headerImage750 img{width:750px;}


.mono {  -webkit-filter: grayscale(100%) brightness(150%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%) brightness(150%);}

.sBold{font-weight:600;}
.noFormat{font-weight:normal;}

.blinking{
    animation:blinkingText 2.2s infinite;
	transition: 0.5s;
}
.hide{opacity: 0;}
.show{opacity: 1;}
.off{display: none;}
.on{display: block;}

.grey1{color: #777!important;}

#reviewSaveAndClose{display: none;}
#reviewSaveAndNew{display: none;}

@keyframes blinkingText{
    0%{     color: #FFF;opacity: 1;    }
    49%{    color: #FFF;opacity: 1; }
    60%{    color: transparent;opacity: 0; }
    80%{    color:transparent;opacity: 0;  }
    100%{   color: #FFF; opacity: 1;   }
}

@media screen and (max-width:982px){
	/*mobile common css*/
	.contWidth{width:100%;}
	.headerImage750{margin-left: 0px;}
	.headerImage750 img{width:100%;}
	/*body{overflow-x: hidden;*/
}




/*EXTRAS*/

/*end of common css*/