.PantoneCreative {

    float:right;

    width:auto;

    margin-top: 43px;

}



.PantoneCreative a:nth-child(1) {

    margin-right: 10px;

    margin-top: 2.5px;

    color: #767674;

    font-size: 12px;

    font-family: "ProximaNova-Regular";

}



.PantoneCreative a {

    float: left;

    position: relative;

}



.PantoneCreative a::before {

    width: 0;

    height: 25px;

    content: "";

    position: absolute;

    /*margin-top: 24px;*/

    background: url(../img/ico/pantone-creative.png) no-repeat;

    transition: all .4s !important;

    -webkit-transition: all .4s !important;

    -moz-transition: all .4s !important;

    -o-transition: all .4s !important;

    -ms-transition: all .4s !important;

}



.PantoneCreative a:hover::before {

    width:115px;

}



.PantoneCreative a:nth-child(1)::before {

    display:none;

}



a[href^=tel] { color: inherit; text-decoration: none; }

select {

   -webkit-appearance: menulist-button;

}



.socialLeftMenuArea {

   display: none;

}



.mainContainerLeft .sec2Middle {

   margin-top: 10px;

}



nav ul li:nth-child(2) a {

    position: relative;

    z-index: 99;

}



.mblLinkBlock {

    display: none;

}





.sec3Left1 {

    height: 262px;

    background: #e3e2e2;

    padding: 0 30px;

    padding-top: 30px;

}



.fancybox-opened {

    z-index:9999;

}



    .sec3Left1 h2 {

        color: #666;

        float: left;

        font-size: 24px;

        font-family: "ProximaNova-Black";

    }



    .sec3Left1 p {

        font-size: 14px;

        color: #999;

        max-width: 241px;

        float: left;

        margin-top: 15px;

    }



    .sec3Left1 .formArea {

        width: 100%;

        float: left;

        margin-top: 40px;

    }



        .sec3Left1 .formArea input[type="text"], .sec3Left1 .formArea input[type="email"] {

            border: none;

            width: 100%;

            background: #fff;

            height: 39px;

            font-size: 14px;

            color: #1d1d1b;

            float: left;

            padding: 0 15px;

            outline: none;

            margin-bottom: 10px;

        }



        .sec3Left1 .formArea input[type="email"] {

            float: left;

        }



        .sec3Left1 .formArea input[type="submit"] {

            width: 100%;

            height: 40px;

            float: left;

            background: #9da163;

            color: #fff;

            border: none;

            cursor: pointer;

            padding: 0 15px;

            text-align: left;

        }



        .sec3Left1 .formArea i {

            color: #fff;

            font-size: 18px;

            float: right;

            margin-right: 15px;

            margin-top: -30px;

        }



.aksesStandard4 {

    margin-top: 0;

    margin-bottom: 30px;

}



.mainContainerRight p {

    float: none !important;

    width: auto!important;

}



.mainContainerRight h1, h2, h3, h4, h5, h6 {

    float: none !important;

    width: auto!important;

}



.mainContainerRight h4 {

    color: #999;

    font-size: 16px;

    padding-left: 15px;

    line-height: 25px;

    margin-bottom: 5px;

    font-family: "ProximaNova-Bold";

}



.certificate {

	position: relative;

}



.certificateAreaTop  {

	position: relative;

	height: calc(100% - 29px);

}



.certificateAreaTop a {

	/*width: 200px;*/

	display: table;

	margin: 0px auto;

	position: relative;

}



.inputGroup {

	margin-bottom: 15px;

}



.myModal p {

	margin-bottom: 15px;

}



.sec2LeftArea {

	margin-top: 30px;
	height: 263px;

}



.sec2LeftArea a {

	margin-top: 10px;

}



.refs {

	margin-top: 15px;

}



.calo {

	position: absolute;

	bottom: 30px;

	margin: 0;

	width: 100%;

}



.productSlide {

    margin-top: -102px;

}



.tabContentArea img {

    max-width: 100% !important;

}



.sec3Left2 h2 {

    float: right !important;

}



.slider .bx-pager-item a {

    border-radius: 0 !important;

    height: 3px !important;

}



