﻿.main-top{
    float:left;
    display: block;
    height: 131px;
    left: 0;
    /*position: relative;*/
    text-align: center;
    top: 0;
    width: 100%;
    background-color:#ffffff;
    border-top:6px solid #32784a;
}

   .main-top header{
       float:left;
       width:100%;
   }

      .main-top header .LangAndLinks{
          float:left;
          height:44px;
          background-color:#ffffff;
          border-bottom:1px solid #e7e9eb;
          width:100%;
      }

         .main-top header .LangAndLinks .LangSelection{
             float:left;
             width:152px;
             height:44px;
             border-right:1px solid #e7e9eb;
             cursor:pointer;
         }

            .main-top header .LangAndLinks .LangSelection .LangText{
                float:left;
                width:63px;
                margin:13px 0 10px 53px;
                font-family:'Proxima Nova Bold';     
                color:#859099;
                cursor:pointer;       
            }

                .main-top header .LangAndLinks .LangSelection .LangText .LangSelectIcon{
                    float:right;            
                }

            .main-top header .LangAndLinks .LangSelection .OtherLanguages{
                /*position: fixed;*/
                height: 0px;
                width: 152px;
                background-color: #ffffff;
                color: #859099;
                z-index: 1000;
                left: 0;
                top: 49px;
                overflow: hidden;
                border:1px solid #dbdee1;
                border-bottom:none;
                -webkit-transition: height 0.3s linear;
                -moz-transition: height 0.3s linear;
                -o-transition: height 0.3s linear;
                transition: height 0.3s linear;
                font-family: 'Proxima Nova Bold';
                /*-webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-shadow: 10px 10px 10px 0 rgba(20, 20, 20, 0.75);
                -moz-box-shadow: 10px 10px 10px 0 rgba(20, 20, 20, 0.75);
                box-shadow: 10px 10px 10px 0 rgba(20, 20, 20, 0.75);*/
            }

               .main-top header .LangAndLinks .LangSelection .OtherLanguages ul{
                   padding-left: 0;
               }

                  .main-top header .LangAndLinks .LangSelection .OtherLanguages ul li{
                      display:block;
                      margin:0;
                      list-style:none;
                      height:43px;
                      width:151px;
                      border-bottom:1px solid #dbdee1;
                      cursor:pointer;
                  }

                     .main-top header .LangAndLinks .LangSelection .OtherLanguages ul li .OtherLanguageText{
                         float: left;
                         margin-top: 10px;
                         margin-left: 53px;
                     }

         .main-top header .LangAndLinks ul.HeaderTopLinks{
             float:right;
             width:329px;
             height:44px;
             margin-top:13px;
             /*margin-right:22px;*/
             margin:13px 10px 0 0;
             font-family:'Proxima Nova Extrabold';
             font-size:10pt;
             text-align:right;
             /*padding-right:20px;*/
         }

            .main-top header .LangAndLinks ul.HeaderTopLinks li{
                list-style:none;
                color:#859099;
                position:relative;
                display:inline;
            }

            .main-top header .LangAndLinks ul.HeaderTopLinks li:hover{                
                color:#32784a;
            }           

            .main-top header .LangAndLinks ul.HeaderTopLinks li.LiBorder{
                width:1px;
                border-right:1px solid #859099 ;
                margin:0 12px 0 12px;
            }

            .HeaderTopLinks .FollowUsContainer{
                height:30px;
                width:115px;
                float:right;
                margin-top: -3px;
            }

                .HeaderTopLinks .FollowUsContainer .FollowUsParts{
                    width:inherit;
                }

                    .HeaderTopLinks .FollowUsContainer .FollowUsParts ul li.FollowUsFcbIcon{
                        /*margin-left:5px;*/
                        margin-left:0;
                    }

                        .HeaderTopLinks .FollowUsContainer .FollowUsParts ul li .FollowUsFcbBtn{
                          background:url(../Images/Icons/FollowUsFcbIconGrey.png) no-repeat top center;
                          width:10px;
                          height:17px;
                          margin-top:-1px;
                        }

                        .HeaderTopLinks .FollowUsContainer .FollowUsParts ul li .FollowUsInstBtn{
                          background:url(../Images/Icons/FollowUsInstIconGrey.png) no-repeat top center;
                          width:17px;
                          height:16px;
                        }

     .main-top header .NavigationContainer{
          float:left;
          height:86px;
          border-bottom:1px solid #c2c7cc;
          width:100%;
      }

        .main-top header .NavigationContainer .GrafitypLogo{
            float:left;
            /*margin:2px 0 0 352px;*/
            margin:2px 0 0 18%;
        }

        #ResponsiveMenuButton{
            float:right;
            width:40px;
            height:40px;
            margin-top: 22px;
            margin-right: 5%;
            display:none;
        }

        .main-top header .NavigationContainer .NavigationLinks{
            float:right;
            /*margin:2px 353px 0 0;*/
            margin:2px 18.633% 0 0;
            font-size:10pt;
        }

           .main-top header .NavigationContainer .NavigationLinks ul{
               float:left;
               font-family:'Proxima Nova Extrabold';
               color:#859099;
           }

              .main-top header .NavigationContainer .NavigationLinks ul li{
                  float:left;
                  display:inline;
                  list-style:none;
                  margin:36px 0 0 37px;
              }

                 .main-top header .NavigationContainer .NavigationLinks ul li a{
                     text-decoration:none;
                     color:#859099;
                     cursor:pointer;
                 }

        .main-top header .NavigationContainer .ProductsSubMenu{
            float:left;
            width:100%;
            font-size:12pt;
            background-color:#ffffff;
            position: absolute;
            /*height: 112px;*/
            height:0;
            top: 136px;
            z-index: 5;
            font-family:'Proxima Nova Regular';
            /*border-bottom:1px solid #c2c7cc;*/
            -webkit-transition: height 0.3s linear;
            -moz-transition: height 0.3s linear;
            -o-transition: height 0.3s linear;
            transition: height 0.3s linear;
        }

            .main-top header .NavigationContainer .ProductsSubMenu ul{
                /*width:890px;*/
                /*width:50%;*/
                /*width:63%;*/
                /*width:880px;*/
                width:1104px;
                margin:0 auto;
            }

                .main-top header .NavigationContainer .ProductsSubMenu ul li{
                    float:left;
                    display:none;
                    list-style:none;                    
                    margin-top:45px;
                    width:260px;
                    /*margin-left:10%;*/
                    /*margin-left:4%;*/
                    /*width:300px;*/
                }

                    .main-top header .NavigationContainer .ProductsSubMenu ul li a{
                        float:left;
                        color:#a3abb2;
                        text-decoration:none;
                    }

                    .main-top header .NavigationContainer .ProductsSubMenu ul li a .ProductSubMenuHypen{
                        float:left;
                        width:16px;
                        height:3px;
                        margin-top:10px;
                        background-color:#32784a;
                        -webkit-box-shadow: 0px 1px 1px 0px rgba(214,228,219,1);
                        -moz-box-shadow: 0px 1px 1px 0px rgba(214,228,219,1);
                        box-shadow: 0px 1px 1px 0px rgba(214,228,219,1);
                    }

                    .main-top header .NavigationContainer .ProductsSubMenu ul li a .ProductSubMenuTxt{
                        float:left;
                        margin-left:13px;
                        /*width:250px;*/
                    }

