/*---------------------
General
---------------------*/
*                       {margin:0; padding:0; box-sizing:border-box;}
a						{font-weight:normal; color:#000; text-decoration:underline;}
a:hover					{opacity:0.8;}

h1						{font-size:60px; margin:0 0 10px 0; font-weight:700; text-transform:uppercase;line-height: normal;}
h2						{font-size:34px; margin:25px 0 5px 0;}
h3						{font-size:18px; margin:25px 0 5px 0;}
h4						{margin:25px 0 5px 0; font-weight:bold; line-height:1.5;}
p						{margin:0; padding:0 0 10px 0;}


::selection             {background:#d0e8ff;}
::-moz-selection        {background:#d0e8ff;}

img, table				{border:0;}
img                     {max-width:100%;}


.topmenu ul li a        {font-weight: 700; font-size: 16px; color: #FFF; text-decoration: none; font-family:Arial, sans-serif; text-transform:uppercase;}
#footer                 {font-size:34px; font-weight:600;}
#footer .colHeader      {color:#626262; font-size:20px;}
.flex-caption h3        {font-size:70px; text-transform:uppercase; font-weight:700;}
.caselist .rubText a    {color:#ffffff; text-decoration:none; font-weight:600; font-size:28px;}


.content > .inner       {font-size:30px; padding:110px 0;}

.about                  {color:#CECECE; font-size:14px; font-weight:500;}

body                    { color: #000; font-size: 26px; font-family: benton-sans, sans-serif; font-weight:400; font-style:normal; line-height: 1.5; background-color: #ffffff;}

/*---------------------
Body layout
---------------------*/
#wrapper 					{margin:0 auto;}
.inner                      {max-width: 1620px; margin:0 auto; width:84%; padding:92px 0;}

.header                     {height:144px; position:absolute; top:0; left:0; right:0; z-index:9999; }

#logo                       {margin-left:40px; margin-top:41px; height: 60px;display:inline-block; }
#logo img                   {}

.topmenu                    { position:absolute; bottom:45px; right:40px; display:inline-block; max-width:75%; /*margin-right:40px; margin-top:40px;*/ background-color:transparent; text-align:right; }
.header #responsive-menu-btn {display:none;}

.topmenu ul li               {display:inline-block; }
.topmenu ul li a             {display: block; font-size:15px; padding: 15px 10px;}
.topmenu ul li.on a          {}
.topmenu ul li a:hover       {text-decoration:none;}
.topmenu ul li a.haschild    {display:none;}
.topmenu ul li ul            {display:none;}
.topmenu ul li:last-child a  {color:#000000; background-color:#ffffff; padding: 15px 20px; margin-left: 10px;}

.header #nav ul#responsive            {display:none;}
.header .contactPuffs {
    position: absolute;
    right: 0;
}
/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.content					{background-color:#7D76B2; padding-top:144px;}
.content.start              {background-color:#251F51; padding-top:0;}
.content > .inner             {color:#ffffff; text-align:center;}
.white                      {background-color:#ffffff; width:100%;}

.small-inner                {width:66%;}

/*---------------------
Submenu vertical
---------------------*/ 
.leftmenu                           {float:left; width:25%;}
.leftmenu ul					    {width:90%; margin:0; padding:0 0 10px 0; list-style:none; overflow:hidden;}
.leftmenu ul li				        {width:100%; margin:0; padding:0; border-bottom:1px dotted #999;}
.leftmenu ul li:last-child          {background:none; border:0;}
.leftmenu ul li a				    {width:100%; margin:0; padding:0; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.leftmenu ul li a:hover             {color:#333;}
.leftmenu ul li.on a			    {color:#333; font-weight:bold;}
.leftmenu ul li.on-childs           {background:none; border:0;}
.leftmenu ul li.on-childs a	        {color:#555; font-weight:bold; line-height:30px;}

.leftmenu ul li.on-childs ul            {margin:0 0 0 15px !important;}
.leftmenu ul li.on-childs ul li         {background:none; border:0;}
.leftmenu ul li.on-childs ul li a       {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#555;}
.leftmenu ul li.on-childs ul li a:hover {color:#333;}
.leftmenu ul li.on-childs ul li.on a    {color:#333; font-weight:bold !important;}

/*---------------------
Submenu horizontal
---------------------*/ 
.fullmenu                           {background-color:#cccccc;}
.fullmenu ul					    {width:auto; text-align:center; margin:0; padding:0; list-style:none; overflow:hidden;}
.fullmenu ul li				        {display:inline-block; margin:0 30px 0 0; padding:0; }
.fullmenu ul li:last-child          {background:none; border:0;}
.fullmenu ul li a				    {margin:0; padding:5px 0px; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.fullmenu ul li a:hover             {color:#333;}
.fullmenu ul li.on a, .fullmenu ul li.on-childs a			    {color:#333; font-weight:bold;}


/*---------------------
Footer layout
---------------------*/
#footer					{background-color:#F6F6F6;}
#footer .col            {width:32%; display:inline-block; vertical-align:top;}
.socialMediaList ul     {list-style-type:none;}
.about                  {padding-top:90px;}

.mm-listview a          {font-weight:normal;}

@media screen and (max-width: 860px)
{
    html                            { -webkit-text-size-adjust: 100%;}  
    body                            {font-size:22px;}

    h1, .flex-caption h3            {font-size:50px;}
    h2                              {font-size:30px;}
    
    .header 						{width:auto; height:auto; height:70px; }
    .header .inner                  {height:auto; z-index:999;}
    #logo                           {position:absolute; left:10px; top:12px; margin:0;}
    #logo img                       {height:45px; max-height: 100%;}
    
    .header #nav					{position:static; top:0; left:0; height:auto; min-height:50px; width:100%; padding:0; margin:0; z-index:9; display:none;}
    .header .topmenu                {display:none;}

    .header #responsive-menu-btn          {position:absolute; right:0; top:10px; display:block; height:50px; padding:0 14px; z-index:999; color:#fff; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; cursor:pointer;}
    
    .content					{padding:70px 0 0 0 ;}    
    .inner
    {
        padding:45px 0;
    }

    .content > .inner
    {
        font-size:26px;
        padding:45px 0;
    }

    .small-inner    {width:100%;}

    .submenu				    {display:none;}
        
    .contentright               {float:none; width:100%;}

    #footer
    {
        font-size:20px;
    }
        

    
   
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr           {display:block; border:0;}
	table.responsive-table thead tr     {position:absolute; top:-9999px; left:-9999px;}
	table.responsive-table tr           {border:1px solid #ccc;}
	table.responsive-table td           {padding:4px 6px;}
	table.responsive-table td           {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
 	table.responsive-table td:before    {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
	table.responsive-table td:before    {content:attr(data-title);}
}

@media screen and (max-width: 600px)
{
    h1 {font-size:32px; word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}

    h2
    {
        font-size:24px;
        margin-top:0px;
    }

    body                            {font-size:16px;}

    .flex-caption h3
    {
        font-size:7vw;
    }

    .content > .inner {
        font-size:16px;
    }
    .starttext
    {
        display:block;
    }
    
    .start-left, .start-right
    {
        /*width:90%;
        width:calc(100% - 40px);*/
        width:84%;
        float:none;
        margin:0 auto;
    }

        .start-left .innerText
        {
            position:relative;
            top:0;
            transform:none;
            float:none;
            padding-bottom:45px;
            font-size:25px;
        }

    #start-content
    {
        /*width:90%;
        width:calc(100% - 40px);*/
        width:84%;
        margin-left:auto;
        margin-right:auto;
    }

    .puffitem
    {
        /*width:100%;*/
        width:100%;
        margin:0 auto;
    }


    #footer .col
    {
        width:100%;
        margin-bottom: 10px;
    }

    #footer p
    {
        padding-bottom:2px;
    }
    .about
    {
        padding-top: 10px !important;
    }
}

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

}