/* CSS Document */

@keyframes bounce 
{
 0%{bottom:-100px;}
 100%{bottom:-120px;}
}
.Bounce_Animation{animation: bounce 3s infinite alternate;}

@keyframes spin 
{
 0%{transform:rotate(0deg);}
 00%{transform:rotate(-360deg);}
}
.Spin_Animation{animation:spin.8s linear infinite;}

@keyframes spin_reverse
{
 0%{transform:rotate(0deg);}
 00%{transform:rotate(-360deg);}
}
.Spin_AnimationReverse{animation:spin 60.1s linear infinite;}


body{font-family:OpenSans;}

.Content_Spacer{position:relative; width:100%; height:40px; display:block;}

#Loading_Container{position:absolute; top:0; left:0; min-width:100%; height:100%; background:WHITE; overflow-x:hidden;z-index:10; overflow:hidden;}
#Loading_Container > .Loader{position:relative; margin:auto; margin-top:10%; border:16px solid #f3f3f3; border-top:16px solid #51b61f; border-radius:50%; width:120px; height:120px;}
#Loading_Container > .Loader > .Text{padding-top:40px; text-align:center; background2:SILVER; font-size:1.8em; box-sizing:border-box;}


#MasterDiv{position:absolute; top:0; left:0; width:100%; height:100%; background:WHITE; min-width:0px; overflow-x:hidden;}

#Left_Menu{position:fixed; top:0; left:0; width:200px; height:100%; background:#161719; background-image:url(../images/LeftMenu_bg.jpg); background-size:200px 1010px; background-position:center; z-index:3;}
#Left_MainLogo{position:relative; margin:auto; margin-top:20px; width:220px; height:240px; background2:RED; background-image:url(../images/Logo_Textured.png); background-size:contain; display:block; float2:left;}
#Left_MainLogo:hover{cursor:pointer; width2:210px !important; opacity:.8;}

