/* images */
#img_logo           {height: auto; width: 100px; margin: 4px; border: 2px solid #393939;}
/*.content img        {width: 100%; height: auto;}*/

/* Smarphone portrait */
@media screen and (max-width: 320px)  /* Phone Portrait */
{  
    #img_logo           {height: auto; width: 150px;} 
    
    #sequence           {display: none;}        
       
}

/* Smarphone landscape */
@media screen and (min-width: 321px) and (max-width: 600px) /* Phone Landscape*/
{
    #img_logo           {height: auto; width: 170px;}   
    
    #sequence           {display: none;}   
      
}

/* Smarphone porting */
@media screen and (min-width: 601px) and (max-width: 768px) /* Tablet Portrait */
{
   #img_logo            {width: 30%; height: auto; margin: 0px 4px 4px 0px;}
      
   .header              {background-color: rgba(255, 255, 255, 0.0);}
   .header_scrl         {background-color: rgba(255, 255, 255, 0.0); border-bottom: 1px solid silver;}
   
   #sequence           {display: none;}
   
}

/* Tablet porting */
@media screen and (min-width: 769px) and (max-width: 1024px) /* Tablet Landscape */
{
   #img_logo            {width: 180px; height: auto; margin: 5px;}
   
   .header              {background-color: rgba(255, 255, 255, 0.0);}
   .header_scrl         {background-color: rgba(255, 255, 255, 0.0); border-bottom: 1px solid silver;}
   
    #sequence           {display: none;}    
}

/* PC porting */
@media screen and (min-width: 1025px) /* Website */
{
   
   .header             {background-color: rgba(255, 255, 255, 0.3); border-bottom: 1px solid white; height: 130px!important;}
   .header #img_logo           
                        { margin: 35px;}
   .header_scrl        {background-color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid silver; height: 130px!important;}
   .header_scrl #img_logo           
                        { margin: 35px;}

   .navigation          {width: 97% !important; top: 30px!important;}
   .navigation_scrl     {width: 97% !important; top: 30px!important;}

   nav ul li a         {padding:0.6em 0.8em !important; margin: 5px !important;}
   
   .content            {padding-top: 60px;}
   .T2                 {min-height: 500px !important;}
         
    #sequence          {height: 500px !important;}
    .title              {font-size: 4em; left: 30% !important; width: 70% !important; top: 23% !important; text-align: left;}
    .subtitle           {font-size: 9pt; left: 30% !important; width: 40% !important; top: 43% !important; text-align: left;}
}  

/* font */
html                {font-family: open-sans, sans-serif, arial; font-size: 95%; line-height: 1.7;}

/* buttons and input */
.button             {padding: 9px; border: none; margin: 1px;}
.input              {padding: 9px; border: none; margin: 1px;}
.dropdown           {height: 37px; border: none; margin: 1px;}

