﻿

     /*                              |\
   _/  \ ____ |\                  |\ | \
   \    |   /_|/_ /\____  ____/\ _|/_|_ \    /\____
    |   |   \    / ___  \/      \     /  \_ /      \    CSS By iasite 
    |        |   \/   /  \    \_/|   |     /   /   /    © 2016-2017
     \      /|   /   /   / \   \ |   |    _\  /___/\    
      \  __/ | _/\____  /\  ____/| _/ \_  / \____  /    +7 (3435) 499-334
       |/    |/       |/  \/     |/     |/       */     



/* New Heads */

.banner-lego-layout-1,
.banner-lego-layout-9,
.banner-lego-layout-3, 
.banner-lego-layout-7,  
.banner-lego-layout-2                             {height: 140px;}

.banner-lego-layout-1 .inside,
.banner-lego-layout-9 .inside,
.banner-lego-layout-3 .inside,
.banner-lego-layout-7 .inside,  
.banner-lego-layout-2 .inside                     {height: 140px;}

.banner-lego-layout-1 .banner-lego-icon,
.banner-lego-layout-9 .banner-lego-icon,
.banner-lego-layout-3 .banner-lego-icon,
.banner-lego-layout-7 .banner-lego-icon,
.banner-lego-layout-2 .banner-lego-icon           {height: 96px}

.banner-lego-layout-1 .banner-lego-icon img,
.banner-lego-layout-9 .banner-lego-icon img,
.banner-lego-layout-3 .banner-lego-icon img,
.banner-lego-layout-7 .banner-lego-icon img,
.banner-lego-layout-2 .banner-lego-icon img       {height: 96px}

.banner-lego-layout-1 .inside                     {background: url(../images/banner-lego/banner-lego-layout-1_new.jpg) center top no-repeat;}
.banner-lego-layout-1 .banner-lego-region-2       {font: 600 normal 13pt/1em tahoma, arial, sans-serf; left: 187px; top: 55px;}
.banner-lego-layout-1 .banner-lego-title          {top: 30px; left: 205px; font: 500 normal 24pt/1em tahoma, arial, sans-serf;}
.banner-lego-layout-1 .banner-lego-icon           {top: 20px; left: 102px;} 

.banner-lego-layout-9 .inside                     {background: url(../images/banner-lego/banner-lego-layout-9_new.jpg) center top no-repeat;}
.banner-lego-layout-9 .banner-lego-region-2       {font: 600 normal 13pt/1em tahoma, arial, sans-serf; left: 198px; top: 55px; width: auto;}
.banner-lego-layout-9 .banner-lego-region-2 br    {display: none;}
.banner-lego-layout-9 .banner-lego-title          {top: 30px; left: 215px; font-weight: normal; font: 500 normal 24pt/1em tahoma, arial, sans-serf;}
.banner-lego-layout-9 .banner-lego-icon           {top: 19px; left: 92px;} 

.banner-lego-layout-3 .inside                     {background: url(../images/banner-lego/banner-lego-layout-3_new.jpg) center top no-repeat;}
.banner-lego-layout-3 .banner-lego-region-2       {font: 600 normal 13pt/1em tahoma, arial, sans-serf; left: 198px; top: 55px; width: auto;}
.banner-lego-layout-3 .banner-lego-region-2 br    {display: none;}
.banner-lego-layout-3 .banner-lego-title          {top: 30px; left: 215px; font-weight: normal; font: 500 normal 24pt/1em tahoma, arial, sans-serf;}
.banner-lego-layout-3 .banner-lego-icon           {top: 19px; left: 92px;}

.banner-lego-layout-7 .inside                     {background: url(../images/banner-lego/banner-lego-layout-7_new.jpg) center top no-repeat;}
.banner-lego-layout-7 .banner-lego-region-2       {font: 600 normal 13pt/1em tahoma, arial, sans-serf; left: 142px; top: 42px; width: auto;}
.banner-lego-layout-7 .banner-lego-region-2 br    {display: none;}
.banner-lego-layout-7 .banner-lego-title          {top: 41px; left: 159px; font-weight: normal; font: 500 normal 24pt/1em tahoma, arial, sans-serf;}
.banner-lego-layout-7 .banner-lego-icon           {top: 19px; left: 45px;} 
.banner-lego-layout-7 .banner-lego-button         {bottom: 10px; right: 15px;}	

.banner-lego-layout-2 .inside                     {background: url(../images/banner-lego/banner-lego-layout-2_new.jpg) center top no-repeat;}
.banner-lego-layout-2 .banner-lego-region-1       {font-weight: normal; left: 300px; top: 80px;}
.banner-lego-layout-2 .banner-lego-title          {top: 41px; left: 150px; font-weight: normal;}
.banner-lego-layout-2 .banner-lego-icon           {top: 28px; left: 37px;}