.aksesStandard div h3 {

  width: 50%!important;

  float: left!important;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.aksesStandard div p {

  width: 50%!important;

  float: left!important;

  clear: both;

  margin-top: 0;

}

.aksesStandard div a {

  width: 45%!important;

  float: right!important;

  /*clear: both;*/

  margin-top: -43px;

}



.aksesStandard div article {

  height: auto;

}



.aksesStandard div {

  height: 76px;

  padding: 15px 30px;

}



.productArea:hover {

    background: #141413;

}



.owlLeft p , .owlLeft h3 {

	padding-right: 15px;

}



.sec3Left2 h2 {

  max-width: 131px;

}



.modalContent {

    overflow-x: scroll;

}



.thanksForForm {

    overflow-x: scroll;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 10002;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    display: block;

}



.thanksForFormContent {

    width:422px;

    float:left;

    padding:30px;

    background:#fff;

}



.thanksForFormContent span {

    width:78px;

    height:78px;

    display:table;

    margin: 0px auto;

    background:url(../img/ico/netliftTick.png) no-repeat;

    margin-bottom:30px;

}



.thanksForFormContent p {

    color: #1d1d1b;

    line-height: 22px;

    font-size: 24px;

    width: 100%;

    text-align: center;

    margin-bottom:30px;

}



.thanksForFormContent a {

    width:100%;

    float:left;

    height:52px;

    color:#fff;

    font-family: "ProximaNova-Black";

    font-size:24px;

    background:#e7a300;

    text-align:center;

    line-height:50px;

}



  .inputGroup input[type="button"] {

    width: 86px;

    height: 102px;

    float: right;

    border: none;

    color: #fff;

    font-family: "ProximaNova-Bold";

    font-size: 14px;

    outline: none;

    margin-top: -102px;

    background: /*url(../img/ico/fly.png) center center no-repeat*/ #123486;

    cursor: pointer; }



.myModal input[type="text"] , .myModal input[type="email"] , .myModal textarea {

     -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.myModal input[type="text"].val , .myModal input[type="email"].val , .myModal textarea.val , .inputGroup span.val {

    border:1px solid #dc1e1e;

}



.inputGroup span.val div {

    height:48px;

}



.selectGroup2 {

    float: left;

    position: relative;

    margin-top: 30px;

    margin-bottom: 20px;

}

.selectGroup2 span {

    width: 181px;

    height: 38px;

    float: left;

    clear: both;

    background: #9da163;

    position: relative;

    z-index: 10;

    cursor: pointer;

}

.selectGroup2 span b {

    float: left;

    line-height: 38px;

    font-family: 'Open Sans', sans-serif;

    font-weight: bold;

    font-size: 14px;

    text-indent: 9px;

    color: #fff;

}

.selectGroup2 span i {

    float: right;

    margin-right: 15px;

    margin-top: 9px;

    color: #fff;

    font-size: 20px;

}



.cMap .cMapArea a  {

   width: 100%;

   height: 100%;

}



.cMap .cMapArea a img {

   width: 100%;

   height: 100%;

}



.cMapRight a {

   position: relative;

   overflow: hidden;

   -webkit-transition: all 0.3s ease-in;

   -moz-transition: all 0.3s ease-in;

   -o-transition: all 0.3s ease-in;

   transition: all 0.3s ease-in;

}



.cMapRight a:hover {

   /*border: 2px solid #fff;*/

   background: #e7a300;

}



.cMapRight a::before {

   content: attr(data-hover);

   position: absolute;

   top: 0px;

   left: -106%;

   -webkit-transition: all 0.3s ease-in;

   -moz-transition: all 0.3s ease-in;

   -o-transition: all 0.3s ease-in;

   transition: all 0.3s ease-in;

   color: #fff;

   font-size: 14px;

   border: 2px solid #e7a300;

   border-radius: 20px;

   background: #e7a300;

   width: 178px;

   height: 40px;

   line-height: 34px;

   text-align: center;

   font-family: "ProximaNova-Semibold";

}



.cMapRight a:hover::before{

   left:0px;

}



.productArea {

   position: relative;

}

.productAreaLeft a {

   position: absolute;

   float: none;

   left: 30px;

   bottom: 30px;

}



footer .social {

   /*width: auto;*/

}



.social ul li {

   padding: 0 15px;

}



.pantoneLogo {

   float: right;

   position: relative;

   z-index: 99;

   margin-top: -21px;

   margin-bottom: -5px;

}



.pantoneLogo a {

   width: 115px;

   height: 25px;

   float: left;

   background: url(../img/ico/logo_pantone.png) no-repeat;

}



.pantoneLogo a:hover {

   background: url(../img/ico/pantoneActive.png) no-repeat;

}



.footerMiddle ul li {

   margin-bottom: 5px;

}



.adresGroup {

   margin-bottom: 3px;

}



.footerMiddle h3 {

   padding-bottom: 26px;

}



.myModalArea {

   /*display: none;*/

}



.successfulModal {

    width: 495px;

    height: auto;

    float: left;

    position: relative;

    background: #fff;

    padding: 40px 30px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    margin-top: -1500px;

    /*display: none;*/

}



.successfulModal.modalActive  {

   /*display: block;*/

   -webkit-transition: all 0.2s ease-in;

       -moz-transition: all 0.2s ease-in;

       -o-transition: all 0.2s ease-in;

       transition: all 0.2s ease-in;

       margin-top: 0;

}



.successfulModal span {

   width: 60px;

   height: 60px;

   display: table;

   margin: 0px auto;

   margin-bottom: 30px;

}



.successfulModal.successfullM span {

   background: url(../img/ico/netliftTick.png) no-repeat;

   background-size: 60px;

}



.successfulModal h3 {

   font-size: 24px;

   color: #1d1d1b;

   float: left;

   width: 100%;

   text-align: center;

   font-family: "ProximaNova-Black";

   margin-bottom: 30px

}



.successfulModal a , .nat{

   width: 100%;

   height: 40px;

   font-family: "ProximaNova-Bold";

   font-size: 24px;

   color: #fff;

   text-align: center;

   line-height: 40px;

   float: left;

   background: #e7a300;

   cursor: pointer;

}



.productsForklift .productArea {

   height: 274px;

}



.productsForklift .productArea .productAreaLeft {

   width: 100%;

}



.productsForklift .productArea .productAreaLeft h3 {

   text-align: center;

   margin-bottom: 15px;

}



.productsForklift .productArea .productAreaLeft a {

   float: none;

   position: relative;

   bottom: auto;

   left: auto;

   display: table;

   margin: 0 auto;

}



.productsForklift .productArea .productAreaRight {

   width: 100%;

}



.productsForklift .productArea .productAreaRight img {

   display: table;

   margin: 0px auto;

   float: none;

   margin-bottom: 15px;

}



.openingModal {

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 10002;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    overflow-x: scroll;

}



.openingModal .ort1 {

   overflow: auto;

}



.openingModal .myModal {

   margin-top: 0;

   padding: 30px;

   display: block!important;

   width: 800px;

}



.openingModal .myModal img {

   width: 100%;

}



.openingModalClose {

   width: 50px;

   height: 50px;

   position: absolute;

   left: 0;

   top: -50px;

   background: url(../img/ico/modalClose.jpg) no-repeat;

   background-size: 50px;

}



.myModalClose {

   top: -50px;

   left: 0;

}



.contactGroup .inputGroup input[type="submit"] {

	width: 80px;

	background: #e7a300!important;

	color: #fff;

    font-family: "ProximaNova-Bold";

    font-size: 14px;

    outline: none;

}



.contactGroup .inputGroup textarea {

  height: 140px;

}



.contactGroup .inputGroup input[type="button"] {

    height: 140px;

    margin-top: -140px;

}



.LetsCallArea , .thnxModal {

	width: 100%;

    height: 100%;

    position: fixed;

    z-index: 10002;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}



.thnxModal {

  display: none;

}



.LetsCallArea .myModal {

	/*margin-top: 0;*/

}

.LetsCallArea .myModal .bg2 {

	display: none;

}



.LetsCallArea .myModal .inputGroup input[type="button"] {

    width: 100%;

    height: 50px;

    float: right;

    border: none;

    color: #fff;

    font-family: "ProximaNova-Bold";

    font-size: 14px;

    outline: none;

    margin-top: 0;

    background: /*url(../img/ico/fly.png) center center no-repeat*/ #e7a300;

    cursor: pointer;

}



.sliderInslider h2 {

  font-size: 49px;

  letter-spacing: -3px;

}



.sliderInslider h3 {

  font-size: 74px;

  margin-top: 10px;

  letter-spacing: -3px;

}



.myModal {

  /*margin-top: -1000px;*/

}



.refs a {

  background: none;

  margin: 0;

  padding: 0;

  width: auto;

  height: auto;

}



.slider .bx-pager-item:first-child {

  margin-left: 217px;

}



.InAdress a {

    float: none!important;

    border: none!important;

    border-radius: 0!important;

    background: #fff;

    width: auto!important;

    height: auto!important;

    line-height: 18px!important;

    text-align: left!important;

    font-family: "ProximaNova-Regular";

    margin-left:0!important;

    font-size: 14px!important;

    color: #999!important;

    margin-top: 2px!important;    

}



.InAdress a::before {

    display: none!important;

}



.searchArea input[type="submit"] {

	display: none;

}



/*loading*/



.loading {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background: #535353;

  /*background: -webkit-linear-gradient(left, #424242, #424242);

	background: -o-linear-gradient(right, #424242, #5d5858);

	background: -moz-linear-gradient(right, #424242, #5d5858);

	background: linear-gradient(to right, #424242, #5d5858);*/

  z-index: 999999;

  overflow: hidden; }



.loadImg {

  width: 140px;

  height: 100%;

  display: block;

  margin: 0px auto; }



.loadImg img {

  width: 50px; }



/*.ort1 {

  display: table;

  height: 100%;

  margin: 0px auto; }



.ort2 {

  display: table-cell;

  vertical-align: middle; }*/



.ort1Load img {

    width:140px;

}



.content {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  font-size: 0; }



/** {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}*/

.loader-circle {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 140px;

  height: 140px;

  border-radius: 50%;

  /*box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 1);*/

  margin-left: -70px;

  margin-top: -70px; }



.loader-line-mask {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 70px;

  height: 140px;

  margin-left: -70px;

  margin-top: -70px;

  overflow: hidden;

  -webkit-transform-origin: 70px 70px;

  -moz-transform-origin: 70px 70px;

  -o-transform-origin: 70px 70px;

  -ms-transform-origin: 70px 70px;

  transform-origin: 70px 70px;

  -webkit-mask-image: -webkit-linear-gradient(top, #000000, transparent);

  -webkit-animation: rotate 1.2s infinite linear;

  -moz-animation: rotate 1.2s infinite linear;

  -o-animation: rotate 1.2s infinite linear;

  animation: rotate 1.2s infinite linear; }



.loader-line-mask .loader-line {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 1); }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg); } }



