/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/


/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/


/* Modules
----------------------------------------------------------------------------------------------------*/


/* Tools
----------------------------------------------------------------------------------------------------*/

/* System
----------------------------------------------------------------------------------------------------*/

/* Custom Stuff
----------------------------------------------------------------------------------------------------*/

/* Mosaic - Content */
.sprocket-mosaic-container {margin: 0;padding: 0;list-style: none;}
.sprocket-mosaic-container li {display: inline-block; }
.sprocket-readmore {display:none;}
.sprocket-readmore:hover {display:none;}

/* Mosaic - Item */
.sprocket-mosaic-item {
    background: none;
    border: none;
}

/* Mosaic - Order */
.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-order {float: right; padding-right: 10px;}

/* Mosaic - Filter */
.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {float: left; padding-left: 10px;}
p.ns2-introtext {
font-size: 13px;
}
h4.ns2-title {

}
li.level1.item311 {
width: 80px;
}
* { margin:0; padding:0; } 
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; /*min-height: 100%;*/}

.black_first .grid-block { padding-bottom: 0px!important; }
#main { padding-bottom: 0px; }  /* must be same height as the footer */
#footer2 { 
        position: relative;
    margin-top: 0px; /* negative value of footer height */
    height: 150px;
    clear:both;} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#main .sprocket-mosaic .sprocket-mosaic-order ul li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li {
    background: none;
    border-radius: 0;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding-right: 10px;
}

.sprocket-mosaic .sprocket-mosaic-filter li:hover, .sprocket-mosaic .sprocket-mosaic-order li:hover, .sprocket-mosaic-loadmore:hover {
    color: #018fff; background: none; border-radius: 0; border-bottom: 1px solid #018fff; transition: all 0.3s ease-in-out 0s;
}

.sprocket-mosaic-item .sprocket-mosaic-text {
    display: block;
    margin: 10px 0;
    text-align: center;
} 

.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {margin: 10px -10px -10px; padding: 5px;background: none;border-radius: 8px;font-size: 90%;font-weight: bold;}
/*.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {width: auto;margin-right: 1px;padding: 0 5px;background: none;border: 1px solid #ddd;border-radius: 0}*/
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {display: none;width: auto;margin-right: 1px;padding: 0 5px;background: none;border-radius: 8px;border: 1px solid #ddd;}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-image-container img {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   -moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
   -webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
   box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sprocket-mosaic-hover {display: none;}
.sprocket-mosaic-hovercontent { width: 100%; height: 100%; background: rgba(1,143,255,0.7) url(../images/more.png) 50% 50% no-repeat; border-top-left-radius: 2px; border-top-right-radius: 2px;
    transition: all 0.5s ease-in-out 0s;
   -webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   -ms-transition: all 0.5s ease-in-out 0s;
 }

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover {
   background: rgba(1,143,255,0.7) url(../images/more.png) 50% 50% no-repeat;
    transition: all 0.5s ease-in-out 0s;
   -webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   -ms-transition: all 0.5s ease-in-out 0s;
 }

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-image-container img:hover {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
    opacity: 0.7;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.7)";  
}

.sprocket-mosaic-item  .sprocket-mosaic-title, .sprocket-mosaic-item .sprocket-mosaic-info {
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #ddd;
    font-size: 16px;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    text-align: center;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
} 

.sprocket-mosaic-item  .sprocket-mosaic-title:hover {
    border-bottom: 1px solid #018fff;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sprocket-mosaic-item  .sprocket-mosaic-title a {
    color: #4a515c !important;
}

.sprocket-mosaic-hovercontent span {
    display: none;
}

.sprocket-mosaic-loadmore {background: #fafafa;border: 1px solid #d3d3d3;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 0;border-radius: 2px;}

.sprocket-mosaic-loadmore:hover {color: #949494;background: #fff;border: 1px solid #d3d3d3;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 0;border-radius: 2px;}
  
    
.sprocket-lists-title {
    border: none;
    border-radius: 4px;
    background: #eee;
    padding: 14px 14px !important;
    color: #525252;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
 }
    
.active .sprocket-lists-title {
     color: #525252;
     background: #ededed;
}

.sprocket-lists-title:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #ededed;
}
.sprocket-lists-title .indicator {
  position: absolute; 
  border-radius: 4px;
  top: 0;
  right: 0;
  margin: 5px;
  display: block;
  width: 40px;
  height: 30px;
  opacity: 0.7;
  cursor: pointer;
  color: #fff;
  text-align: center; 
  border: none; 
  background: #018FFF; 
  -moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset; 
  -webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset; 
  box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
}

.active .indicator {
color: #eee; 
height: 30px; 
border: none; 
border-radius: 4px; 
background: #018FFF; 
-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset; 
-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) 
inset; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
}

.indicator:hover {
position: absolute; 
  border-radius: 4px;
  top: 0;
  right: 0;
  margin: 5px;
  display: block;
  width: 40px;
  height: 30px;
  opacity: 0.7;
  cursor: pointer;
  color: #fff;
  text-align: center; 
  border: none; 
  background: #018FFF; 
  -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset; 
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset; 
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
  }
  

