body {
    font-family: 'Roboto', sans-serif;
    -ms-text-shadow: none;
    text-shadow: none;
    background-color: #3e4d5c;
}

h1, h2, h3, h4{
    font-size: 30px;
    font-weight: bold;
    font-family: Myriad Pro;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #3e4d5c;
    margin: 90px 0px 0px 0px;
}

@media (min-width: 0px) and (max-width: 779px) {
    h2.first {
        margin-top: 20px !important;
    }
}

h3{
    margin: 50px 0px 50px 0px;
    font-size: 24px;
}

h4{
    margin: 30px 0px 30px 0px;
    font-size: 20px;
    text-align: left;
}

p, p.block {
    color: #3e4d5c;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
}

p.block {
    color: #ffffff;
    background-color: #6ca5d6;
    padding: 30px 20px 30px 20px;
}

p.doubleMargin {
    margin-top: 40px;
}

header {
    background-color: #ffffff;
}

.mainnavbar {
    margin: 0!important;
    padding: 0!important;
    background: none!important;
    border: none!important;
    position: relative;
    min-height: 130px !important;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.navbarontop {
    border-bottom: 5px solid #e0e0e0 !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
    background-image: none !important;
    min-height: 0 !important;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    padding-bottom: 5px !important;
}

.mainnavbar ul {
    margin-top: 41px;
}

.mainnavbar ul a, .mainnavbar ul a:hover, .mainnavbar ul a:visited {
    font-size: 19px;
    text-transform: uppercase;
    text-decoration: none;
    color: #262626 !important;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 4px solid transparent;
    display: inline-block;
}

.mainnavbar ul a.item1:hover, .mainnavbar ul .item1.selected {
    border-color: #6a8ab5;
}

.mainnavbar ul a.item2:hover, .mainnavbar ul .item2.selected {
    border-color: #2f58ee;
}

.mainnavbar ul a.item3:hover, .mainnavbar ul .item3.selected {
    border-color: #f5a46c;
}

.mainnavbar ul a.item4:hover, .mainnavbar ul .item4.selected {
    border-color: #3fdb9a;
}

.mainnavbar ul a.item5:hover, .mainnavbar ul .item5.selected {
    border-color: #973ded;
}

.mainnavbar ul a.item6:hover, .mainnavbar ul .item6.selected {
    border-color: #4fb4fa;
}

.mainnavbar ul a.item7:hover, .mainnavbar ul .item7.selected {
    border-color: #ff605a;
}

.mainnavbar .navbar-collapse {
    border: 0px none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}

.mainnavbar .navbar-toggle {
   margin: 15px 5px 10px 5px !important;
}

.bannerContainer {
    padding-left: 0px;
    padding-right: 0px;
}

img.banner {
    width: 100%;
    height: 676px;
    margin: auto;
}

.bannerMessage {
    padding: 38px;
    margin: 0;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.92);
    -webkit-box-shadow: -1px -1px 40px #efecec;
    -ms-box-shadow: -1px -1px 40px #efecec;
    box-shadow: -1px -1px 40px #efecec;
    -ms-text-shadow: none;
    text-shadow: none;
    text-align: left;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    border: 2px solid #f1c76c;
}

.banner1 .bannerMessage {
    left: 7%;
    top: 27%;
}

.banner2 .bannerMessage {
    left: 33%;
    top: 33%;
    border: 2px solid #ff605a;
    background-color: #ffffff !important;
}

.banner3 .bannerMessage {
    left: 3%;
    top: 8%;
    border: 2px solid #adcef1;
}

.banner4 .bannerMessage {
    left: 4%;
    top: 8%;
    border: 2px solid #6076ee;
}

.bannerMessage h1 {
    color: #292929;
    font-size: 37px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 30px;
    text-transform: none;
}

a.bannerbutton, a.bannerbutton:hover, a.bannerbutton:visited,
a.requestbutton, a.requestbutton:hover, a.requestbutton:visited {
    display: inline-block;
    font-size: 19px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #ff605a;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border-color: #ff605a;
    border-style: solid;
    border-width: 2px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 6px 15px 6px 15px;
    white-space: nowrap;
}

a.bannerbutton:hover {
    color: #ffffff;
    background-color: #ff605a;
}

a.requestbutton, a.requestbutton:hover, a.requestbutton:visited {
    color: #000000;
    background-color: #ffffff;
    border: 0px none;
}

a.requestbutton:hover {
    color: #ff605a;    
}

.carousel-indicators {
    bottom: -2px;
    visibility: hidden;
    -webkit-transition: bottom .2s ease;
    -moz-transition: bottom .2s ease;
    -ms-transition: bottom .2s ease;
    -o-transition: bottom .2s ease;
    transition: bottom .2s ease;
}

.bannerContainer:hover .carousel-indicators{
    bottom: 10px;
    visibility: visible;
}

.carousel-indicators li {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    text-indent: 0;
    cursor: pointer;
    border: 2px solid #ffffff;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #ddeef9;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.carousel-indicators .active {
    width: 18px;
    height: 18px;
    margin: 5px;
    background-color: #506477;
}

@media (min-width: 0px) and (max-width: 779px) {
    .mainnavbar  {
        min-height: 55px!important;
    }

    .mainnavbar ul {
        margin-top: 18px;    
        margin-bottom: 10px;
    }

    .carousel-caption{
        display: none;
    }

    .mainnavbar ul a, .mainnavbar ul a:hover, .mainnavbar ul a:visited {
        font-size: 12px;
    }
}

@media (min-width: 780px) and (max-width: 1100px) {
    .banner1 .bannerMessage, .banner2 .bannerMessage, .banner3 .bannerMessage, .banner4 .bannerMessage {
        left: 3%;
        top: 5%;
    }
}