.RenderBodyContainer{
    float:left;
    width:100%;
    margin-top:5px;
    /*background-color:#000000;*/
    /*overflow-x:hidden;*/
}

.FooterGeneralContainer{
    float:left;
    height:94px;
    width:100%;
    border-top:1px solid #0e4721;
    background-color:#000000;
}

/*@media only screen and (max-width: 769px) {
    .FooterGeneralContainer {
        background-color: #ffffff;
        font-size:4pt;
    }    
}*/

   .FooterGeneralContainer .FooterLeftContainer{
       float:left;
       width:220px;
       margin:20px 0 0 65px;
   }

      /*.FooterGeneralContainer .FooterLeftContainer .FooterSocialLinks{

      }

         .FooterGeneralContainer .FooterLeftContainer .FooterSocialLinks ul{
         
         }*/

            .FooterGeneralContainer .FooterLeftContainer .FooterSocialLinks ul li{
                float:left;
                display:inline-block;
                list-style:none; 
                margin-left:11px;           
            }

   .FooterGeneralContainer .FooterRightContainer{
       width:590px;
       float:right;
   }

      .FooterGeneralContainer .FooterRightContainer .CopyrightContainer{
          float:right;
          font-family: 'Proxima Nova Regular';
          color:#ffffff;
      }

         .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul{
             float:right;
             margin-right:69px;
         }

            .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul li{
                display:inline-block;
                float:left;    
                list-style:none;
                margin:32px 0 0 22px;
            }

            .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul li.FooterLogoDivider{
                height:35px;
                width:1px;
                border-right:1px solid #0e4721;   
                margin-top:26px;   
            }



.Clear{
    clear:both;
}