span.indicator { padding-top: 8px; }

.sprocket-lists-item {display: block;position: relative; margin-top: 5px;}

/* Tabs Nav */
.sprocket-tabs-nav {margin: 0;padding: 0;list-style: none !important;position: relative;z-index: 2;}
.sprocket-tabs-nav:before, .sprocket-tabs-nav:after {display: table;content: "";}
.sprocket-tabs-nav:after {clear: both;}
.sprocket-tabs-nav li {float: left;}
.sprocket-tabs-nav > li {margin-bottom: -1px;}
.sprocket-tabs-nav > li > .sprocket-tabs-inner {display: block;border: 1px solid transparent;border-radius: 0;}
.sprocket-tabs-nav > .active > a {cursor: default;}
.sprocket-tabs-nav li .sprocket-tabs-inner {cursor: pointer;display: block;padding: 10px 15px;line-height: 0.8em;}
.sprocket-tabs-nav .dropdown-menu {margin-top: 1px;border-width: 1px;}
.sprocket-tabs-nav .sprocket-tabs-icon {float: left;margin-right: 0px;}
.layout-top .sprocket-tabs-nav {padding: 3px 3px 5px 3px !important;}
/* Tabs - Colors */
.sprocket-tabs-nav {
  font-family: "OpenSansLight";
  font-size: 16px;
  border-radius: 4px;
        border-bottom: none;
  background: #fff;
  color: #525252;
  }

.sprocket-tabs-nav li .sprocket-tabs-inner {
        margin-right: 10px;
  background-color: #ededed;
  border-radius: 4px;
  color: #525252;
  padding: 15px !important;
  -moz-box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset; 
  -webkit-box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset; 
  box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
 }

.sprocket-tabs-nav li .sprocket-tabs-inner:hover {
  background-color: #ededed;
  border-radius: 4px;
  color: #525252;
  -moz-box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset; 
  -webkit-box-shadow: 1px 0px 0px 0px rgba(88,88,88,0.1) inset; 
  box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
}
     
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
  background-color: #ededed;
  border-radius: 4px;
  color: #525252;
  -moz-box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset; 
  -webkit-box-shadow: 1px 0px 0px 0px rgba(88,88,88,0.1) inset; 
  box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
}

.layout-top .sprocket-tabs-nav {
    padding: 0 !important;
}

.wk-slideshow-default > div .next, .wk-slideshow-default > div .prev {
    background: url("../images/buttons.png") no-repeat scroll 0 50px transparent;
    height: 50px;
    margin-top: -25px;
    top: 50%;
    width: 50px;
    
}
.wk-slideshow-default > div .next {
    background-position: 0 0;
    right: 30px;
}
.wk-slideshow-default > div .prev {
    background-position: 0 -50px;
    left: 30px;
}
.block-center-b ,
.block-center-c{
  padding:25px 0;
  }
.block-center-b .title,
.block-center-c .title{
    margin-top: 0px;
  text-align: center;
  line-height: 40px;
  border-radius: 2px;
  border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }
  
  .block-center-b .title:after,
.block-center-c .title:after {
  margin: -1px auto;
  background-color: #018fff;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 90px;
  vertical-align: middle;
}

.div_image .cont_div{
  width: 200px; 
  display: inline-block; 
  padding: 0px; 
  text-align: center;
  margin-top: 20px;
  vertical-align:top;
  }
  
  .cont_div {
  background: white;
  border: 1px solid #dddddd;
  height: 265px;
}

.cont_div img {
  margin-bottom: 10px;
  max-width: 100%;
}

/* custom style by ivalchenko 21.07.2015 */

.quality_div {
  width: 300px;
  height: 465px; 
  display: inline-block;
  vertical-align:top; 
  padding: 0px; 
  text-align: center;
  margin-top: 20px;
  background: #ffffff;
  border: 1px solid #dddddd;
}

.quality_div img {
  vertical-align:top;
  width: 100%;
}

.quality_div h3 {
  margin: 0;
  background-color: #464646;
  color: #ffffff;
  text-align: left;
  padding: 8px 0 8px 5%;  
  vertical-align:top;
}

.quality_div p {
  width: 90%;
  height: 155px;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 20px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
}

.quality_div div {
  width: 120px;
  /*background: url(../images/blue-down-arrow.png) no-repeat;*/
  /*background-position: 100% 85%;*/
  text-align: left;
  padding: 5px 0 0 5%;
  margin-top: 7px;
}

.quality_div div span {
  background: url(../images/blue-down-arrow.png) no-repeat;
  background-position: 100% 85%;
  display: block;
}