/* New panels */

#actions-container                                {}

#search-container                                 {display: block; position: fixed; top: 90px; right: 30px; overflow: visible;}
#search-container input[type="submit"]            {background: rgb(170,0,0); color: #fff; width: 46px; height: 46px; text-align: center; line-height: 1.3em; font-family: 'fontello'; border: none; font-size: 17pt; top: 0; right: 0; left: auto; border-radius: 50%; transition: all 0.3s ease-out 0s; z-index: 10;}
#search-container:not(.open) 
  input[type="submit"]:hover, 
#search-container:not(.open) 
  input[type="submit"]:focus                      {background: rgb(128,0,0);}
#search-container input[type="text"]              {position: absolute; top: -1px; right: 0; z-index: 2; border: solid 6px rgb(170,0,0); left: auto; font-size: 1em; padding: 0.4em 0em 0.5em 1em; width: 1.5em; height: auto;  border-radius: 26px; transition: all 0.3s ease-out 0s;}
#search-container input[type="text"]:focus        {box-shadow: inset 3px 3px 6px #888;  }

#search-container 
  input[type="text"]::-webkit-input-placeholder   {color:#999; text-overflow:ellipsis; opacity: 1;}
#search-container 
  input[type="text"]::-moz-placeholder            {color:#999; text-overflow:ellipsis; opacity: 1;}
#search-container 
  input[type="text"]:-moz-placeholder             {color:#999; text-overflow:ellipsis; opacity: 1;}
#search-container 
  input[type="text"]:-ms-input-placeholder        {color:#999; text-overflow:ellipsis; opacity: 1;}

#search-container.open input[type="text"]         {width: 16em; padding-right: 3.3em;}                        
#s-trigger                                        {position: fixed; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: transparent; z-index: 19;}

#main_primer                                      {background: rgb(170,0,0) !important; color: #fff; width: 46px !important; height: 46px !important; text-align: center; line-height: 1.3em; font-family: 'fontello'; border: none; font-size: 17pt !important; right: 30px !important; bottom: 1em !important; left: auto; border-radius: 50% !important; transition: all 0.3s ease-out 0s; z-index: 10;}
#main_primer::before                              {content: '\E84D'; line-height: 2.2em; font-size: 0.9em;}
#main_primer2                                     {background: rgb(170,0,0) !important; color: #fff; width: 46px !important; height: 46px !important; text-align: center; line-height: 1.3em; font-family: 'fontello'; border: none; font-size: 17pt !important; right: 90px !important; bottom: 1em !important; left: auto; border-radius: 50% !important; transition: all 0.3s ease-out 0s; z-index: 10;}
#main_primer2::before                             {content: '\E80E'; line-height: 1.8em; font-size: 1.2em;}
#main_primer3                                     {padding: 0 1em; background: #ab0000 !important; color: #fff; width: auto !important; height: 46px !important; text-align: center; line-height: 1.3em; font-family: 'fontello'; border: none; font-size: 17pt !important; right: 283px !important; bottom: 1em !important; left: auto; border-radius: 30px !important; transition: all 0.3s ease-out 0s; z-index: 10;}
#main_primer3 .phttee                             {display: none !important;}
#main_primer img,
#main_primer2 img                                 {display: none;}
#main_primer:hover,
#main_primer2:hover,
#main_primer3:not(.active):hover                  {background: rgb(120,0,0) !important;}
#main_primer3 .subscribe_form2                    {position: relative; transition: width 0.3s ease-out 0s; overflow: hidden; right: 20px; width: 1px;} 
#main_primer3 .subscribe_form2 .subscr_b          {display: none; padding: 0.5em 1em 0.5em 1em; position: absolute; top: 0; right: 0; background: rgb(170,0,0) !important; width: 50px !important; font: 400 normal 12pt/1.3em 'fira_sansregular', OpenSans, sans-serif, tahoma !important; border-radius: 30px !important; transition: all 0.3s ease-out 0s; color: #fff !important; border: none !important;}
#main_primer3 .subscribe_form2 .subscr_b:hover    {background: rgb(120,0,0) !important;}
#main_primer3 .subscribe_form2 .subscr_s          {display: none;}
#main_primer3 .subscribe_form2 .subscr_e          {display: none; height: 34px; transition: width 0.3s ease-out 0s; font: 400 normal 10pt/1.3em 'fira_sansregular', OpenSans, sans-serif, tahoma !important; width: 250px; background: #fff; color: #000;  text-align: left; border: none; padding: 0.1em 2em 0.1em 0.5em; border-radius: 25px 0 0 25px; position: relative; right: 18px; top: -1px; font: 400 normal 1.1em/1em tahoma, sans-serif, arial;}
#main_primer3 .formTitle                          {font: 400 normal 12pt/2.8em tahoma, arial, sans-serif;}

#main_primer3.active .subscr_e                    {display: block;}
#main_primer3.active .formTitle                   {display: none;}
#main_primer3.active .subscr_b                    {display: block;}

#main_primer3.active .subscribe_form2             {width: 280px;}

.aboutThis                                        {height: 34px; transition: padding 0.3s ease-out 0s, width 0.3s ease-out 0s; position: fixed; font: 400 normal 10pt/1.3em 'fira_sansregular', OpenSans, sans-serif, tahoma; width: 250px; background: #f1f1f1; color: #990000; z-index: -1; right: 322px;  padding: 0.4em 7% 0.4em 1.3%; text-align: left; text-transform: uppercase; z-index: 19; bottom: 1.8em; box-shadow: 0 0 5px #000, 0 0 1px #000; border-radius: 30px 0 0 30px; overflow: hidden; }
.aboutThis i                                      {font-style: normal; opacity: 1; transition: opacity 0.6s ease-out 0s;}
.aboutThis.active                                 {width: 0; padding-right: 0;}
.aboutThis.active i                               {opacity: 0;}
.countThis                                        {margin: 0; position: fixed; font: 400 normal 10pt/1.3em 'fira_sansregular', OpenSans, sans-serif, tahoma; width: 100px; background: #ffcc00; color: #990000; right: 153px;  padding: 0.4em 1.3% 0.4em 3%; text-align: left; z-index: 18; bottom: 1.8em; box-shadow: 0 0 5px #000, 0 0 1px #000; border-radius: 0 30px 30px 0; display: block; text-transform: lowercase;}
.countThis:first-letter                           {text-transform: uppercase;}


.aboutThisN                                        {display:none; }
.aboutThisN.active                          {display:block;}

.aboutThisN 	{background: #f1f1f1 none repeat scroll 0 0;    border-radius: 30px 0 0 30px;    bottom: 1.8em; box-shadow: 0 0 5px #000, 0 0 1px #000;    color: #990000;  font: 400 10pt/1.3em fira_sansregular,OpenSans,sans-serif,tahoma; height: 34px; overflow: hidden; padding: 0.4em 7% 0.4em 1.3%; position: fixed; right: 322px; text-align: left; text-transform: uppercase; transition: padding 0.3s ease-out 0s, width 0.3s ease-out 0s; width: 250px; z-index: 19; cursor:pointer; background-color: #ffcc00; font-size: 12px; height: 32px; right: 630px; width: 69px; bottom: 2.1em; line-height: 1.3;}
.aboutThisM 	{background: #f1f1f1 none repeat scroll 0 0;    border-radius: 30px 0 0 30px;    bottom: 1.8em; box-shadow: 0 0 5px #000, 0 0 1px #000;    color: #990000; font: 400 10pt/1.3em fira_sansregular,OpenSans,sans-serif,tahoma; 	overflow: hidden; padding: 0.4em 7% 0.4em 1.3%; position: fixed; right: 322px; text-align: left; text-transform: uppercase; transition: padding 0.3s ease-out 0s, width 0.3s ease-out 0s; width: 250px;	z-index: 19; z-index: 100;right: auto; left: 10px; border-radius: 30px; width: 340px; line-height: 1.3; padding: 0.4em 0.4em 0.4em 1em; bottom: 23px;}



#footer-container .bottom-section                 {min-height: 150px;}


#main_primer3_n     {padding: 0 1em; background: #ffcc00 !important; color: rgb(120,0,0); width: auto !important; height: 46px !important; text-align: center; line-height: 1.3em; font-family: 'fontello'; border: none; font-size: 17pt !important; right: 289px !important; bottom: 72px !important; left: auto; border-radius: 30px !important; transition: all 0.3s ease-out 0s; z-index: 10;}
#main_primer3_n:not(.active):hover                  {background: rgb(120,0,0) !important;color: #fff!important;}
#main_primer3_n .formTitle                          {font: 400 normal 12pt/2.8em tahoma, arial, sans-serif;}
#main_primer3_n.active .formTitle                   {display: none;}
#main_primer3_n.active 		                  {display: none;}

.subscr_bb          {display: none; cursor:pointer;height: 30px; width: 30px; bottom: 30px;position: fixed;right: 290px;z-index: 20;background: #ffcc00 !important; font: 400 normal 12pt/1.3em 'fira_sansregular', OpenSans, sans-serif, tahoma !important; border-radius: 30px !important; transition: all 0.3s ease-out 0s; color: #fff !important; border: none !important;}
.subscr_bb:hover    {background: rgb(120,0,0) !important;}
.subscr_bb.active    {display: block;} 
.subscr_bb img    {height: 30px; width: 30px;} 

