/* CSS Document */

/*
Theme Name: AbcGrupp
Version: 3.5.1
Author: Gensofts
Author URI: www.gensofts.net
Description: This theme belongs to ABC Grupp
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
*/

/**
 * My Extension to some open source application
 *
 *  Copyright 2016 by ABC Grupp
 *
 * This file is part of some open source application.
 * 
 * Some open source application is free software: you can redistribute 
 * it and/or modify it under the terms of the GNU General Public 
 * License as published by the Free Software Foundation, either 
 * version 3 of the License, or (at your option) any later version.
 * 
 * Some open source application is distributed in the hope that it will 
 * be useful, but WITHOUT ANY WARRANTY; without even the implied warranty 
 * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @license GPL-3.0+ <http://spdx.org/licenses/GPL-3.0+>
 */

/* CSS Document */

/* Fix css */
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box;}
html{ margin:0px; padding:0px;}
body{ color:#656262; font-size:15px; font-family: 'GraphikRegular'; background:#FFF; }
h1, h2, h3, h4, h5, h6, span, label, p, input, select, textarea, img, ul, ol, ol, em, center, u, pre, header, section, footer, aside, nav, main, article, figure, figcaption {margin:0px; padding:0px; font-weight:normal; list-style:none; line-height:inherit;}
a img{ border:0px; outline:0px;}
a{text-decoration:none; color:#1a8ec4; outline:none; transition: all 0.5s ease 0s;}
a:focus,img,input,select,button, textarea{ outline:none; font-family: 'GraphikRegular';}
ul li{ list-style:none;}
a:hover{ color:#000; text-decoration:none;}
img{border:none; outline:none; max-width:100%; height:auto;}
::-moz-placeholder{ opacity:1; }
input, button, select{}
.clear{ clear:both;}
textarea{ resize:none;}

.wrapper{ width:1140px; margin:0 auto;}



/* Fix css */



/* Banner css start here */

.banner{ width:100%; float:left; position:relative;}
.banner img.bannerimage{ width:100%;}

.banContent{ width:100%; float:left; position:absolute; top:0; left:0; text-align:center;}

.logo{ width:100%; float:left; text-align:center; margin:20px 0 0;}

.banContent ul{ width:100%; float:left; text-align:center; background:url(images/bg-1.png) no-repeat center bottom; padding-bottom:10px; margin:130px 0 25px;}
.banContent ul li{ display:inline-block; font-size:24px; line-height:40px; color:#fff;font-family: 'montserratbold'; text-transform:uppercase; letter-spacing:4px; 
margin:0 70px;}
.banContent p{ font-size:22px; line-height:28px; color:#fff;font-family: 'latolight';}

.banContent p a{ display:inline-block; color:#fff; background:#ebb014; font-size:18px; padding:18px 30px; border-bottom:4px solid #c9950c; margin:55px 0 0;
font-family: 'GraphikRegular';}
.banContent p a:hover{ background:#889ac1;border-bottom:4px solid #6a81b1;}

.banContent2{ width:100%; float:left; position:absolute; top:0; left:0; text-align:center;}

.hmp{ width:100%; float:left; text-align:center;font-family: 'latolight';}

.hmp h2{font-size:24px; line-height:40px; color:#fff;font-family: 'montserratbold';letter-spacing:4px; text-transform:uppercase; margin:90px 0 20px;}

.hmp ul{ width:250px; text-align:center; margin:0 auto; padding:12px 30px; background:url(images/bg2.png) repeat;}
.hmp ul li{ display:inline-block; color:#fff; font-size:18px; background:url(images/dvdier2.png) no-repeat right center; padding:0 8px 0 0;}
.hmp ul li a{color:#fff; font-size:18px;}
.hmp ul li:last-child{ background:none;}
.hmp ul li a:hover{color:#889ac1;}



.des{ position:absolute; bottom:-100px; left:0; width:100%; text-align:center; float:left;}
.des a{ padding:0; margin:0; border:0; float:none; }
.bounce {
    -webkit-animation: bounce 3s infinite;
    animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); }
  40% {-webkit-transform: translateY(-20px); }
  60% {-webkit-transform: translateY(-2px); } }
@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
  40% {-moz-transform: translateY(-15px); }
  60% { -moz-transform: translateY(-2px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
    transform: translateY(0); }
  40% {-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-o-transform: translateY(-15px);
    transform: translateY(-15px); }
  60% { -webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-ms-transform: translateY(-2px);-o-transform: translateY(-2px);
    transform: translateY(-2px); } }

/* Scroll down indicator (bouncing) */



/* Banner css end here */


/* Navigation css start here */

.scroll-to-fixed-fixed{ top:25px!important; background:#fff!important; border-bottom:1px solid #e2e2e2;}

.navigation{ width:100%; float:left; background: url(images/nav-bg.png) no-repeat center top; padding:27px 0 0; margin:-34px 0 0; position:relative;}

.nav{ float:left;}
.nav ul{ margin:0 0 0px; padding:0;}
.nav ul li{ display:inline-block; margin-right:30px; position:relative; padding-bottom:30px ; }
.nav ul li.Drop:after{ background: url(images/drd.png) no-repeat right center; position:absolute; top:6px; right:-14px; content:""; width:9px; height:6px;}
.nav ul li a{ font-size:14px; color:#333333; text-transform:uppercase;}
.nav ul li a:hover, .nav ul li.active a{ color:#889ac1;}
.nav ul li:last-child{ margin-right:15px;}
#menu-menu-1 li:nth-child(2), #menu-menu-1 li:nth-child(3), #menu-menu-1 li:nth-child(4), #menu-menu-1 li:first-child{min-width:80px;}
.navMar{ margin-left:210px;}

.nav ul li a img{ vertical-align:middle;}

/*.nav ul li ul{ display:none;}
.nav ul li:hover ul{ display:block; position:absolute; top:100%; left:0; width:120px; border:1px solid #000;}
.nav ul li:hover ul li{ padding:5px 15px; border-bottom:2px solid #889ac1; width:100%;}
*/

.nav ul li ul{ display:none;}
.nav ul li:hover ul{ display:block; position:absolute; left:0; top:100%; background:#FFF; border:1px solid #f2f2f2; width:250px;}
.nav ul li:hover ul li{ padding:0px 0px; margin:0px; border-bottom:1px solid #f2f2f2; width:100%; float:left;}
.nav ul li:hover ul li a{ margin:0px; width:100%; float:left; padding:10px 10px; font-size:13px; color:#333333}
.nav ul li:hover ul li:hover a{ background:#f2f2f2}


.srch{ float:right;}
.srch ul{ margin:0; padding:0;}
.srch ul li{ display:inline-block; background:url(images/dvider.jpg) no-repeat right; padding:0 15px; position:relative;}
.srch ul li a{ font-size:15px; color:#333333; display:block;}
.srch ul li:last-child{ background:none; padding-bottom:22px;}

.search1{background:url(images/srch.png) no-repeat center;cursor: pointer;float: left;position: relative;width: 20px; height:20px; }

.searchBar{display: none;position: absolute;right:-18px;top: 20px; width: 350px;z-index:9; padding-top:25px;}

.search1 input[type="text"], .search1 input[type="search"] {color: #333333;float: left;font-size: 16px;height: 45px;padding: 10px;width:65%; border:4px solid #e2e2e2; border-right:0;}
.search1 button{ width:35%; float:left; background:#ebb014; color:#fff; font-size:16px; height:45px; border:4px solid #e2e2e2; border-left:0;cursor:pointer;}
.search1 button:hover{background:#889ac1;}
.search1 input[type="submit"]{ width:35%; float:left; background:#ebb014; color:#fff; font-size:16px; height:45px; border:4px solid #e2e2e2; border-left:0;cursor:pointer;}
.search1 input[type="submit"]:hover{background:#889ac1;}

.srch h1{ font-size:18px;}
.srch ul li ul{ display:none;}
.srch ul li:hover ul{ display:block; position:absolute; top:100%; right:0; width:115px!important; padding:10px 8px 0;background:#ebeaea!important; }
.srch ul li:hover li{ padding:0!important; width:100%!important; line-height:20px;}
.srch ul li:hover li a{ width:100%; display:block; padding:7px 0!important;}
.srch ul li:hover li a:hover{ color:#889ac1;}

.srch ul li ul{  position:absolute; top:100%; right:0; width:115px!important; padding:10px 8px 0;background:#ebeaea!important; }
.srch ul li li{ padding:0!important; width:100%!important; line-height:20px;}
.srch ul li li a{ width:100%; display:block; padding:7px 0!important;}
.srch ul li li a:hover{ color:#889ac1;}
.srch select{ width:90px; height:25px; border:1px solid #000; font-size:14px; color:#333333; padding-left:5px;}


.qtranxs_widget ul li{ margin:0!important;}
.qtranxs_widget ul{ width:100px!important; background:#ebeaea!important;}


/* Navigation css end here */




/* Middle css start here */


.middle{ width:100%; float:left;}


.intro{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:35px 0;}

.intro h1{ font-size:40px; color:#333333;}
.intro p{ font-size:16px; line-height:26px; color:#333333; margin:35px 0 0;}
.introLeft{ width:450px; float:left; background:url(images/intro.png) no-repeat center; padding:95px 0;}
.introRight{ width:605px; float:right;}



.latNews{ width:100%; float:left; padding:70px 0 60px;}
.latNews h2{ text-align:center; font-size:36px; color:#333333; margin:0 0 20px;}
.latNews h2 span{ margin:0 0 15px;}

.latNews ul{ width:100%; float:left; margin:0; padding:0;}
.latNews ul li{ width:50%; float:left; margin:60px 0 0; min-height:100px;max-height:100px;}
.latNews ul li .date{ width:82px; height:82px; float:left; border:2px solid #d6d6d6; border-radius:100%; text-align:center; padding:5px 0; margin-right:26px;}
.latNews ul li .date h4{ font-size:14px; color:#889ac8; line-height:22px;font-family: 'GraphikRegular';font-weight:bold;}
.latNews ul li .date h4 span{ font-size:26px; display:block;}

.latNews h3{ font-size:16px; color:#333333;line-height:22px;font-family: 'GraphikRegular'; margin:0 0 20px;font-weight:bold;}
.latNews p{ font-size:16px; line-height:24px; color:#333333; padding:0 40px 0 110px; }
.latNews p a{ color:#ebb014;}
.latNews p a:hover{ text-decoration:underline;}
.news-content ul li{list-style-type:circle; margin-left:25% !important; margin-bottom: 5px !important; border:none !important; padding:5px !important;width: 70% !important;}
.news-content h2{margin-left:160px  !important;}
.news-content h1 {font-size: 20px !important; color: #333333; line-height: 22px; font-family: 'GraphikRegular'; font-weight: bold; margin: 10px 0 !important;}

.areaInvol{ width:100%; float:left; background:#fff;text-align:center; padding:60px 0;}
.areaInvol h2{ font-size:36px; color:#333333; margin:0 0 10px;}
.areaInvol h2 span{ margin:0 0 15px;}
.areaInvol h4{  font-size:16px; color:#333333; letter-spacing:1px; margin:0 0 40px;}

.areaInvol .areaCol{background: url(images/intro-bg.jpg) repeat;text-align:center; padding-bottom:8px; min-height:310px;}
.areaInvol .areaCol span,
.areaInvol .areaCol div{ width:100%; height:130px; display:table; text-align:center; background:url(images/ar-span.jpg) no-repeat center bottom;}
.areaInvol .areaCol span h4,
.areaInvol .areaCol div h4{ width:100%; height:100%; vertical-align:middle; display:table-cell; font-size: 0;}
.areaInvol .areaCol img {display:block;margin-left:auto;margin-right:auto;}

.areaInvol h3{ font-size:16px; color:#333333; line-height:26px; margin:20px 0;font-family:'GraphikRegular';font-weight:bold;}
.areaInvol h3 a{ color:#333333;}

.areaInvol p a{ display:block; font-size:16px; line-height:26px; color:#333333; }
.areaInvol p a:hover{ color:#889ac8;}

.areaInvol ul li:hover h3{color:#889ac8;}


.areadiv{ width:100%; float:left;}
.areadiv h1{font-size:36px; color:#333333; margin:0 0 10px;text-align:center;}
.areadiv ul { padding:0px; margin:0px;}
.areadiv ul li {background: #fff; border: 1px solid #e3e3e3; display: table; float: left;height: 140px; margin: 22px 1% 1%; padding: 20px; text-align: center;
  width: 23%;}
.areadiv ul li .date {display: table-cell; height: 100%; vertical-align: middle; width: 100%;}
.areadiv ul li h2 {color: #333333; font-family: 'GraphikRegular';font-weight:bold; font-size: 16px; line-height: 22px; margin: 10px 0; text-transform:uppercase}
.areadiv ul li a{ color:#ebb014}
.areadiv ul li a:hover{ text-decoration:underline}
.areadiv ul li img{ height:30px;width:auto;}


/* Middle css end here */




/* Footer css start here */

.footer{ width:100%; float:left;}

.ftop{ width:100%; float:left; background:url(images/ftop.jpg) repeat-x; text-align:center; padding:72px 0; position:relative; background-size: 100% 100%;
background-repeat:no-repeat;}
.ftop p{ font-size:25px; line-height:34px; color:#fff;}

.ftop:after{ content:''; position:absolute; bottom:-20px; left:0; width:100%; background:url(images/ftop-bg.png) no-repeat center; height:30px;}

.fContent{ width:100%; float:left; padding:40px 0;}
.fContent h1,
.fContent .footer-title { font-size:22px; color:#333333; margin:0 0 30px;}
.footer-title{ display:block;}
.fContent .fCol-1{ width:322px; float:left; padding:0 35px; position:relative;}
.fContent .fCol-1:after{ content:''; position:absolute; top:0; left:0; background:url(images/fcol-bg.png) repeat-y; width:2px; height:150px;}


.fContent ul{ width:50%; float:left; margin:0;}
.fContent ul#menu-menu-2,
.fContent ul#menu-menu-1-estonian-1,
.fContent ul#menu-menu-1-russian-1{ width:100%;}
.fContent ul li{ display:block; margin:0 0 20px; float:left;}
.fContent ul#menu-menu-2 li,
.fContent ul#menu-menu-1-estonian-1 li,
.fContent ul#menu-menu-1-russian-1 li{ width:50%;}
.fContent ul li a{ font-size:16px; color:#333333;}
.fContent ul li a:hover{ color:#889ac8;}

/* FontAwesome */

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: 
  url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
  url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
  url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
  url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fContent .fCol-2{ width:550px; float:left; padding:0 35px;}
.fContent .fCol-2 ul li{font-size:16px; color:#333333;}
.fContent .fCol-1 ul li img,.fContent .fCol-1 ul li i{ vertical-align:middle; margin-right:12px;color:#889AC8;}
.fContent .fCol-1 ul li i{ margin-bottom:4px;}
.fContent .fCol-3{ width:265px; float:left; padding:0 35px;}
.fContent .fCol-3 ul{ width:100%;}


.copyright{ width:100%; float:left; text-align:center; font-size:14px; color:#333333; padding:22px 0; background:#f4f4f6; border-top:1px solid #efeff1;}




/* Footer css end here */



/* Work with us page css start here */


.workWith{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:70px 0;}
.workWith .wth{ float:right; border:1px solid #d0d0d0; margin-left:8px;}
.workWith h1{ font-size:40px; color:#333333; margin:0 0 10px; text-align:center;}
.workWith h1 img{ vertical-align:middle; margin-right:25px;}
.workWith p{ font-size:16px; color:#333333; line-height:26px; margin-top:20px;}
.workWith p strong{ font-size:18px;font-family: 'GraphikRegular';font-weight:bold;}

.workWith ul{ width:100%; float:left; margin:0 0 30px; background:#fff;}

.workWith ul li{ display:inline-block; float:left; padding:10px; background:url(images/dvider.jpg) no-repeat right center; width:16%; text-align:center;}
.workWith ul li a{ font-size:15px; color:#333333; }
.workWith ul li a:hover, .workWith ul li.active a{ color:#889ac1;}
.workWith ul li:last-child{ background:none;}

/* Work with us page css end here */



/* REfrence page css start here */

.reference{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:70px 0 55px;}

.reference h1{ text-align:center; font-size:36px; color:#333333; margin:0 0 20px;}
.reference h1 span{ margin:0 0 15px;}

.links{ width:990px; margin:0 auto; }
.linksContent{ width:100%; float:left;background:#fff; border-radius:5px; border:1px solid #e9e9e9; padding:0 15px 15px 52px;}
.linksContent h2{ font-size:18px; color:#333333;font-family: 'GraphikRegular'; margin:25px 0 28px; font-weight:bold;}
.linkCol-1{ width:180px; float:left; padding:0; min-height:360px;}
.linkCol-1 ul{ margin:0; padding:0;}
.linkCol-1 ul li{ display:block; margin:0 0 15px;}
.linkCol-1 ul li a{ font-size:16px; color:#333333; background:url(images/lnk-bg1.png) no-repeat left center; padding-left:12px;}
.linkCol-1 ul li a:hover{ color:#889ac8;background:url(images/lnk-bg2.png) no-repeat left center;}

.linkCol-1 ul li:last-child{ margin-bottom:0;}

.linkCol-2{ width:460px;}
.linkCol-2 ul li{ width:50%; float:left;}


/* REfrence page css end here */




/* Contact page css start here */

.contact{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:70px 0 55px;}

.contact h1{ text-align:center; font-size:36px; color:#333333; margin:0 0 15px;}
.contact h1 span{ margin:0 0 15px;}
.contact h2{ text-align:center; font-size:16px; line-height:22px; color:#333333; }

.conT{ width:1035px; margin:40px auto;}

.contContent{ width:100%; float:left; background:#fff; padding:40px 0;}

.contForm{ width:660px; float:left; padding:0 55px 0 120px;}
.contForm h3{ color:#333333; font-size:15px ; text-transform:uppercase; margin:0 0 12px;text-align:left;}
.contForm h3 span{color:#889ac8; vertical-align:top;}
.contForm ul{ width:100%; float:left; margin:0; padding:0;}
.contForm ul li{ width:100%; float:left; margin:0 0 28px; padding:0;}

.contForm input[type=text], .contForm input[type=email]{ width:100%; height:50px; border:1px solid #dadada; font-size:14px; color:#cfcfcf; background:#fff; padding-left:14px;}
.contForm textarea{ width:100%; height:100px;border:1px solid #dadada; font-size:14px; color:#cfcfcf; background:#fff; padding:18px 0 0 14px;}

.contForm input[type=submit]{ width:182px; height:50px; color:#fff; background:#ebb014;border:0; border-bottom:4px solid #c9950c; font-size:18px;  cursor:pointer;}
.contForm input[type=submit]:hover{background:#889ac1;border-bottom:4px solid #6a81b1;}

.contAdd{ width:240px; float:left; }
.contAdd h3{ font-size:16px; color:#333333; text-transform:uppercase;font-family: 'GraphikRegular';font-weight:bold;}
.contAdd p{ font-size:16px; color:#333333; line-height:22px; margin:32px 0 0;}
.contAdd p a{font-size:16px; color:#889ac1;}
.contAdd p a:hover{text-decoration:underline;}

.contAdd ul{ margin:0; padding:0;}
.contAdd ul li{ padding:20px 0; border-bottom:1px solid #ebebeb;}
.contAdd ul li:last-child{ border-bottom:0;}
.contAdd h4{ float:left; margin:22px 24px 0 0;}
.contAdd h4 a:hover{ opacity:0.7;}


/* Contact page css end here */



/* Company page css start here */


.company{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:70px 0;}


.tabb.insidePortfolio.companyLeft > span > img {margin-left:50%;}
.companyLeft{ width:765px; float:left;}
.companyLeft h1{  font-size:32px; color:#333333; margin:15px 0 10px;text-align:center; font-weight:bold;}
.companyLeft h1 span{ margin:0 0 15px;}
.companyLeft h2{ font-size:30px; line-height:22px; color:#333333; margin:15px 0 10px; text-align:center; font-weight:bold;}
.companyLeft p{ font-size:16px; color:#333333; line-height:22px; margin:28px 0 0;}

.companyRight{ width:240px; float:right; background:#fff; margin:0 0 30px;}
.companyRight ul{ width:100%; padding:0 12px;}
.companyRight h3{ width:100%; float:left; background:#dfdfdf; font-size:18px; color:#676767; padding:14px 30px;font-family: 'GraphikRegular';font-weight:bold;}
.sidebar-title{ display: inherit !important; width:100%; text-align: left !important; float:left; background:#dfdfdf; font-size:18px; color:#676767; padding:14px 30px !important;font-family: 'GraphikRegular';font-weight:bold;}

.companyRight span{ width:100%; float:left; text-align:center; padding:20px 0;}

.companyRight ul li{ width:100%; float:left; padding:20px 0; background:url(images/resp-li.png) repeat-x bottom;}
.companyRight h4{ font-size:15px; color:#676767;font-family: 'GraphikRegular';font-weight:bold;}
.companyRight h4 img{ vertical-align:middle; margin-right:8px;}
.companyRight p{ font-size:15px; color:#333333; line-height:18px; margin:12px 0;}

.companyRight a{ display:inline-block; font-size:15px; color:#ebb014;}
.companyRight a:hover{ color:#889ac1; text-decoration:underline;}

.companyRight li#archives-2{ list-style:none;}
.companyRight li#archives-2 ul li a{color:#333333}
.companyRight li#archives-2 ul li a:hover{ color:#889ac1; text-decoration:none;}
.companyRight ul li:last-child{ background:none;}



/* Company page css end here */



/* News page css start here */

.news{ width:100%; float:left; background:url(images/intro-bg.jpg) repeat; padding:70px 0;}



.newsLeft{ width:845px; float:left;}
.newsLeft h1, .newsLeft .page-title{  font-size:36px; color:#333333; margin:0 0 20px;text-align:center;}
.newsLeft h1 span img{ vertical-align:middle; margin-right:20px;}
.news-page-title{font-size: 36px; color: #333333; margin: 0 0 20px; text-align: center}

.newsLeft ul{ width:100%; float:left; margin:0; padding:0;}
.newsLeft ul li{ width:100%; float:left; background:#fff; border:1px solid #ededed; margin:0 0 30px; padding:32px 15px;}
.newsLeft .date{ width:124px; height:124px; float:left; border-radius:100%; border:2px solid #d6d6d6; text-align:center; padding:25px 30px; margin:0 24px 0 10px;}
.newsLeft .date h3{ font-size:14px; color:#889ac8; line-height:26px;font-family: 'GraphikRegular';font-weight:bold;}
.newsLeft .date h3 span{ font-size:26px;}
.newsLeft h2{ font-size:16px; color:#333333; line-height:22px;font-family: 'GraphikRegular';font-weight:bold; margin:10px 0;}
.newsLeft p{ font-size:16px; line-height:22px; color:#333333;}
.newsLeft p a{ color:#ebb014;}
.newsLeft p a:hover{ text-decoration:underline;}

.newsRight{ width:240px; float:right;}



.pagination{ width:100%; float:left;text-align:center;}
.pagination ul{ margin:0; padding:0; text-align:center;}
.pagination ul li{ width:auto!important; display:inline-block; padding:0; float:none; margin:0 0 0 -6px;}
.pagination ul li a{ display:block; width:50px; height:44px; color:#8f8f8f; font-size:16px; line-height:44px; border:1px solid #e0e0e0; border-right:0;}
.pagination ul li a:last-child{ border-right:1px solid #e0e0e0;}
.pagination ul li a:hover{ color:#889ac8;}

.newsDetail h2{ font-size:20px; color:#333333; line-height:22px;font-family: 'GraphikRegular';font-weight:bold; margin:10px 0;}
.newsDetail p{ font-size:16px; line-height:26px; color:#333333; padding-left:160px; margin:0 0 25px;}

.pagination2{ width:100%; float:left; text-align:right;}
.pagination2 ul{ margin:0; padding:0; float:right;}
.pagination2 ul li{ width:auto!important; display:inline-block; padding:0; float:none; margin:0 0 0 -6px;}
.pagination2 ul li a{ display:block; width:78px; height:44px; color:#fff; background: #ebb014; font-size:16px; line-height:44px; border:1px solid #e0e0e0; border-right:0; text-align:center;}
.pagination2 ul li a:last-child{ border-right:1px solid #e0e0e0;}
.pagination2 ul li a:hover{ color:#fff; background:#889ac8}

/* News page css end here */


/* 404 page css start here */

.pnfound{ width:100%; float:left;  background:url(images/nav-bg.png) no-repeat center top; text-align:center; padding:85px 0;}
.pnfound h1{ font-size:202px; color:#333333;font-family: 'GraphikBold';}
.pnfound h2{ font-size:48px; color:#333333;}
.pnfound h3{ font-size:22px; color:#333333; margin:15px 0 30px;}
.pnfound p{ font-size:20px; color:#333333;}
.pnfound p a{ color:#889ac8; text-decoration:underline;}
.pnfound p a:hover{ color:#ebb014;}


/* 404 page css end here */



.search .workWith #searchform input[type=text]{ width:35%; height:50px; border:1px solid #dadada; font-size:14px; color:#cfcfcf; background:#fff; padding-left:14px; margin-top:25px;}
.search .workWith #searchform input[type=submit]{ width:182px; height:50px; color:#fff; background:#ebb014;border:0; border-bottom:4px solid #c9950c; font-size:18px;  cursor:pointer;}
.search .workWith #searchform input[type=submit]:hover{background:#889ac1;border-bottom:4px solid #6a81b1;}

.archive .hmp h2{font-size:0px;}


.div_1n { background: #fff; border: 1px solid #ededed; border-radius: 6px; float: left; margin: 23px 0 0; padding: 32px 15px; width: 100%;}
.div_1n h3 {
  color: #333333;
  font-size: 16px;
  font-family: 'GraphikRegular';
  font-weight:bold;
}
.div_1n p {
  color: #333333;
  font-size: 16px;
  line-height: 26px;
}
.div_1n p a{ color:#ebb014}


.langs{ display:none;}
.rulan .srch ul li.eng_flag a.lang2{ display:block;}
.etlan .srch ul li.eng_flag a.lang3{ display:block;}
.defaultpage p{ margin-top:20px;}


#menu-menu-1-russian .navMar {margin-left: 100px !important;}
.applePie, .srch ul li span, .nav ul li span, .companyRight span{ display:none;}
.wpml-ls-sub-menu .wpml-ls-display{display:inline;}
#lang_sel{display:inline-block;}
#lang_sel ul{background: white !important;min-width:135px;left: 0;}
#lang_sel ul li ul{padding-left:0;}
#lang_sel ul li{padding: 0 5px !important;background:none !important;}
.icl_lang_sel_native{display:initial !important;}


#archives-dropdown-2 { padding: 10px;
width: 100%; font-size: 15px;}
#archives-dropdown-2 option { margin: 10px 0px; }
.screen-reader-text { display:none}

.sprite { background: url('images/sprite.png') no-repeat top left; width: 70px;  } 
.sprite.brands-abcgrupp { background-position: 0 0; height: 67px; } 
.sprite.distribution-abcgrupp { background-position: 0 -77px; width: 77px; height: 61px; } 
.sprite.international-sales-marketing-abcgrupp { background-position: 0 -148px; width: 75px; height: 77px; } 
.sprite.retail-abcgrupp { background-position: 0 -235px; width: 73px; height: 72px; } 
.sprite.services-abcgrupp { background-position: 0 -317px; height: 70px; } 

/** Owl carousel */

.owl-carousel .owl-item img{
  width:auto;
}
.owl-theme .owl-dots .owl-dot span{
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.4;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #889ac8;
}
.owl-theme .owl-dots .owl-dot span:hover,
.owl-theme .owl-dots .owl-dot.active span{
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.owl-theme .owl-dots {
  margin-top: 10px;
  text-align: center;
}

/* Responsive start here */

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

{
.navMar{ margin-left:0 !important;}
.wrapper{ width:94%; margin:0 3%;}

.banContent ul{ margin:40px 0 20px;}
.banContent ul li{ margin:0 60px; line-height:normal;}
.nav ul li{ margin-right:15px;}
.navMar{ margin-left:180px;}
.des{ bottom:-55px;}

.introLeft{ width:40%;}
.introRight{ width:58%;}
.intro h1{ font-size:34px;}
.fContent .fCol-1{ width:33.3%;}
.fContent .fCol-2 ul{ width:100%;}

.companyRight{ width:28%; margin:0 0 15px;}
.companyLeft{ width:70%;}
.newsRight{ width:28%;}
.newsRight .companyRight{ width:100%;}
.newsLeft{ width:70%;}

}


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

{
.conT{ width:100%; float:left;}
.latNews ul li{ min-height:120px;}

}

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

{

.srch ul li{ padding:0 8px;}
.banContent p a{ margin:40px 0 0;}
.areadiv ul li h2{ min-height:45px;}
.links{ width:100%; float:left;}
.linksContent{ padding:10px;}
.linkCol-1{ width:25%; padding:0 5px;}
.linkCol-2{ width:50%!important;}
.workWith ul li{ width:auto; text-align:left;}
.workWith ul li a{ padding:10px 3px;}

}


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

{

.banContent ul{ margin:15px 0}
.banContent ul li{ margin:0 20px; font-size:22px;}
.banContent p a{ padding:10px 15px;}
.banContent p{ font-size:20px; line-height:24px;}
.logo{ margin:10px 0 0;}
.navMar{ margin-left:15px;}
.navigation{ padding:30px 0 0;}
.introLeft{ text-align:center;}
.areaInvol .areaCol{ width:96%; padding:0 5px;}
.latNews ul li{ min-height:144px; margin:30px 0 0;}
.news-content ul li{margin-left:35% !important;}
.ftop p{ font-size:20px;}
.fContent .fCol-1{ padding:0 10px;}

.hmp h2{ margin:5px 0; font-size:20px;}
.hmp ul{ padding:8px 0; width:200px;}
.companyLeft h1, .areadiv h1, .workWith h1, .reference h1{ font-size:32px;}

.contForm{ width:55%; float:left; padding:0 20px;}
.contAdd{ width:40%; float:right;}

}

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

{

.logo img{ width:100px;}
.banContent ul li{ font-size:18px;}
.banContent p{ font-size:17px; line-height:20px;}
.banContent p a{ font-size:16px;}
.nav ul li a{ font-size:13px;}
.intro{ padding:15px 0;}
.intro h1{ font-size:28px;}
#menu-menu-1 li:nth-child(2), #menu-menu-1 li:nth-child(3), #menu-menu-1 li:nth-child(4), #menu-menu-1 li:first-child{min-width:0;}

.latNews, .areaInvol, .company, .workWith, .reference, .contact{ padding:30px 0;}
.news-content ul li{margin-left:5% !important;}
.ftop{ padding:55px 0;}
.intro p, .latNews p, .areaInvol h4{ font-size:14px; line-height:22px;}
.latNews h3{ font-size:15px; line-height:20px; margin:0 0 10px;}

.areaInvol h2, .latNews h2, .reference h1{ font-size:28px; margin:0 0 5px;}
.fContent .fCol-1::after{ height:100%;}
.newsDetail p{ padding-left:0; font-size:14px; line-height:24px;}
.workWith p{ font-size:14px; line-height:22px;}
.contact h1{ font-size:28px;}

.ftop p br{ display:none;}
.workWith ul li a{ font-size:14px;}

}


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

{

.applePie{ display:block;}
.nav, .srch ul li span{ display:none;}
#lang_sel{float:right;}


.introLeft{ width:100%; padding:10px 0 0;  background:none;}
.introRight{ width:100%;}
.intro p{ margin:15px 0 0}
.latNews ul li{ width:100%; min-height:inherit; border-bottom:1px solid #f2f2f2; padding:8px 0; margin:0;max-height:100%}
.ftop p{ font-size:18px; line-height:22px; text-align:center; padding:0 50px;}
.ftop p br{ display:none;}
.ftop::after{ bottom:-24px;}

.banContent ul{ margin:10px 0;}
.banContent ul li{ font-size:14px;}
.des{ display:none;}
.banContent p a{ margin:15px 0 0;}

.fContent ul, .fContent ul li{ width:100%!important;}
.fContent ul li a{ font-size:16px;}
.latNews p{ padding:0 10px 0 110px;}

.srch{ width:100%; float:left; padding:0 0 5px;}
.srch ul li{ padding:0 10px;}
.search1:hover .searchBar{ left:0; width:280px; top:24px}
.srch ul li:last-child{ float:right; padding-bottom:10px;}
.srch ul li:hover ul li{ margin:0;}
.search1:hover .searchBar{ padding-top:8px;}
.srch ul li:hover ul{ padding-top:12px;}
.navigation{ background:url(images/nav-bg2.png) no-repeat center top; padding:10px 0 0; margin:-12px 0 0;}

.srch ul li:hover ul{ padding:4px 8px;}


.companyRight h3{ font-size:16px; padding:10px;}
.hmp h2{ font-size:14px; float:left; margin:0; line-height:inherit; letter-spacing:1px;}
.hmp ul{ float:right; background:none; padding:0; width:auto;}
.hmp ul li, .hmp ul li a{ font-size:14px;}


.companyRight{ width:100%; margin:0;}
.companyLeft{ width:100%; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #ccc;}
.tabb.insidePortfolio.companyLeft > span > img{margin-left: 45%;}

.newsLeft{ width:100%; margin:15px 0 0;}
.newsLeft h1, .workWith h1, .reference h1{ font-size:30px; margin:0 0 10px;}
.newsLeft ul li{margin:0 0 10px;}
.news-content ul li{margin-left:5% !important;font-size:14px !important;}
.news-content h2{margin-left:0 !important;padding: 0 5px;}
.pagination ul li{ padding:0!important; margin:0 0 0 -6px!important;}
.companyRight{ margin:0 0 10px;}
.companyRight p{ margin:5px 0;}
.companyRight ul li{ padding:8px 0 ;}
.sidebar-title{ padding:10px;}

.newsRight{ width:100%;}
.newsLeft p{ padding:0 5px;}
.newsDetail p{ margin:0 0 12px;}

.workWith h1 img{ margin-right:10px;}
.contContent{ padding:15px 0;}
.conT{ margin:15px 0;}

.workWith ul{ margin:0 0 15px;}
.workWith ul li{ padding:5px 0; width:100%; float:left; border-bottom:1px solid #f2f2f2; background:none;}
.workWith ul li:last-child{ border-bottom:0;}

}

@media only screen and (max-width:620px)
{
.areadiv ul li{ width:46%; margin:5px 1%}
.linkCol-1{ width:40%; padding:0 5px; min-height:300px;}
.linkCol-2{ width:60%!important;}
.latNews, .areaInvol, .company, .workWith, .reference, .contact{ padding:15px 0;}

.contForm{ width:100%; padding:0 10px; margin:0 0 15px;}
.contAdd{ width:100%; padding:0 10px;}

.contForm h3{ font-size:13px; margin:0 0 6px;}
.contForm input[type="text"], .contForm input[type="email"]{ height:35px; font-size:13px; padding-left:10px;}
.contForm ul li{ margin:0 0 12px;}
.contForm textarea{ height:70px; font-size:13px; padding:10px 0 0 10px;}
.contForm input[type="submit"]{ width:140px; height:38px; font-size:15px;}
.contAdd p{ font-size:14px; line-height:18px; margin:15px 0 0;}
.contAdd ul li{ padding:10px 0;}
.contAdd h3, .contact h2{ font-size:14px;}

}

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

{
.banContent ul{ margin:10px 0 0;}
.banContent ul li{ margin:0 10px;}
.logo img{ width:70px;}
.banContent p{ font-size:14px; line-height:16px;}
.fContent .fCol-1{ width:100%; margin:0 0 15px;}
.fContent .fCol-1:after{ background:none;}
.fContent ul li{ margin:0 0 10px!important;}
.fContent{ padding:20px 0 0; margin:20px 0 0;}

.areaInvol h3{ font-size:16px;}
.companyLeft h1, .newsLeft h1, .contact h1{ font-size:22px;text-align:center;}
.companyLeft h2, .newsLeft h2{ font-size:20px;text-align:center;}
.companyLeft p{ font-size:13px; line-height:18px; margin:15px 0 0;}
.newsLeft p, .companyRight p{ font-size:13px; line-height:18px;}

.newsLeft .date{ width:75px; height:75px; padding:10px; margin:0 10px 0 5px;}
.newsLeft .date h3{ font-size:11px; line-height:16px;}
.newsLeft .date h3 span{ font-size:23px; line-height:25px;}
.pagination ul li a{ width:30px; height:30px; line-height:30px; font-size:14px;}

.companyRight a{ font-size:13px;}

.fContent .navMar{ margin:0 0 10px!important;}

.newsLeft h1 span img, .areadiv h1 span img{ width:30px;margin-right:10px;}
.workWith p{ font-size:13px; line-height:18px; margin:10px 0 0;}
.workWith p strong{ font-size:15px;}
.reference h1 span, .contact h1 span{ margin:0 0 10px;}
.reference h1 span img, .contact h1 span img{ width:30px;}
}


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

{
.pnfound h1{ font-size:102px;}
.discover{display:none;}
.header-list{margin-top:20px !important;}
.intro h1, .areaInvol h2, .latNews h2, .areadiv h1, .workWith h1{ font-size:22px;}
.intro p, .latNews p, .areaInvol h4{ font-size:13px; line-height:18px;}
.latNews ul li .date h4 span{ font-size:20px;}
.latNews ul li .date h4{ font-size:12px; line-height:20px;}
.latNews ul li .date{ width:74px; height:74px; margin-right:15px;}
.latNews p{ padding:0 10px 0 90px;}
.fContent h1,
.fContent .footer-title{ margin:0 0 15px; font-size:18px;}
.areaInvol p{ display:none;}
.areaInvol h3{ font-size:13px;}
.banContent p{ font-size:0;}
.logo{ margin:2px 0 0}
.banContent ul li{ letter-spacing:normal; font-size:12px; margin:0 4px;}
.banContent ul{ margin:4px 0 0; padding-bottom:3px;}
.banContent p a{ margin:5px 0 0;}
.banContent p a{ font-size:13px; padding:5px 8px;}

.latNews, .areaInvol{ padding:20px 0;}

.areaInvol .areaCol span,
.areaInvol .areaCol div{ height:100px;}
.areaInvol .areaCol{ min-height:165px;}
.areaInvol h3{ margin:10px 0; line-height:20px;}

.ftop p{ padding:0;}
.ftop{ padding:42px 0;}
.copyright{ font-size:12px; padding:12px 0;}
.latNews h3 {font-size: 13px;line-height: 20px;margin: 0 0 5px;}
.intro{ text-align:center;}

.areadiv ul li{ width:100%; margin:5px 0; height:120px;}

.areadiv ul li h2{ min-height:inherit;}

.workWith .wth {
    float: left;
    margin: 0 25% 10px;
    text-align: center;
    width: 50%;
}
.workWith h1 img{ width:28px; margin-right:4px;}

.linkCol-1{ width:100%; padding:10px 0; min-height:inherit; border-bottom:1px solid #ccc;}
.linkCol-2{ width:100%!important;}
.linksContent h2{ font-size:15px; margin:5px 0 15px;}
.linkCol-1 ul li a{ font-size:14px;}
.linkCol-1 ul li{ margin:0 0 6px;}
.reference h1{ font-size:22px; margin:0 0 10px;}


.search .workWith #searchform input[type="submit"]{ width:100%; margin:10px 0;}
.search .workWith #searchform input[type="text"]{ width:100%; margin:10px 0 0;}
.screen-reader-text{ width:100%; float:left; margin:25px 0 0;}

.tabb.insidePortfolio.companyLeft > span > img{margin-left: 40%;}
}


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

{
.search .workWith #searchform input[type="text"], .search .workWith #searchform input[type="submit"] { width:100% }

}
/* WP Photo Album Plus for ABC theme */

#startstop-1, #wppa-vote-button-1, input[name=commentbtn],#speed0-1, #speed1-1 {
display: inline-block;
    color: #fff;
    background: #ebb014;
    font-size: 14px;
    padding: 10px 30px !important;
    border-bottom: 4px solid #c9950c;
    font-family: 'GraphikRegular';
}
input[value=Enter] {
display: inline-block;
    color: #fff;
    background: #ebb014;
    font-size: 14px;
    padding: 3px 20px !important;
    border-bottom: 4px solid #c9950c;
    font-family: 'GraphikRegular';
}

#wppa-vote-button-1 {
    margin: 10px auto !important;
    display: block;
}
#next-arrow-1, #prev-arrow-1 {
    display: inline-block;
    color: #fff;
    background: #ebb014;
    font-size: 14px;
    padding: 10px 30px !important;
}
.wppa-nav, .imagetitle, #namedesc-1,#wppa-thumb-area-1 {
    border: none !important;
    background:none !important;
}
#wppa-bc-1{
    text-align:center;
}
#prevnext2-1{
	height:40px;
}
#wppa-comments-1{
	-webkit-border-radius: 0;
	border-color:#889AC8;
	background:none !important;
} 
#wppa-thumb-area-1{
	background:none !important;
}
#slide_frame-1{
	margin-bottom:0 !important;
	height:460px !important;
}
form[class=post-password-form] {
text-align:center;}
/* Responsive end here *//* CSS Document */

/* Privacy policy popup styles - Lemme 6.06.2018*/ 

.privacy-popup{
	display:block;
	position: fixed;
	bottom:0;
	text-align: center;
	width:100%;
	padding:20px;
	background: url(images/intro-bg.jpg) repeat;
}
.privacy-button{
	display: inline-block;
    width: 78px;
    height: 44px;
    color: #fff;
    background: #ebb014;
    font-size: 16px;
    line-height: 44px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    margin:10px;
    cursor:pointer;
}
.cookie-notice-hidden{
    display:none;
}
/** Cookie law plugin 9.04.2020 */

.pea_cook_wrapper.pea_cook_bottomcenter {
  width: 100% !important;
  margin: 0 auto !important;
  bottom: 0 !important;
  left: 0 !important;

}
.pea_cook_wrapper p{
  font-family: 'GraphikRegular','sans-serif' !important;
  font-size: 120% !important;
  font-weight: normal !important;
  padding: 1rem 0;
}
#pea_cook_btn{
  width: 182px;
  height: 50px;
  color: #fff;
  background: #ebb014;
  border: 0;
  border-bottom: 4px solid #c9950c;
  font-size: 18px;
  cursor: pointer;
  font-weight: normal !important;
  box-shadow:none;
  text-shadow: none;
  border-radius:unset;
}
#pea_cook_btn:hover{
  background: #889ac1;
  border-bottom: 4px solid #6a81b1;
}