/* Colors */
html                {color: #393939;}
h1                  {font-size: 25pt;}
h1, h2, h3, h4      {color: #393939; font-weight: normal;}
.h2ash1             {font-size: 25pt;}
.h_float            {position: absolute; border: 2px solid white; margin: 13% 0 0 15%; text-align: center; padding: 20px; color: White; width: 200px;}

a                   {color: #b20f02;}
a:hover             {color: #c9271e;}
.button             {color: white;}
.back-to-top        {color: silver;}
.back-to-top:hover  {color: white}

/* Background */
.page               {background-color: transparent;}
.content            {background-color: transparent;}
.button             {background-color: #b20f02;}
.button:hover       {background-color: #990c02;}
.adm_image          {background-color: #b20f02;}
.adm_image:hover    {background-color: #990c02;}
.input, .dropdown   {background-color: white;}
.back-to-top        {background-color: rgba(0, 0, 0, 0.8);}
.back-to-top:hover  {background-color: #990c02;}
#simple-menu        {background: rgba(0,0,0, 0.8);}
.err                {background-color: maroon; color: White;}
.adm_details        {background-color: silver;}

/* Shadows */
.level2 a, .level3 a, .page {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);} 

/* Radius */
#social-media, .cg, .cy, .cr {-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
                               
/* Borders */
.content            {}
h1, h2, h3, h4      {margin: 20px 0 20px 0;}
.input, .dropdown   {border: 1px solid #ecedee;}

/* custom stuff*/
/************************************************************************************************************************************************/

/* page */
.page               {height: 100%; overflow: hidden; padding: 0px; position: relative; z-index: 1;}

.content            {height: 100%; min-height: 600px; overflow: hidden; width: 100%; margin-top: 60px;}
.content .holder_fnc{margin: 0px !important; padding: 0px !important;}
.content .holder    {}

.footer             {height: 100%; overflow: hidden; padding: 0; margin: 0px; background-color: rgba(0,0,0, 0.8); color: #696969;}
.footer h1          {display: none;}
.footer .T1 .C38    {border-top: 3px solid #696969; min-height: 370px; text-align: justify;}
.footer .T1 .C38 ul     {list-style-type: none;}
.footer .T1 .C38 ul li  {width: 100%; text-align: left;}
.footer .T1 .C38 a      {display: block; padding: 10px 0 10px 0;}
.footer .T1 .C30    {background-color: #242424;}
.footer .T1 .C37    {margin: 0px; border-top: 1px solid #696969; color: #696969; width: 100% !important; text-align: center;}
.footer .T1 .C37 a  {color: #696969;}
.footer .T1 .C37 ul     {list-style-type: none;}
.footer .T1 .C37 ul li  {float: left; padding: 0 10px 3px 10px; margin-bottom: 20px; border-right: 1px solid #696969;}
.footer .T1 .C33    {margin: 20px 0 20px 0;}
.footer .T1 .C32   {margin: 35px 0 20px 0;}

/* holders */
.holder             {}
/*.content .holder    {padding: 10px;}
.holder_fnc         {padding: 4px;}*/

/* modules */

.T2 .caption        {color: white!important;}
.T2 .caption i        {color: white!important;}
.T2 .C30 .holder    {margin: 0 !important; padding: 0 !important;} 
.T3                 {background-color: White;}
.T3 .C30            {text-align: justify;}
.T3 .C30 .holder_fnc{margin: 5px;}
.T4                 {background-color: #f4f4f4; background-image: url(../../../source/websites/d30/Background/bg2.jpg); background-repeat: no-repeat; background-size: 50%; min-height: 400px;}
.T4 .holder         {margin: 0px !important; padding: 0px !important;}
.T4 .C33            {text-align: justify;}
.T4 .C32            {background-color: #dddee3; overflow: hidden;}
.T4 .C31 a          {font-size: 15pt; color: #393939; text-decoration: none; display: block !important; border: 0px solid transparent!important; margin: 2px !important; width: 100%; text-align: center}
.T4 .C31 a:hover    {font-size: 15pt; color: #b20f02; text-decoration: none; width: 100%; text-align: center}
.T4 .C30 ul         {list-style-type: none;}
.T4 .C30 ul li      {width: 100%; text-align: left;}
.T4 .C30 ul li a    {display: block; border-bottom: 1px dotted #9c9c9c; color: #9c9c9c; padding: 10px 0 10px 10px;}
.T4 .C30 ul li a:hover    {display: block; border-bottom: 1px solid #9c9c9c; background: rgba(255,255,255, 0.1); padding: 10px 0 10px 10px; text-decoration: none;}

.T20                 {background-color: Transparent; background-image: url('../../../source/websites/improveon/Background/bg_blocks.png'); background-repeat: repeat; padding: 10% 0 10% 0;}
.T20 h1              {display: none;}
.T20 .div70          { font-size: 15pt; margin-top: 20px; margin-bottom: 20px;}

/* navigation */
/*###################################################*/
nav ul li a                     {font-size:16px; color:#333; border: 2px solid #393939;}
nav ul li a:hover               {color: #333;}
.wrap ul.wrap-nav ul li         {font-size:13px;color:#e9e9e9;}
.wrap ul.wrap-nav ul li a       {color:silver;}
.wrap ul.wrap-nav ul li a:hover {color:#01669e;}
                    
/* Wrap - level 1 */
.wrap ul.wrap-nav li a          {color:silver;}
.wrap ul.wrap-nav li a:hover    {color:#01669e;}
 
.social-icon:hover              {background:#a3ae01;color:#f0f0f0;}
                   
.btn-open:after                 {color:#333;}
.btn-open:hover:after           {color:#01669e;}
.btn-close:after                {color:#fff;}
.btn-close:hover:after          {color: #01669e;}
/*###################################################*/

/* images */
.photo_1            {width: 99%; height: auto; transition: all .2s ease-in-out;}
.photo_1:hover      {transform: scale(1.1);}
.photo_2            {width: 60px; height: auto; transition: all .2s ease-in-out;}
.photo_2:hover      {transform: scale(1.1);}
.photo_3            {margin: 20px 35% 2px 35%; width: 30%; height: auto; border-bottom: 2px solid whitesmoke; transition: all .2s ease-in-out;}
.photo_3:hover      {transform: scale(1.1);}
.photo_4            {width: 80%; height: auto; margin: 2% 10% 2% 10%; transition: all .2s ease-in-out;}
.photo_4:hover      {transform: scale(1.1);}

.prettyphoto        {}    
.prettyphoto .gallery  {}
.prettyphoto ul     {list-style-type: none; margin:0; padding:0;}    
.prettyphoto ul li  {display: inline; width:25%; float: left;}   
.prettyphoto ul li img {}

/* Banners */
#sequence {
  background-color: whitesmoke;
  height: 440px !important;
}

#sequence-preloader {
  background-color: #03e713 !important;
}
.sequence-pagination {
  bottom: 3px !important;
  height: 70px;
  background: rgba(0,0,0, 0.0);
}
.sequence-pagination li {
  
}
.sequence-pagination li img {
   margin: 10px 5px 0 5px;
   border-bottom: 2px solid white;
}
.sequence-pagination li img:hover {
  
}
.sequence-pagination li.current img 
{
    border-bottom: 2px solid #ed2e24;
  
}

.title {
  font-size: 5em !important;
  left: 60% !important;
  width: 40% !important;
  opacity: 0;
  top: 65% !important;
  z-index: 50;
  background: rgba(0,0,0, 0.3);
  padding-left: 10px;
}

.subtitle {
  color: white !important;
  font-size: 2em;
  left: 60% !important;
  width: 40% !important;
  opacity: 0;
  top: 83% !important;
  z-index: 50 !important;
  background: rgba(0,0,0, 0.3);
  padding-left: 10px;
   font-style: italic;
}


/* links */
.a_btn              {display: block; float: left; background-color: transparent; border: 2px solid #393939; color: #393939; text-align: center; font-size: 15pt; transition: all .2s ease-in-out;}
.a_btn:hover        {display: block; float: left; background-color: #393939; border: 2px solid #393939; color: Silver; text-align: center; font-size: 15pt; transform: scale(1.1);}

.c_btn              {display: block; border-bottom: 1px solid silver; color: #b20f02; text-align: right; margin: 1px; padding: 10px 0px 10px 0px;}
.c_btn:hover        {display: block; border-bottom: 1px solid silver; color: #b20f02; text-align: right; margin: 1px; padding: 10px 0px 10px 0px;}

.caption            {font-size: 28pt !important; color: white !important; font-weight: normal; padding: 30px 0 0 0 !important; margin: 12% 30px 0 30px !important; text-align: center;}
.caption i          {font-size: 15pt !important; color: white !important; font-style: normal !important; width: 100% !important; text-align: left !important;}

.cg h3              {color: #b0c542; border-bottom: 1px solid #b0c542; margin-bottom: 3px !important;}
.cg                 {padding: 10px; border: 1px solid #b0c542; margin: 3px;}
                      
.cy h3              {color: #d8d003; border-bottom: 1px solid #d8d003; margin-bottom: 3px !important;}
.cy                 {padding: 10px; border: 1px solid #d8d003; margin: 3px;}
                      
.cr h3              {color: #b20f02; border-bottom: 1px solid #b20f02; margin-bottom: 3px !important;}
.cr                 {padding: 10px; border: 1px solid #b20f02; margin: 3px;}

/* text */
.number             {font-size: 18pt; margin: 5px; color: #9c9c9c; text-align: left; text-align: left;}
.sold               {font-size: 20pt; color: darkred; margin: 5px 0 5px 0;}
.available          {font-size: 15pt; color: darkgreen; margin: 5px 0 5px 0;}
.price              {font-size: 15pt;}
.caption            {font-size: 18pt; color: #6b6a6a; font-weight: normal; padding: 40px 0 40px 0; margin: 20px; text-align: center;}
.caption .a_btn     {margin-left: 40%; margin-top: 50px;}
  
/* social media */
/*top right*/
#social             {top: -2px; right: 10px; left: auto; text-align: right;}
#social .sm         {width: 39px; float: right; border: 1px solid transparent; display: none;}
#social .sm:hover   {background-color: #bdc1c3;}
.social .sm_b       {}

/*left
#social             {top: 201px; left: 0;}
#social-media       {width: 40px; text-align: center;}
#social .sm         {width: 39px; float: left; padding: 2px;}
#social .sm:hover   {background-color: #930015;}*/
/************************************************************************************************************************************************/

 .button {transition: all .2s ease-in-out;}
 .button:hover {transform: scale(1.1);}