@media (min-width: 0px) and (max-width: 774px){
    .logo {
        width: 150px;
        height: 40px;
        background: url("../images/logo150x40.png") transparent top left no-repeat;
        margin: 0px 5px 0px 0px;
        position: absolute;
        top: 11px;
        left: 5px;
    }

    .mainnavbar ul a, .mainnavbar ul a:hover, .mainnavbar ul a:visited {
        font-size: 12px;
    }

    .nav > li > a {
        padding-left: 7px;   
        padding-right: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 775px) and (max-width: 945px){
    .logo {
        width: 150px;
        height: 40px;
        margin: 11px 5px 0px 5px;
        background: url("../images/logo150x40.png") transparent top left no-repeat;
    }

    .mainnavbar  {
        min-height: 62px!important;
    }

    .mainnavbar ul {
        margin-top: 12px;    
    }

    .mainnavbar ul a, .mainnavbar ul a:hover, .mainnavbar ul a:visited {
        font-size: 12px;
    }

    .nav > li > a {
        padding-left: 7px;   
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 946px) and (max-width: 1349px){
    .logo {
        width: 150px;
        height: 40px;
        margin: 12px 12px 0px 12px;
        background: url("../images/logo150x40.png") transparent top left no-repeat;
    }

    .mainnavbar  {
        min-height: 65px!important;
    }

    .mainnavbar ul {
        margin-top: 9px;    
    }

    .mainnavbar ul a, .mainnavbar ul a:hover, .mainnavbar ul a:visited {
        font-size: 15px;
    }

    .nav > li > a {
        padding-left: 10px;   
        padding-right: 10px;
    }
}

@media (min-width: 1350px) {
    .logo {
        width: 300px;
        height: 80px;
        margin: 22px 35px 0px 22px;
        background: url("../images/logo300x80.png") transparent top left no-repeat;
    }
}

@media (min-width: 780px) and (max-width: 889px) {
    .bannerMessage {
        padding: 22px;
    }

    .bannerMessage h1 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    a.bannerbutton, a.bannerbutton:hover, a.bannerbutton:visited {
     font-size: 10px;   
    }
}

@media (min-width: 890px) and (max-width: 1129px) {
    .bannerMessage {
        padding: 22px;
    }

    .bannerMessage h1 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    a.bannerbutton, a.bannerbutton:hover, a.bannerbutton:visited {
     font-size: 11px;   
    }
}

@media (min-width: 1130px) and (max-width: 1455px) {
    .bannerMessage {
        padding: 30px;
    }

    .bannerMessage h1 {
        font-size: 27px;
        margin-bottom: 22px;
    }

    a.bannerbutton, a.bannerbutton:hover, a.bannerbutton:visited {
     font-size: 14px;   
    }
}

.footerContactUsWrapper {
    vertical-align: top;
    margin: 0;
    padding: 0;
    background-color: #ff605a;
    background: -webkit-linear-gradient(left top, #ff706a, #ff605a);
    background: -o-linear-gradient(bottom right, #ff706a, #ff605a);
    background: -moz-linear-gradient(bottom right, #ff706a, #ff605a);
    background: linear-gradient(to bottom, #ff706a, #ff605a);
    overflow: hidden;
}


.footerContactUsWrapper .container {
   width: 100%;
   height: 73px;
}

.footerContactUsWrapper .container .label{
   text-align: left;
   padding-top: 20px;
}

.footerContactUsWrapper .container .label span{
   color: #ffffff;
   font-size: 31px;
   font-weight: normal;
   white-space: nowrap;
   margin: 0px 0px 0px 7px;
}

.footerContactUsWrapper .container .button{
   text-align: right;
   padding-top: 17px;
}

@media (min-width: 0px) and (max-width: 767px) {
    .footerContactUsWrapper .container .button {
        text-align: left;
    }
}

.footerLinksWrapper {
    vertical-align: top;
    margin: 0;
    padding: 0;
    background-color: #54677a;
    overflow: hidden;
}

.footerLinksWrapper .container {
    width: 100%;
    background: url("../images/footer/triangle.png") transparent top left no-repeat;
    -moz-background-position: 16px 0px;
    -o-background-position: 16px 0px;
    background-position: 16px 0px;
    padding-bottom: 40px;
}

.footerLinksWrapper .container h4 {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    color: #ffffff;
    margin: 45px 0px 20px 0px;
}

.footerLinksWrapper ul a, .footerLinksWrapper ul a:hover, .footerLinksWrapper ul a:visited {
    font-size: 14px;
    color:#ffffff;
    text-decoration: none;
    margin-left: 5px;
    white-space: nowrap;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.footerLinksWrapper ul a:hover {
    text-decoration: underline;
}

.footerLinksWrapper ul li i {
    color: #ffffff;
    font-size: 7px;
    line-height: 18px;
}

.footerLinksWrapper ul {
    margin-left: 12px;
}

.footerLinksWrapper .contacts {
    margin: 39px 0px 0px 0px;
    float: right;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}

.footerLinksWrapper .contactsContainer {
    float: left;
}

@media (min-width: 0px) and (max-width: 991px) {
    .footerLinksWrapper .contactsContainer {
        float: right;
    }

    .footerLinksWrapper .contacts {
        float: left;
    }
}

.footerLinksWrapper .contacts a, .footerLinksWrapper .contacts a:hover, .footerLinksWrapper .contacts a:visited{
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.footerLinksWrapper .contacts a:hover{
    text-decoration: underline;
}

.footerLinksWrapper .contacts .phone {
    display: inline-block;
    height: 23px;
    background: url("../images/footer/phone.png") transparent top left no-repeat;
    white-space: nowrap;
    padding-left: 35px;
    margin-bottom: 15px;
}

.footerLinksWrapper .contacts .mail {
    display: inline-block;
    height: 23px;
    background: url("../images/footer/mail.png") transparent top left no-repeat;
    -moz-background-position:0px 3px;
    -o-background-position:0px 3px;
    background-position:0px 3px;
    white-space: nowrap;
    padding-left: 35px;
    margin-bottom: 15px;
}

.footerLinksWrapper .contacts .skype {
    display: inline-block;
    height: 23px;
    background: url("../images/footer/skype.png") transparent top left no-repeat;
    white-space: nowrap;
    padding-left: 35px;
    margin-bottom: 15px;
}

.footerLinksWrapper .contacts .address {
    display: inline-block;
    height: 35px;
    background: url("../images/footer/location.png") transparent top left no-repeat;
    white-space: nowrap;
    padding-left: 35px;
    font-size: 14px;
    margin-top: 10px;
}

.footerLinksWrapper .contacts .social {
    font-size: 50px;
    margin-top: 25px;
}

.footerLinksWrapper .contacts .social.spaceleft {
    margin-left: 10px;
}

.footerLinksWrapper .contacts .sociallink, .footerLinksWrapper .contacts .sociallink:hover, .footerLinksWrapper .contacts .sociallink:visited {
    color: #ffffff;
    border: 0 none;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.footerLinksWrapper .contacts .sociallink:hover {
    color: #76c1d4;
}

.footerCopyright {
    vertical-align: top;
    margin: 0;
    padding: 0;
    background-color: #3e4d5c;
    overflow: hidden;
}

.footerCopyright .container {
    width: 100%;
    padding-bottom: 40px;
}

.footerCopyright .container a, .footerCopyright .container a:hover, .footerCopyright .container a:visited, .footerCopyright .container p {
    font-size: 14px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
    display: inline-block;
    margin: 30px 10px 0px 0px;
}

.footerCopyright .container p{
    text-decoration: none;
    display: block;
    margin: 20px 10px 0px 0px;
}

.footerCopyright  .cert
{
    float:right;
}

@media (min-width: 0px) and (max-width: 767px) {
    .footerCopyright  .cert
    {
        float:left;
    }
}

.contentWrapper {
    vertical-align: top;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    overflow: hidden;
}

.contentWrapper .container {
    width: 100%;
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
    .footerContactUsWrapper .container {
        width: 1200px;
        height: 73px;
    }

    .footerLinksWrapper .container {
        width: 1200px;
    }

    .footerCopyright .container {
        width: 1200px;
    }

    .contentWrapper .container {
        width: 1200px;
    }
}

ul.floatingitems {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

ul.floatingitems li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.ourAdvantagesWrapper {
    padding-bottom: 100px;
    background-color: white;
    -ms-background-size: cover;
    background-size: cover;
}

.advantagesBox {
    width: 200px;
    height: 295px;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
    float: left;
    margin: 110px 15px 0px 15px;
    padding: 215px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #3a3a3a;
    display: inline-block;
}

.advantagesBox.box1 {
    background: url("../images/ouradvantages/eminently_qualified_professionals.png") transparent top left no-repeat;
}

.advantagesBox.box2 {
    background: url("../images/ouradvantages/attractive_pricing.png") transparent top left no-repeat;
}

.advantagesBox.box3 {
    background: url("../images/ouradvantages/reliability.png") transparent top left no-repeat;
}

.advantagesBox.box4 {
    background: url("../images/ouradvantages/guarantee_of_non_disclosure.png") transparent top left no-repeat;
}

.advantagesBox.box5 {
    background: url("../images/ouradvantages/flexible_conditions_of_cooperation.png") transparent top left no-repeat;
}

.whatOurCustomersSayWrapper {
    background: url("../images/whatourcustomerssay/what_our_customers_say_bg.jpg") white top left no-repeat;
    -ms-background-size: cover;
    background-size: cover;
    -moz-background-position:0px 125px;
    -o-background-position:0px 125px;
    background-position:0px 125px;
}

.whatOurCustomersSayWrapper p{
    font-size: 18px;
    font-weight: normal;
    color: #3e4d5c;
    margin: 22px 0px 0px 0px;
}

.whatOurCustomersSayWrapper .fa-quote-right {
    margin: 0px 0px 15px 0px;
    font-size: 27px;
    display: block;
}

.whatOurCustomersSayWrapper .testimonialBox {
    min-height: 405px;
    margin-bottom: 50px;
    padding-bottom: 110px;
    margin-top: 50px;
}

.whatOurCustomersSayWrapper .row {
    margin-top: 50px;    
}

.person {
    height: 100px;
    padding: 20px 0px 0px 115px;
    position: absolute;
    bottom: 0px;
}

.person.personBlue {
    background: url("../images/whatourcustomerssay/person_blue.png") transparent top left no-repeat;
}

.person.personRed {
    background: url("../images/whatourcustomerssay/person_red.png") transparent top left no-repeat;
}

.person .personName {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    display: block;
    white-space: nowrap;
}

.person .personJobTitle {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    display: block;
}

.whatWeOfferWrapper {
    padding-bottom: 110px;
}

.whatWeOfferBox {
    width: 300px;
    height: 170px;
    vertical-align: top;
    text-align: center;
    float: left;
    margin: 100px 40px 0px 40px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #414141;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.whatWeOfferBox h3 {
    font-size: 18px;
    font-weight: bolder;
    color: #3e4d5c;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 21px 0px 0px 0px;
    text-align: left;
}

.whatWeOfferBox.box1 {
    background: url("../images/whatweoffer/dedicated_team.png") transparent top left no-repeat;
    background-position: 0px 7px;
}

.whatWeOfferBox.box1 h3{
    margin-left: 90px;
}

.whatWeOfferBox.box2 {
    background: url("../images/whatweoffer/fixed_price_projects.png") transparent top left no-repeat;
    background-position: 0px 0px;
}

.whatWeOfferBox.box2 h3{
    margin-left: 75px;
}

.whatWeOfferBox.box3 {
    background: url("../images/whatweoffer/guarantees.png") transparent top left no-repeat;
    background-position: 0px 0px;
}

.whatWeOfferBox.box3 h3{
    margin-left: 75px;
}

.whatWeOfferBox.box4 {
    background: url("../images/whatweoffer/seo.png") transparent top left no-repeat;
    background-position: 0px 0px;
}

.whatWeOfferBox.box4 h3{
    margin-left: 80px;
}

.whatWeOfferBox.box5 {
    background: url("../images/whatweoffer/technology.png") transparent top left no-repeat;
    background-position: 0px 0px;
}

.whatWeOfferBox.box5 h3{
    margin-left: 82px;
}

.whatWeOfferBox p {
    font-size: 14px;
    font-weight: normal;
    color: #414141;
    text-decoration: none;
    margin: 32px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.whatWeOfferBox a.morebutton, .whatWeOfferBox a.morebutton:hover, .whatWeOfferBox a.morebutton:visited {
    color: #ffffff;
    background-color: #ff605a;
    border: 1px solid #ff605a;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 6px 15px 6px 15px;
    white-space: nowrap;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.whatWeOfferBox a.morebutton:hover {
    color: #ff605a;
    background-color: #ffffff;
    border: 1px solid #ff605a;
}

.aboutUsWrapper {
    background-color: #fafcfc;
    padding-bottom: 90px;
}

.aboutUsWrapper h2 {
    margin-top: 60px;
}

.aboutUsWrapper .number, .aboutUsWrapper .info {
    font-size: 55px;
    font-weight: bolder;
    text-transform: uppercase;
    text-decoration: none;
    color: #3e4d5c;
    display: inline-block;
    text-align: left;
    margin-top: 270px;
}

.aboutUsWrapper .info {
    font-size: 18px;
    font-weight: normal;
    margin-left: 10px;
}

.aboutUsBox {
    height: 365px;
    overflow: hidden;
    margin: 90px 52px 0px 52px;
}

@media (min-width: 0px) and (max-width: 767px) {
    .aboutUsBox {
        margin: 90px 35px 0px 35px;
    }    
}

.aboutUsBox.yearsInBusiness {
    background: url("../images/aboutus/years_in_business.png") transparent top left no-repeat;
    width: 280px;
}

.aboutUsBox.projectsDelivered {
    background: url("../images/aboutus/projects_delivered_bg.png") transparent top left no-repeat;
    width: 271px;
}

.aboutUsBox.websitesPromoted {
    background: url("../images/aboutus/websites_promoted_bg.png") transparent top left no-repeat;
    width: 284px;
}

.ourSpecialtiesBg {
  background: url("../images/ourspecialties/our_specialties_bg_1200x578.png") transparent top left no-repeat;
  background-position: 0px 160px;
  height: 738px;
  position: relative;
}

.weAreBroadlyExperiencedInWrapper {
    padding-bottom: 20px;
}

.weAreBroadlyExperiencedInBg {
  background: url("../images/weexperiencedin/wearebroadlyexperiencedin_bg.jpg") transparent top left no-repeat;
  -ms-background-size: contain;
  background-size: contain;
  background-position: center bottom;
  font-size: 22px;
  font-weight: normal;
  color: #3e4d5c;
  min-height: 700px;
}

.weAreBroadlyExperiencedInBg .row {
    white-space: nowrap;
    margin-top: 110px;
}

.weAreBroadlyExperiencedInBg .fa-ul {
    margin-bottom: 0px;
}

.weAreBroadlyExperiencedInBg .fa-ul > li {
    margin-top: 25px;
}

.weAreBroadlyExperiencedInBg .fa-ul > li .fa-plus{
    color: #ff605a;
}

.ourservicesBox {
    width: 280px;
    height: 335px;
    background-position: 0px 65px;
    margin: 110px 52px 0px 52px;
}

@media (min-width: 0px) and (max-width: 1024px) {
    .ourservicesBox {
        margin: 110px 15px 0px 15px;
    }
}

@media (min-width: 1025px) and (max-width: 1109px) {
    .ourservicesBox {
        margin: 110px 20px 0px 20px;
    }
}

@media (min-width: 1110px) and (max-width: 1199px) {
    .ourservicesBox {
        margin: 110px 35px 0px 35px;
    }
}

.ourservicesBox.development {
    background: url("../images/ourservices/development.png") #87c2e8 0px 65px no-repeat;
}

.ourservicesBox.consulting {
    background: url("../images/ourservices/consulting.png") #87c2e8 0px 65px no-repeat;
}

.ourservicesBox.seo {
    background: url("../images/ourservices/seo.png") #87c2e8 0px 65px no-repeat;
}

.ourservicesBox h3 {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin: 20px 0px 0px 0px;
    white-space: nowrap;
    display: inline-block;
}

.ourservicesBox .ourservicesItemsBox {
    display: block;
    margin: 172px 0px 0px 0px;
    text-align: center;
}

.ourservicesBox .ourservicesItemsBox a, .ourservicesBox .ourservicesItemsBox a:hover, .ourservicesBox .ourservicesItemsBox a:visited {
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #ffffff;
    display: inline-block;
    margin: 7px 0px 0px 0px;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.ourservicesBox .ourservicesItemsBox a:hover {
    text-decoration: underline;
}

span.leftMenuHeader {
    display: block;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    margin: 0px 0px 2px 0px;
    vertical-align: middle;
    white-space: nowrap;
    height: 50px;
    padding: 8px 5px 0px 5px;
    background-color: #4fb4fa;
}

a.leftMenuItem, a.leftMenuItem:hover, a.leftMenuItem:visited {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    color: #3e4d5c;
    background-color: #dcfbee;
    margin: 0px 0px 2px 0px;
    vertical-align: middle;
    white-space: nowrap;
    height: 50px;
    padding: 10px 5px 0px 5px;
}

a.leftMenuItem:hover {
    background-color: #b0deff;
    color: #3e4d5c;
}

span.leftMenuSelectedItem {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
    vertical-align: middle;
    white-space: nowrap;
    height: 50px;
    padding: 10px 5px 0px 5px;
    background-color: #b0deff;
    color: #3e4d5c;
}

a.block, a.block:hover, a.block:visited, button.block, button.block:hover, button.block:visited{
    color: #ffffff;
    background-color: #ff605a;
    border: 1px solid #ff605a;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    margin: 0px 0px 0px 0px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 6px 15px 6px 15px;
    text-transform: uppercase;
}

a.block:hover, button.block:hover {
    color: #ff605a;
    background-color: #ffffff;
    border: 1px solid #ff605a;    
}

.rowPageContent {
    padding-bottom: 100px;
}

.rowPageContent h1, .rowPageContent h2 {
    margin-top: 20px;
}

h1.leftMenu {
    margin-bottom: 20px;
}

.leftMenu-ABOUTUS span.leftMenuHeader{
    background-color: #2f58ef;   
}

.leftMenu-ABOUTUS a.leftMenuItem:hover, .leftMenu-ABOUTUS span.leftMenuSelectedItem{
    background-color: #bccafe;
    color: #3e4d5c;
}

.leftMenu-OURSERVICES span.leftMenuHeader{
    background-color: #f5a46c;   
}

.leftMenu-OURSERVICES a.leftMenuItem:hover, .leftMenu-OURSERVICES span.leftMenuSelectedItem{
    background-color: #fbd5ba;   
    color: #3e4d5c;
}

.leftMenu-HOWWEWORK span.leftMenuHeader{
    background-color: #3fdb9a;   
}

.leftMenu-HOWWEWORK a.leftMenuItem:hover, .leftMenu-HOWWEWORK span.leftMenuSelectedItem{
    background-color: #69ffc1;   
    color: #3e4d5c;
}

.leftMenu-GUARANTEES span.leftMenuHeader{
    background-color: #973ded;   
}

.leftMenu-GUARANTEES a.leftMenuItem:hover, .leftMenu-GUARANTEES span.leftMenuSelectedItem{
    background-color: #ddbcfd;
    color: #3e4d5c;
}

.leftMenu-PRODUCTS span.leftMenuHeader{
    background-color: #4fb4fa;   
}

.leftMenu-PRODUCTS a.leftMenuItem:hover, .leftMenu-PRODUCTS span.leftMenuSelectedItem{
    background-color: #b0deff;
    color: #3e4d5c;
}

img.city {
    width: 640px;
    height: 300px;
}

#cityCarousel {
    margin-top: 20px;
    max-width: 640px;
}

.ukrainemap {
    width: 100%;
    margin: 20px 0px 0px 0px;
}

a.whyukraine, a.whyukraine:hover, a.whyukraine:visited {
    color: #3e4d5c;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    height: 100px;
    float: left;
    overflow: hidden;
    margin: 30px 0px 0px 0px;
    padding: 37px 0px 0px 130px;
}

a.whyukraine:hover {
    text-decoration: underline;
}

.scientificCapital {
    background: url("../images/aboutus/science.png") transparent left top no-repeat;
    width: 420px;
}

.calturalCapital {
    background: url("../images/aboutus/culture.png") transparent left top no-repeat;
    width: 340px;
}

.qalifiedResources {
    background: url("../images/aboutus/qalifiedresources.png") transparent left top no-repeat;
    width: 420px;
}

.manyUniversities {
    background: url("../images/aboutus/universities.png") transparent left top no-repeat;
    padding-top: 28px !important;
    width: 340px;
}

ul.list {
    color: #3e4d5c;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
    margin-top: 20px;
    margin-left: 28px;
}

ul.list li{
    margin-top: 20px;
}

ul.advantages li i {
    color: #6ca5d6;
}

ul.disadvantages li i {
    color: #ff605a;
}

.fa-quote-right.testimonial {
    margin: 20px 0px 0px 0px;
    font-size: 27px;
    display: block;
}

.person.testimonial {
    position: static;
    margin: 20px 0px 70px 0px;
}

a.simpleLink, a.simpleLink:hover, a.simpleLink:visited {
    color: #6ca5d6;
    text-decoration: none;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

a.simpleLink:hover {
    text-decoration: underline;
}

/* START OF DIAGRAMS*/

/* Diagrams common*/

.diagram {
    color: #ffffff;
    font-weight: normal;
    width: 100%;
    margin: 2px 0px 0px 0px;
}

.diagram i.fa-chevron-right {
    font-size: 50px;
    margin: 49px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.diagram h3{
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;  
    display: inline-block;
    margin: 58px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.diagram .imageBlock {
    height: 150px;
    width: 190px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.diagram .chevronBlock {
    height: 150px;
    width: 91px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.diagram .headerBlock {
    height: 150px;
    width: 230px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

.diagram .linksBlock {
    height: 150px;
    float: left;
    width: 272px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

.diagram .linksBlock a, .diagram .linksBlock a:hover, .diagram .linksBlock a:visited{
    font-size: 18px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    text-transform: none;
    margin: 18px 0px 0px 0px;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.diagram .linksBlock a:hover {
    text-decoration: underline;
}

/* Diagrams "Our Services" */

.diagram.developmentDiagram {
    margin: 20px 0px 0px 0px;
    background-color: #674ab2;
}

.diagram.consultingDiagram {
    background-color: #7d6ab1;
}

.diagram.seoDiagram {
    background-color: #907cc7;
}

.developmentDiagram .imageBlock {
    background: url("../images/ourservices/development_diagram_bg.png") transparent 44px 25px no-repeat;
}

.consultingDiagram .imageBlock {
    background: url("../images/ourservices/consulting_diagram_bg.png") transparent 44px 27px no-repeat;
}

.seoDiagram .imageBlock {
    background: url("../images/ourservices/seo_diagram_bg.png") transparent 44px 31px no-repeat;
}

.developmentDiagram .headerBlock, .seoDiagram .headerBlock, .consultingDiagram .headerBlock{
    width: 210px !important;
}

.developmentDiagram .linksBlock, .seoDiagram .linksBlock, .consultingDiagram .linksBlock {
    width: 293px !important;
}

.developmentDiagram .chevronBlock, .seoDiagram .chevronBlock, .consultingDiagram .chevronBlock {
    width: 74px !important;
}

.developmentDiagram .linksBlock a, .developmentDiagram .linksBlock a:hover, .developmentDiagram .linksBlock a:visited,
.consultingDiagram .linksBlock a, .consultingDiagram .linksBlock a:hover, .consultingDiagram .linksBlock a:visited,
.seoDiagram .linksBlock a, .seoDiagram .linksBlock a:hover, .seoDiagram .linksBlock a:visited {
    font-size: 16px;
}

.developmentDiagram .webApplicationsLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/web_application.png") transparent 0px 0px no-repeat;
}

.developmentDiagram .mobileApplicationsLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important;
    background: url("../images/ourservices/mobile_application.png") transparent 6px 0px no-repeat;
}

.developmentDiagram .desktopApplicationsLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important;
    background: url("../images/ourservices/desktop_application.png") transparent 0px 0px no-repeat;
}

.consultingDiagram .softwareArchitectureLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/software_architecture.png") transparent 0px 0px no-repeat;
}

.consultingDiagram .qualityAssuranceLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/quality_assurance.png") transparent 0px 0px no-repeat;
}

.consultingDiagram .costAndTimeEstimationLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/cost_and_time_estimation.png") transparent 7px 0px no-repeat;
}

.seoDiagram .seoLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/seoservice.png") transparent 0px 0px no-repeat;
}

.seoDiagram .payPerClickAdvertisingLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/pay_per_click_advertising.png") transparent 0px 0px no-repeat;
}

.seoDiagram .advertisingInSocialNetworksLink {
    height: 30px;
    padding-left: 50px;
    padding-top: 2px;
    margin-top: 15px !important; 
    background: url("../images/ourservices/advertising_in_social_networks.png") transparent 0px 0px no-repeat;
}

/* Diagrams "How We Work" */

.diagram.businessModelsDiagram {
    margin: 20px 0px 0px 0px;
    background-color: #6ca5d6;   
}

.diagram.methodologyDiagram {
    background-color: #79b1e2;
}

.businessModelsDiagram .chevronBlock, .methodologyDiagram .chevronBlock{
    width: 75px;
}

.businessModelsDiagram .imageBlock {
    background: url("../images/howwework/business_models_diagram_bg.png") transparent 44px 33px no-repeat;
}

.methodologyDiagram .imageBlock {
    background: url("../images/howwework/methodology_diagram_bg.png") transparent 44px 35px no-repeat;
}

.businessModelsDiagram .linksBlock a, .businessModelsDiagram .linksBlock a:hover, .businessModelsDiagram .linksBlock a:visited,
.methodologyDiagram .linksBlock a, .methodologyDiagram .linksBlock a:hover, .methodologyDiagram .linksBlock a:visited{
    padding-left: 70px;
    height: 45px;
}

.businessModelsDiagram .dedicatedTeamLink {
    padding-top: 2px;
    margin-top: 28px !important;
    background: url("../images/howwework/dedicated_team_diagram_bg.png") transparent 0px 0px no-repeat;
}

.businessModelsDiagram .flatFeeLink {
    padding-top: 9px;
    margin-top: 12px !important;
    background: url("../images/howwework/flat_fee_diagram_bg.png") transparent 0px 0px no-repeat;
}

.methodologyDiagram .projectManagementLink {
    padding-top: 7px;
    margin-top: 25px !important;
    background: url("../images/howwework/project_management_diagram_bg.png") transparent 0px 0px no-repeat;
}

.methodologyDiagram .recruitingProcessLink {
    padding-top: 9px;
    margin-top: 15px !important;
    background: url("../images/howwework/recruiting_process_diagram_bg.png") transparent 0px 0px no-repeat;
}

/* Diagrams "Guarantees" */

.guaranteesShield .shieldBox {
    padding: 0px 0px 0px 0px;
    float: left;
}

.guaranteesShield .shieldBox .iconBox {
    width: 100%;
    height: 100%;
}

.guaranteesShield .shieldBox a, .guaranteesShield .shieldBox a:hover, .guaranteesShield .shieldBox a:visited{
    font-size: 18px;
    color: #3e4d5c;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    margin: 0px 0px 0px 0px;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.guaranteesShield .shieldBox a:hover {
    text-decoration: underline;
}

.guaranteesShield .shieldBox.customerCare {
    width: 355px;
    height: 167px;
    margin: 20px 15px 15px 15px;
    background: url("../images/guarantees/shield_customer_care_bg.png") transparent right top no-repeat;
}

.guaranteesShield .shieldBox.networkAndDataSecurity {
    width: 355px;
    height: 167px;
    margin: 20px 15px 15px 15px;
    background: url("../images/guarantees/shield_network_and_data_security_bg.png") transparent left top no-repeat;
}

.guaranteesShield .shieldBox.pilotProject {
    width: 355px;
    height: 152px;
    margin: 15px 15px 0px 15px;
    background: url("../images/guarantees/shield_pilot_project_bg.png") transparent right top no-repeat;
}

.guaranteesShield .shieldBox.intellectualPropertyAndNda {
    width: 355px;
    height: 152px;
    margin: 15px 15px 0px 15px;
    background: url("../images/guarantees/shield_intellectual_property_and_nda_bg.png") transparent left top no-repeat;
}

.customerCare .iconBox{
    padding: 85px 0px 0px 48px;
    background: url("../images/guarantees/shield_customer_care_icon.png") transparent 241px 51px no-repeat;
}

.networkAndDataSecurity .iconBox{
    padding: 75px 0px 0px 186px;
    background: url("../images/guarantees/shield_network_and_data_security_icon.png") transparent 53px 51px no-repeat;
}

.pilotProject .iconBox{
    padding: 53px 0px 0px 121px;
    background: url("../images/guarantees/shield_pilot_project_icon.png") transparent 266px 31px no-repeat;
}

.intellectualPropertyAndNda .iconBox{
    padding: 43px 0px 0px 133px;
    background: url("../images/guarantees/shield_intellectual_property_and_nda_icon.png") transparent 24px 31px no-repeat;
}

/* Overrides of the diagrams for small devices */

.smallDevicesDiagramContainer .diagram {
    width: 280px;
    height: 400px;
    margin: 20px 40px 60px 40px;
}

.smallDevicesDiagramContainer .diagram h3{
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.smallDevicesDiagramContainer .diagram i.fa-chevron-down {
    font-size: 45px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.smallDevicesDiagramContainer .diagram .imageBlock, 
.smallDevicesDiagramContainer .diagram .chevronBlock,
.smallDevicesDiagramContainer .diagram .headerBlock,
.smallDevicesDiagramContainer .diagram .linksBlock{
    width: 100% !important;
    float: none !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.smallDevicesDiagramContainer .diagram .imageBlock {
    height: 100px;
    margin-top: 30px;
}

.smallDevicesDiagramContainer .diagram .chevronBlock {
    height: auto;
    margin-top: 10px;
}

.smallDevicesDiagramContainer .diagram .headerBlock {
    height: auto;
}

.smallDevicesDiagramContainer .diagram .linksBlock {
    height: auto !important;
    text-align: left;
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .smallDevicesDiagramContainer {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1199px) {
    .largeDevicesDiagramContainer {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1029px) {
    .smallDevicesDiagramContainer .diagram {
        margin: 20px 10px 0px 10px;
    }
}

@media (min-width: 1030px) and (max-width: 1119px) {
    .smallDevicesDiagramContainer .diagram {
        margin: 20px 20px 20px 20px;
    }
}

@media (min-width: 1120px) and (max-width: 1199px) {
    .smallDevicesDiagramContainer .diagram {
        margin: 20px 35px 40px 35px;
    }
}

.smallDevicesDiagramContainer .diagram.developmentDiagram .imageBlock,
.smallDevicesDiagramContainer .diagram.consultingDiagram .imageBlock,
.smallDevicesDiagramContainer .diagram.seoDiagram .imageBlock {
    background-position: 91px 0px;
}

.smallDevicesDiagramContainer .diagram.developmentDiagram .linksBlock {
    padding-left: 44px;
}

.smallDevicesDiagramContainer .diagram.consultingDiagram .linksBlock {
    padding-left: 30px;
}

.smallDevicesDiagramContainer .diagram.seoDiagram .linksBlock {
    padding-left:11px;
}

.smallDevicesDiagramContainer .diagram.seoDiagram .seoLink,
.smallDevicesDiagramContainer .diagram.seoDiagram .advertisingInSocialNetworksLink,
.smallDevicesDiagramContainer .diagram.seoDiagram .payPerClickAdvertisingLink {
    padding-left: 40px;
}

.smallDevicesDiagramContainer .diagram.businessModelsDiagram .imageBlock,
.smallDevicesDiagramContainer .diagram.methodologyDiagram .imageBlock {
    background-position: 91px 0px;
}

.smallDevicesDiagramContainer .diagram.businessModelsDiagram .linksBlock {
    padding-left: 36px;
}

.smallDevicesDiagramContainer .diagram.methodologyDiagram .linksBlock {
    padding-left: 13px;
}

.smallDevicesDiagramContainer .diagram.businessModelsDiagram,
.smallDevicesDiagramContainer .diagram.methodologyDiagram {
    height: 385px;
}

.shield {
    width: 200px;
    height: 285px;
    margin: 20px 40px 60px 40px;
    padding: 0px 0px 0px 0px;
}

@media (min-width: 0px) and (max-width: 1029px) {
    .shield {
        margin: 20px 10px 0px 10px;
    }
}

@media (min-width: 1030px) and (max-width: 1119px) {
    .shield {
        margin: 20px 20px 20px 20px;
    }
}

@media (min-width: 1120px) and (max-width: 1199px) {
    .shield {
        margin: 20px 35px 40px 35px;
    }
}

.shield.customerCareShield {
    background: url("../images/guarantees/customer_care_shield.png") transparent left top no-repeat;
}

.shield.networkAndDataSecurityShield {
    background: url("../images/guarantees/network_and_data_security_shield.png") transparent left top no-repeat;
}

.shield.pilotProjectShield {
    background: url("../images/guarantees/pilot_project_shield.png") transparent left top no-repeat;
}

.shield.intellectualPropertyAndNdaShield {
    background: url("../images/guarantees/intellectual_property_shield.png") transparent left top no-repeat;
}

.shield .iconBox {
    width: 100%;
    height: 205px;
}

.shield.customerCareShield .iconBox{
    background: url("../images/guarantees/shield_customer_care_icon2.png") transparent 58px 35px no-repeat;
}

.shield.networkAndDataSecurityShield .iconBox{
    background: url("../images/guarantees/shield_network_and_data_security_icon2.png") transparent 65px 35px no-repeat;
}

.shield.pilotProjectShield .iconBox{
    background: url("../images/guarantees/shield_pilot_project_icon2.png") transparent 48px 56px no-repeat;
}

.shield.intellectualPropertyAndNdaShield .iconBox{
    background: url("../images/guarantees/shield_intellectual_property_and_nda_icon2.png") transparent 58px 55px no-repeat;
}

.shield a, .shield a:hover, .shield a:visited{
    font-size: 20px;
    color: #3e4d5c;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    margin: 10px 0px 0px 0px;
    -webkit-transition: text-decoration .5s ease;
    -moz-transition: text-decoration .5s ease;
    -ms-transition: text-decoration .5s ease;
    -o-transition: text-decoration .5s ease;
    transition: text-decoration .5s ease;
}

.shield a:hover {
    text-decoration: underline;
}
/* END OF DIAGRAMS*/

.contactsleftbox {
    background-color: #dcfbee;
    margin: 0px 0px 0px 0px;
    padding: 30px 40px 30px 40px;
    font-size: 21px;
    font-weight: normal;
    color: #3e4d5c;
}

.contactsleftbox .contact, .contactsleftbox .socialcontact{
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 40px;
    text-align: left;    
}

.contactsleftbox .socialcontact {
    padding-left: 30px;
}

.contactsleftbox .contact.phone {
    background: url("../images/contacts/phone.png") transparent 0px 2px no-repeat;
}

.contactsleftbox .contact.envelope {
    background: url("../images/contacts/envelope.png") transparent 0px 6px no-repeat;
}

.contactsleftbox .contact.skype {
    background: url("../images/contacts/skype.png") transparent 0px 3px no-repeat;
}

.contactsleftbox .contact.location {
    background: url("../images/contacts/location.png") transparent 0px 2px no-repeat;
    font-size: 16px;
}

.contactsleftbox .contact.clock {
    background: url("../images/contacts/clock.png") transparent 0px 3px no-repeat;
    font-size: 16px;
}

.contactsleftbox .social {
    font-size: 50px;
    margin-top: 5px;
}

.contactsleftbox a.sociallink, .contactsleftbox a.sociallink:hover, .contactsleftbox a.sociallink:visited {
    color: #3e4d5c;
    margin: 0px 12px 0px 0px;
    border: 0 none;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.contactsleftbox a.sociallink:hover {
    color: #76c1d4 !important;
}

.contactsform {
    margin-top: 20px;
    width: 80%;    
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: normal;
    color: #3e4d5c;
}

.form-control {
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    border: 1px solid #4c5c6d;
    color: #3e4d5c;
}

.form-control:focus {
    border-color: #4c5c6d;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
    -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
}

.input-validation-error {
    border: 1px solid #ff706a;
}

.input-validation-error:focus {
    border: 1px solid #4c5c6d;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
    -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #4c5c6d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 92, 109, .6);
}

.alertmessage {
    font-size: 19px;
    font-weight: normal;
    border: 2px solid #ff706a;
    -ms-border-radius: 4px;
    border-radius: 4px;    
    padding: 12px 15px 12px 15px;
    color: #ff605a;
    margin-bottom: 40px;
    text-align: center;
}

.alertmessage.success {
    border: 2px solid #4ce440;
    color: #4cd542;
}

.alertmessage .fa {
    margin-right: 20px;
}

.contactsform button.block {
    display: block;
    margin: 0px auto 0px auto;
}

#productCarousel {
    margin-top: 20px;
    max-width: 640px;
}

.productBox {
    width: 280px;
    margin: 20px 40px 60px 40px;
    padding: 0px 0px 0px 0px;
}

@media (min-width: 0px) and (max-width: 1029px) {
    .productBox {
        margin: 20px 10px 0px 10px;
    }
}

@media (min-width: 1030px) and (max-width: 1119px) {
    .productBox {
        margin: 20px 20px 20px 20px;
    }
}

@media (min-width: 1120px) and (max-width: 1199px) {
    .productBox {
        margin: 20px 35px 50px 35px;
    }
}

.productBox .picture{
    margin: 0px auto 20px auto;
    padding: 0px 0px 0px 0px;
}

.productBox h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    display: inline-block;
}

.productInfo {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 18px;
    font-weight: normal;
    color: #3e4d5c;
    background-color: #ffffff;
    text-align: justify;
    position: relative;
}

.productInfo a, .productInfo a:hover, .productInfo a:visited {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 6px 15px 6px 15px;
    white-space: nowrap;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.bottomMenu {
    margin-top: 40px;
}

.expertise-banner {
    margin-top: 20px;
    width: 100%;
}



.productBox.highload-voting-system h3{
    background-color: #1bbe8a;
    display: block;
    line-height: 50px;
}

.productBox.highload-voting-system .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/highload-voting-system.png") transparent 0px 0px no-repeat;
}

.highload-voting-system .productInfo a {
    background-color: #1bbe8a;
    border: 1px solid #1bbe8a;   
}

.highload-voting-system .productInfo a:hover {
    color: #1bbe8a;
    border: 1px solid #1bbe8a;
    background-color: #ffffff;
}


.productBox.distributed-algorithms h3{
    background-color: #4fb4fa;
    display: block;
    line-height: 50px;
}

.productBox.distributed-algorithms .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/distributed-algorithms.png") transparent 0px 0px no-repeat;
}

.distributed-algorithms .productInfo a {
    background-color: #4fb4fa;
    border: 1px solid #4fb4fa;   
}

.distributed-algorithms .productInfo a:hover {
    color: #4fb4fa;
    background-color: #ffffff;
    border: 1px solid #4fb4fa;
}


.productBox.advertising-network h3{
    background-color: #1bbe8a;
    display: block;
    line-height: 50px;
}

.productBox.advertising-network .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/advertising-network.png") transparent 0px 0px no-repeat;
}

.advertising-network .productInfo a {
    background-color: #1bbe8a;
    border: 1px solid #1bbe8a;   
}

.advertising-network .productInfo a:hover {
    color: #1bbe8a;
    border: 1px solid #1bbe8a;
    background-color: #ffffff;
}


.productBox.social-network-analyzer h3{
    background-color: #4fb4fa;
    display: block;
    line-height: 50px;
}

.productBox.social-network-analyzer .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/social-network-analyzer.png") transparent 0px 0px no-repeat;
}

.social-network-analyzer .productInfo a {
    background-color: #4fb4fa;
    border: 1px solid #4fb4fa;   
}

.social-network-analyzer .productInfo a:hover {
    color: #4fb4fa;
    background-color: #ffffff;
    border: 1px solid #4fb4fa;
}


.productBox.taxi-car-determiner h3{
    background-color: #1bbe8a;
    display: block;
    line-height: 50px;
}

.productBox.taxi-car-determiner .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/taxi-car-determiner.png") transparent 0px 0px no-repeat;
}

.taxi-car-determiner .productInfo a {
    background-color: #1bbe8a;
    border: 1px solid #1bbe8a;   
}

.taxi-car-determiner .productInfo a:hover {
    color: #1bbe8a;
    border: 1px solid #1bbe8a;
    background-color: #ffffff;
}


.productBox.dishes-configurator h3{
    background-color: #4fb4fa;
    display: block;
    line-height: 50px;
}

.productBox.dishes-configurator .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/dishes-configurator.png") transparent 0px 0px no-repeat;
}

.dishes-configurator .productInfo a {
    background-color: #4fb4fa;
    border: 1px solid #4fb4fa;   
}

.dishes-configurator .productInfo a:hover {
    color: #4fb4fa;
    background-color: #ffffff;
    border: 1px solid #4fb4fa;
}


.productBox.merchandising-crm h3{
    background-color: #1bbe8a;
    display: block;
    line-height: 50px;
}

.productBox.merchandising-crm .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/merchandising-crm.png") transparent 0px 0px no-repeat;
}

.merchandising-crm .productInfo a {
    background-color: #1bbe8a;
    border: 1px solid #1bbe8a;   
}

.merchandising-crm .productInfo a:hover {
    color: #1bbe8a;
    border: 1px solid #1bbe8a;
    background-color: #ffffff;
}


.productBox.school-diary h3{
    background-color: #4fb4fa;
    display: block;
    line-height: 50px;
}

.productBox.school-diary .picture{
    width: 250px;
    height: 150px;
    background: url("../images/ourexpertise/school-diary.png") transparent 0px 0px no-repeat;
}

.school-diary .productInfo a {
    background-color: #4fb4fa;
    border: 1px solid #4fb4fa;   
}

.school-diary .productInfo a:hover {
    color: #4fb4fa;
    background-color: #ffffff;
    border: 1px solid #4fb4fa;
}