/*@font-face {
    font-family: 'Proxima Nova Black';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Black.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Black.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Black.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Black';
    src: url('../fonts/Proxima/EOT/Proxima Nova Black.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Black.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Bold.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Bold.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Bold.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/Proxima/EOT/Proxima Nova Bold.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Bold.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Extrabold.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Extrabold.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Extrabold.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url('../fonts/Proxima/EOT/Proxima Nova Extrabold.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Extrabold.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Light.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Light.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Light.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../fonts/Proxima/EOT/Proxima Nova Light.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Light.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Regular.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Regular.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Regular.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../fonts/Proxima/EOT/Proxima Nova Regular.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Regular.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Semibold.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Semibold.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Semibold.otf') format('opentype'), url('../fonts/Proxima/WOFF/Proxima Nova Semibold.woff2') format('woff2');
}*/

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/Proxima/EOT/Proxima Nova Semibold.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Semibold.woff') format('woff'),
         url('../fonts/Proxima/TTF/Proxima Nova Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Proxima Nova Thin';
    src: url('../fonts/Proxima/WOFF/Proxima Nova Thin.woff') format('woff'), url('../fonts/Proxima/TTF/Proxima Nova Thin.ttf') format('truetype'), url('../fonts/Proxima/OTF/Proxima Nova Thin.otf') format('opentype');
}*/

@font-face {
    font-family: 'Proxima Nova Thin';
    src: url('../fonts/Proxima/EOT/Proxima Nova Thin.eot');
    src: url('../fonts/Proxima/EOT/Proxima Nova Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima/TTF/Proxima Nova Thin.ttf') format('truetype'),
         url('../fonts/Proxima/WOFF/Proxima Nova Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  /*width: 220px;*/
  width:100%;
  /*font-family: Raleway, sans-serif;*/
  font-family:'Proxima Nova Bold';
  color: #859099;
  float:right;
  display:none;
  border-top:1px solid #32784a;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 45px;
  cursor: pointer;
  z-index: 2;
  /*font-size: 16px;*/
  font-size: 10pt;
  text-decoration: none;
  color: #859099;
  /*background: #32784a;*/
  background: #ffffff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  text-align:left;
}
#cssmenu > ul > li > a:hover {
  /*color: #d8f3f0;*/
  color:#859099;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #859099;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #859099;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 45px;
  text-align:left;
  cursor: pointer;
  z-index: 2;
  /*font-size: 14px;*/
  font-size: 10pt;
  text-decoration: none;
  /*color: #dddddd;*/
  /*background:#2c3033;*/
  color: #859099;
  background:#ffffff;
  font-family:'Proxima Nova Light';
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

@media only screen and (max-width: 767px) {
    .bx-controls{
        display:none;
    }

    #cssmenu ul li{
        margin-top:-1px;
    }
    #ResponsiveMenuButton{
        display:block;
    }

    .FooterGeneralContainer{
        height:initial;
    }

    .FooterGeneralContainer .FooterLeftContainer{
        width:160px;
        margin-left:25%;
        margin-top:10px;
    }

    .FooterGeneralContainer .FooterLeftContainer .FooterSocialLinks ul{
        padding-left:0;
    }

    .FooterGeneralContainer .FooterLeftContainer .FooterSocialLinks ul li{
        margin-left:11px;
    }

    .FooterGeneralContainer .FooterRightContainer{
        font-size:7pt;
        width:340px;
    }

    .FooterGeneralContainer .FooterRightContainer .CopyrightContainer{
        width:100%;
    }

    .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul{
        margin:0;
        padding: 0;
    }

    .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul li{
        margin: 32px 0 0 10px;
    }

    .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul li figure a img{
        height:13px;
    }

    .FooterGeneralContainer .FooterRightContainer .CopyrightContainer ul li.FooterLogoDivider{
        height:25px;
    }  
}

@media only screen and (max-width: 769px) {
    /*.FooterGeneralContainer .FooterLeftContainer{
        margin:20px 0 0 0;
        width:200px;
    }
    .FooterGeneralContainer .FooterRightContainer{
        width:545px;
    }*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main-top header .NavigationContainer .GrafitypLogo{
        margin: 2px 0 0 6%;
    }

    .main-top header .LangAndLinks ul.HeaderTopLinks{
        font-size:9pt;
    }

    .main-top header .NavigationContainer .NavigationLinks{
        width: 61%;
        margin: 2px 4% 0 0;
        font-size:9pt;
    }

        .main-top header .NavigationContainer .NavigationLinks ul{
            padding-left:18px;
        }

            .main-top header .NavigationContainer .NavigationLinks ul li{
                margin: 36px 0 0 23px;
            }

            .main-top header .NavigationContainer .ProductsSubMenu{
                font-size:11pt;
                /*text-align:center;*/
                /*width:768px;
                margin:0 auto;*/
            }

                .main-top header .NavigationContainer .ProductsSubMenu ul li{
                    /*width:250px;*/
                    /*width: 180px;*/
                    width: 23vw;
                    font-size: 8.5pt;
                }

                    .main-top header .NavigationContainer .ProductsSubMenu ul li a .ProductSubMenuTxt{
                        margin-top:4px;
                    }
}

@media only screen and (min-width: 1025px) and (max-width: 1134px) {
    .main-top header .NavigationContainer .GrafitypLogo {
        margin: 2px 0 0 10%;
    }

    .main-top header .NavigationContainer .NavigationLinks ul {
    padding-left: 18px;
    }
}