@-moz-keyframes rotate {

  0% {

    -moz-transform: rotate(0deg); }

  100% {

    -moz-transform: rotate(360deg); } }



@-o-keyframes rotate {

  0% {

    -o-transform: rotate(0deg); }

  100% {

    -o-transform: rotate(360deg); } }



@keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg); } }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg); } }



@-moz-keyframes rotate {

  0% {

    -moz-transform: rotate(0deg); }

  100% {

    -moz-transform: rotate(360deg); } }



@-o-keyframes rotate {

  0% {

    -o-transform: rotate(0deg); }

  100% {

    -o-transform: rotate(360deg); } }



@keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg); } }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@-moz-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@-o-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@-moz-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@-o-keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



@keyframes fade {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.25; } }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@-moz-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@-o-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



lesshat-selector {

  -lh-property: 0; }



@-webkit-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@-moz-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@-o-keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@keyframes fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }







/*loading*/





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

  .sliderInslider h2 {

      font-size: 40px;

  }

  .sliderInslider h3 {

       font-size: 50px; 

      margin-top: -3px;

      letter-spacing: -1px;

  }

}



@media only screen and (max-width: 1199px) and (min-width: 768px){

  .productAreaRight img {

    width: 140%;

  }

  .forkliftproductsImg .productAreaRight img {

  	width: auto;

  	max-width: 100%;

  }

}



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

        .PantoneCreative {

            float:left;

        }

      .slider .bx-pager-item:first-child {

        margin-left: 0;

      }

      .sliderInslider h2 {

          font-size: 30px;

          letter-spacing: -2px;

      }

      .sliderInslider h3 {

          font-size: 35px;

          margin-top: -1px;

          letter-spacing: 0px;

      }

      nav ul li:nth-child(1) a, nav ul li:nth-child(2) a {

        /*display:none;*/

    }



    .mblLinkBlock {

        display: block !important;

        margin-top: -61px !important;

    }

    .pantoneLogo {

      clear: both;

      float: left;

      margin-top: 35px;

   }

   .sec2LeftArea {

      margin-top: 30px;

   }

   .aksesStandard div {

    height: 102px;

   }

   .aksesStandard div a {

    margin-top: -50px;

   }

   .productAreaLeft {

   	height: 100%;

   }   

   .productAreaLeft a {

   	bottom: 0;

   	left: 0;

   }

}

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

        .PantoneCreative {

            padding-top: 20px;

            display:table;

            margin:0px auto;

            float:none;

        }

        .sec3Left1 .formArea input[type="text"], .sec3Left1 .formArea input[type="email"] {

            width:100%;

        }

       .sec3Left1 .formArea input[type="email"] {

           float:left;

        }



      .sliderInslider h2 {

          font-size: 15px;

      }

      .sliderInslider h3 {

          font-size: 20px;

      }      

      .sliderInslider p {

        display: none;

      }



    .productSlide {

        margin-top:-30px;

    }

    .bannerLeft h1 {

        font-size:35px;

    }

    .sec3Left1 {

      height: auto;

      padding-bottom: 30px;

   }

   .myModal h2 {

      font-size: 18px;

   }

   .myModal p {

      margin-top: 10px;

      line-height: 16px;

      margin-bottom: 10px;

      font-size: 12px;

   }

   .inputGroup {

      margin-bottom: 10px;

   }

   .myModal {

      padding: 30px;

   }

   .inputGroup input[type="text"], .inputGroup input[type="email"] , .inputGroup span , .inputGroup select {

      height: 30px;

      font-size: 12px;

   }

   .inputGroup span {

      line-height: 30px;

   }

   .inputGroup span div {

      height: 30px;

      width: 30px;

   }

   .inputGroup span div i {

      margin-top: 4px;

   }

   .inputGroup select {

      margin-top: -30px;

   }

   .inputGroup textarea {

      height: 50px;

   }

   .inputGroup label {

      font-size: 12px;

   }

   .inputGroup input[type="button"] {

      height: 50px;

      margin-top: -50px;

      position: relative;

   }

   .bannerLeft h1 {

      font-size: 24px;

      letter-spacing: 0;

   }

   .productAreaLeft a {

      position: relative;

      float: none;

      left: auto;

      bottom: auto;

   }

   .cMapArea {

      height: auto!important;

   }

   .productAreaLeft {

      margin-top: 30px;

   }

   .productsForklift .productArea {

      height: auto;

   }

   .successfulModal {

      width: 90%;

      display: table;

      float: none;

   }

   .successfulModal.modalActive {

      margin: 0px auto;

   }

   .myModal {

      width: 90%;

      float: none;

      display: table;

      margin: 0px auto;

   }

   .myModalClose {

      left: 0;

      top: -50px;

      z-index: 9;

   }

   .bg2 {

      display: none;

   }

   .sec3Left2 h2 {

      margin-top: 102px;

   }

   .aksesStandard div h3 {

    width: 100%!important;

   }   

   .aksesStandard div p {

    width: 100%!important;

   }

   .aksesStandard div {

    height: auto;

   }

   .aksesStandard div a {

    margin-top: 15px;

    width: 100%!important;

   }

   .openingModal .myModal {

   	width: 270px;

   	padding: 20px,

   }

   .sec2LeftArea {

   	height: auto!important;

   }

}