.hidden-block {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.hidden-triangle-1,
.hidden-triangle-2,
.hidden-triangle-3 {
  height: 26px;
}

.hidden-triangle-1:after {
  margin-left: 135px;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 52px;
  margin-top: -5px;
}

.hidden-triangle-2:after {
  margin-left: 450px;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 52px;
  margin-top: -5px;
}

.hidden-triangle-3:after {
  margin-left: 770px;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 52px;
  margin-top: -5px;
}

/*.hidden-triangle-test:after {
  margin-left: 770px;
  background-color: cyan;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 52px;
}*/

.hidden-triangle-test {
  position: absolute;
  top: 265px;
  left: 585px;
}

.hidden-triangle img {
  border: 0;
}

.prize-table {
  width:100%;
  text-align:center;
}

.prize-table td {
  padding: 1.5em 1.3em 1em 1.3em;
  width:25%;
}

.prize-table td div img {
  margin-bottom: -0.7em;
}

.prize-table td div {
        text-align: center;
        line-height: 40px;
        border-radius: 2px;
        border-bottom: 1px solid #ddd;
}

.prize-table td div:after {
        margin: -1px auto;
        background-color: #018fff;
        content: "";
        display: block;
        height: 1px;
        position: relative;
        width: 90px;
        vertical-align: middle;
}

/* end */

#block-center-c{
  background:#efefef;
  }
  span .after_arrow:before{
  padding-left: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  content: "\f138";
  color: #48acfa;
  }
  
  ul.check.no_arrow > li:before {
  padding-right: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  content: none;
  color: #444;
}

a.download_btn{
  background: #4a515c;
  border-radius: 4px;
  -webkit-border-radius:4px;
  moz-border-radius:4px;
    padding: 7px 20px;

  color: white;
  }
  
  span.before_sys_icon:before {
  content: '\f085';
  font-family: "FontAwesome";
  font-size: 25px;
}
.menu-dropdown li.level1.active {
  background: #018fff;
}

.menu-dropdown li.level1.active>a{
   color: white!important;
}
.menu-dropdown li.level1.active>a{
  color: white!important;
}
  span.before_voice_icon:before {
  content: '\f130';
  font-family: "FontAwesome";
  font-size: 25px;
}

  span.before_video_icon:before {
  content: '\f03d';
  font-family: "FontAwesome";
  font-size: 25px;
}

  span.before_mobile_icon:before {
  content: '\f10b';
  font-family: "FontAwesome";
  font-size: 40px;
   color: #48acfa;
}

.div_discr.wider {
  width: 406px;
  height: 225px;
}

.div_discr.type2 {
  height: 125px;
}

.div_discr{
  width: 245px;
  text-align: left;
  border: 1px solid rgb(214, 214, 214);
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  height: 165px;
  /* margin-top: 25px; */
  margin: 15px 15px;
  }
  
  .div_discr .title_tab {
  font-size: 17px;
  vertical-align: middle;
  display: inline-block;
}
span.before_mobile_icon,
span.before_sys_icon,
span.before_video_icon,
span.before_voice_icon{
  margin-right: 15px;
  vertical-align: middle;
}

table.in_connect td {
  border: 1px solid #dddddd;
  padding: 7px;
}

.paket {
  background: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  moz-border-radius: 5px;
  moz-box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  width: 290px;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  height: 335px;
  margin-bottom: 25px;
}

.paket2 {
  background: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  moz-border-radius: 5px;
  moz-box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px 1px rgb(228, 228, 228);
  width: 160px;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  height: 165px;
  margin-bottom: 25px;
  text-align:center;
  }

.paket_title {
  padding: 20px;
  text-align: center;
  color: white;
  background: #8791a0;
  font-size: 22px;
}

.paket_disrcipt {
  padding: 3px 20px;
}

.paket_disrcipt span {
  color: #018fff;
}

.paket_disrcipt p {
  font-size: 16px;
    margin: 12px 0;
}

div#block-center-b {
  border-top: 1px solid #D8D8D8;
  background-color: #ffffff;
  /*background:#efefef;*/
}

div#block-center-c{
  border-top: 1px solid #D8D8D8;
}
.module.mod-box.black-menu.deepest ul li:hover {
  /*border-bottom: 2px solid #EFEFEF;*/
  background: #5E6575;
  color: #D4D7DF;
  /*padding-bottom: 2px;*/
}

.module.mod-box.black-menu.deepest ul li:hover a{
  color: #D4D7DF;
}
p{
  margin: 5px 0;
}
div#block-center-c .title {
  margin-top: -15px;
}
body#page {
  background: #212328;
}
body > #wrap {
  height: auto;
 /* min-height: 100%;*/
  max-width: 1366px;
  margin: 0 AUTO;
}
#main {
  background:white;
}
.service #main {
  background: none;
}
div#block-center-c table tr td {
  vertical-align: top;
}
.order_call label {
  width: 130px;
}
section#center-c span {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif!important;
}
.module.mod-box.black-menu.deepest ul li.active.current:hover {
  background: #EFEFEF;
  color: black;
}
.module.mod-box.black-menu.deepest ul li.active.current:hover span{
  color: black;
}
div#block-center-b p {
  margin-bottom: 15px;
}
/* Custom style by ivalchenko 19.08.2015 */
.who-we-are {
  width: 100%;
}
.custom-service-main {
  width: 100%;
  padding: 0 0 0 0;
}
.on-connect {
  width: 100%;
  padding:0 0 0 0;
}
.welcome-partners {
  width: 100%;
}