#Left_MenuBlocks_Container{position:relative; margin:auto; margin-top:60px; width:100%; min-height:300px; background2:SILVER; display:block; float2:left;}
.Left_Menu_Btn{position:relative; margin:auto; margin-top:5px; width:100%; height:35px; background2:#51b61f; text-align:center; display:block; float:left;}
.Left_Menu_Btn{padding-top:6px; box-sizing: border-box; color:WHITE; font-family:OpenSans; font-size:.9em;}
.Left_Menu_Btn:hover{background-color:#51b61f !important; cursor:pointer; font-family:OpenSansSemiBold !important;}

#Left_Social_Container{position:absolute; bottom:60px; left:0; padding-left:47px; width:200px; height:40px; background2:PINK; box-sizing: border-box;}
#Left_Social_Container > .SocialBlock{position:relative; margin-left:8px; width:40px; height:40px; background2:BLUE; display:block; float:left; border-radius2:65px;}
#Left_Social_Container > .SocialBlock:hover{cursor:pointer; background-size:40px 40px;}
#Left_Social_Container > .SocialBlock:active{cursor:pointer; background-size:37px 37px;}

#Menu_Selector{position:absolute; top:10px; right:250px; width:25px; height:25px; background:#51b61f; transform:rotate(-45deg);}

#Left_Menu_Home{}
#Left_Menu_Blog{}
#Left_Menu_Minds{}
#Left_Menu_Partners{}
#Left_Menu_Products{}
#Left_Menu_About{}
#Left_Menu_Contact{}
#SocialBlock_facebook{background-image:url(../images/fb_icon.png); background-size:contain; background-position:center; background-size:38px 38px; background-repeat:no-repeat;}
#SocialBlock_twitter{background-image:url(../images/twitter_icon.png); background-size:contain; background-position:center; background-size:38px 38px; background-repeat:no-repeat;} 



#Main_Page{position:relative; width:100%; height:100%; padding-left:200px; box-sizing: border-box; display:block; float:left; background2:RED;}

#Banner_Home{position:relative; width:100%; height:480px; background-image:url(../images/Banner_bg.jpg); background-position:center; background-size:cover; display:block; float:left;}
#Banner_Blog{position:relative; width:100%; height:380px; background-image:url(../images/Banner_bg2.jpg); background-position:center; background-size:cover; display:block; float:left;}
#Banner_Plant{position:absolute; bottom:-100px; right:0px; width:250px; height:300px; background-repeat:no-repeat; background-image:url(../images/Banner_Plant.png); background-size:contain; z-index:2;}

#Banner_BlackBanner_Container{position:absolute; bottom:50px; left:0px; width:100%; min-height:130px;} 
#Banner_BlackBanner{position:absolute; top:0px; left:0px; width:100%; height:100%; background:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0)); opacity:.7; z-index:0;}
#Banner_Title{position:relative; padding-left:115px; padding-top:17px; width:100%; min-height:1em; box-sizing:border-box; display:block; float:left; color:YELLOW; font-family:Slopes; font-size:3em; z-index:1;}
#Banner_subTitle{position:relative; margin-bottom:14px; padding-left:115px; padding-top:0px; width:70%; min-height:1em; box-sizing:border-box; display:block; float:left; color:WHITE; font-family:OpenSans_Light; font-size:1.05em; z-index:1;}


#BlogMenu_Container{position:absolute; bottom:-20px; left:0px; width:100%; height:80px;} 
#BlogBanner_BlackBanner{position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images/wood_bar.png); background-size:100% 100%; background-position:top; z-index:0;}
#BlogMenu_Container > .Container{position:relative; bottom:10px; margin:auto; width:1200px; height:40px; background2:red; z-index:2; display:flex;}
#BlogMenu_Container > .Container > .Block{position:relative; width:25%; height:50px; margin:0px 10px 0px 10px; text-align: center; background:BLACK; background:url(../images/wood_btn.jpg.png); background-size:100% 200%; background-position:0px -4000px; color:WHITE; text-transform:uppercase; font-size:1.3em; border-radius:2px; box-sizing:border-box; padding-top:6px; box-shadow:-2px 7px 5px 2px rgba(0, 0, 0, .6); overflow:hidden;}
#BlogMenu_Container > .Container > .Block > .text{padding-top:5px; text-shadow:2px 2px 2px rgba(0,0,0,.5); font-size:1.31em; font-family:Roboto_Medium !important; transition:color .3s; opacity:.9;}
#BlogMenu_Container > .Container > .Block:hover{cursor:pointer; color:YELLOW; text-shadow:2px 2px 2px rgba(0,0,0,.9); opacity:1;}


#Blog_Body_Container{position:relative; margin-top:80px; width:100%; min-height:450px; background2:RED; display:block; float:left; z-index:0; opacity:1;}
#Blog_Title{position:relative; width:100%; min-height:1em; text-align:center; font-size:2.2em; color:#51b61f;}
#Blog_subTitle{position:relative; width:100%; min-height:1em; text-align:center; font-size:1.1em; color:#161616;}

#Blog_Block_Container{position:relative; margin:auto; margin-top:50px; margin-bottom:30px; width:800px; height:200px; background2:SILVER; border-radius:2px; padding:15px; box-sizing:border-box;}
#Blog_Block_Container > .image{position:relative; width:200px; height:160px; background:BLACK; display:block; float:left; border-radius:2px; overflow:hidden;}
#Blog_Block_Container > .textZone{position:relative; width:550px; height:170px; background2:BROWN; display:block; float:right;}
#Blog_Block_Container > .textZone > .title{position:relative; width:100%; min-height:1em; font-size:1.2em; display:block; float:left; font-family:OpenSansSemiBold;}
#Blog_Block_Container > .textZone > .date{position:relative; margin-top:10px; width:100%; min-height:1em; font-size:.7em; display:block; float:left;}
#Blog_Block_Container > .textZone > .content{position:relative; margin-top:10px; width:100%; min-height:1em; font-size:.9em; display:block; float:left;}

#HomeBlocks_Container{position:relative; margin-top:60px; width:100%; min-height:450px; background2:RED; display:block; float:left; z-index:0; opacity:1;}
#HomeBlocks_Container_Center{position:relative; margin:auto; width:840px; min-height:300px; background2:GREEN;}
.HomeBlock{position:relative; width:240px; min-height:300px; display:block; float:left; margin-right:40px;}
.HomeBlock > .New{position:absolute; top:12px; left:-23px; padding-top:18px; width:60px; height:60px; background:#29d21e; border-radius:65px; color:WHITE; text-align:center; font-family:OpenSansSemiBold; font-size:1em; transform:rotate(-25deg); z-index:1; box-sizing:border-box; border:solid 1px #51b61f;} 
.HomeBlock:hover{font-family:OpenSansSemiBold;}

#HomeBlocks_1 > .Title{position:relative; margin-bottom:10px; width:100%; min-height:1em; text-align:center; font-size:1.1em; color:#393737; background2:RED; display:block; float:left; }
#HomeBlocks_1 > .Image{position:relative; width:240px; height:240px; background:url(../images/Thumb_1.png); background-size:contain; border:solid 1px #c4813a; display:block; float:left; }
#HomeBlocks_1 > .Image:hover{cursor:pointer; border:solid 1px #29d21e; background-size:100% 100% !important; background-position: top !important;}
#HomeBlocks_1 > .Text{position:relative; margin-top:15px; width:98%; min-height:1em; font-size:.9em; color:#1b1b1a; text-align:center; background2:BLUE; display:block; float:left; }

#HomeBlocks_2 > .Title{position:relative; margin-bottom:10px; width:100%; min-height:1em; text-align:center; font-size:1.1em; color:#393737; background2:RED; display:block; float:left; }
#HomeBlocks_2 > .Image{position:relative; width:240px; height:240px; background:url(../images/Thumb_2.png); background-size:contain; border:solid 1px #c4813a; display:block; float:left; }
#HomeBlocks_2 > .Image:hover{cursor:pointer; border:solid 1px #29d21e;}
#HomeBlocks_2 > .Text{position:relative; margin-top:15px; width:98%; min-height:1em; font-size:.9em; color:#1b1b1a; text-align:center; background2:BLUE; display:block; float:left; }

#HomeBlocks_3 > .Title{position:relative; margin-bottom:10px; width:100%; min-height:1em; text-align:center; font-size:1.1em; color:#393737; background2:RED; display:block; float:left; }
#HomeBlocks_3 > .Image{position:relative; width:240px; height:240px; background:url(../images/Thumb_3.png); background-size:contain; border:solid 1px #c4813a; display:block; float:left; }
#HomeBlocks_3 > .Image:hover{cursor:pointer; border:solid 1px #29d21e;}
#HomeBlocks_3 > .Text{position:relative; margin-top:15px; width:98%; min-height:1em; font-size:.9em; color:#1b1b1a; text-align:center; background2:BLUE; display:block; float:left; }


#MailingList_Container{position:relative; width:100%; min-height:30px; background2:SILVER; display:block; float:left;}
#MailingList_Btn{position:relative; margin:auto; padding-top:12px; width:200px; height:44px; text-align:center; color:WHITE; background:#51b61f; box-sizing:border-box; border-radius:3px;}
#MailingList_Btn:hover{background-color:#161719 !important; cursor:pointer;}
#MailingList_Btn:active{background:#000 !important; transition:width .1s; width:206px;}


#HomeBodyText_Container{position:relative; margin-top:20px; margin-bottom:40px; width:100%; min-height:30px; display:block; float:left;}
#HomeBodyText{position:relative; margin:auto; padding-top:6px; width:580px; height:40px; text-align:center; color:#666;}









#Foot_Container{position:relative; margin-top:30px; width:100%; height:75px; background-image:url(../images/FootTexture_bg.jpg); background-size:100% 260%; background-repeat:no-repeat; display:block; float:left; border-top:solid 2px #51b61f; filter:blur2(1px);}
#Foot_Container > .Text{position:relative; margin:auto; padding-top:24px; width:250px; height:1em; text-align:center; font-size:.9em; color:WHITE; box-sizing:border-box; text-shadow:1px 1px #333;}


#Foot_LeftPlant{position:absolute; top:-107px; left:-120px; width:335px; height:150px; background-color2:RED; background-image:url(../images/Left_Plant.png); background-size:130% 130%; background-position:-120px 25px; background-repeat:no-repeat; z-index:0;}
#Foot_LeftPlant:hover{left:-30px !important;}

#Foot_RightPlant{position:absolute; top:-100px; right:-120px; width:335px; height:150px; background-color2:RED; background-image:url(../images/Right_Plant.png); background-size:120% 120%; background-position:30px -5px; background-repeat:no-repeat; z-index:0;}
#Foot_RightPlant:hover{right:-35px !important;}