/*#region Basic Settings */

.Float {
    float: right;
}

.FloatLeft {
    float: left;
}

body {
    direction: rtl;
}

.ItemPlaceHolder .Header {
    text-align: right;
}

/*#endregion */

/*#region Fixed items */

.OurServicesFixed {
    left: 0px;
    -moz-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    border-radius: 0px 20px 20px 0px;
    padding: 10px 15px 10px 30px;
}

/*#endregion */

/*#region Menu */

.MenuPlaceHolder .MenuUnderLine {
    left: 0px;
}

/*#endregion */

/*#region Canvas */

.Canvas1 {
    left: 50%;
}

.Canvas2 {
    right: 0px;
}

/*#endregion */

/*#region First Page - Print */
.FirstPageLogoRegular {
    left: 3%;
}

.PageOneTextPlaceHolder {
    direction: ltr;
    right: calc(25% - 175px);
}

.ArrowDownLinkPlaceHolder {
    right: 50%;
}

/*#endregion */

/*#region Second Page - About Us */

/*#endregion */

/*#region Page Three - Example Sites */

.site-details-holder .site-info-conteiner {
    padding-left: 10px;
    border-left: 1px solid #7C7B7B;
}

.sites-navigation-holder {
    right: 20px;
}

.next-text-arrow {
  margin-right: 10px;
}

.prev-text-arrow {
  margin-left: 10px;
}

/*#endregion */

/*#region Page Four - Technologies */

.ContentPlaceHolder {
    margin-right: 20px;
}
/*#endregion */

/*#region Page Five - Glasses Slogen */

.GlassesSlogenPlaceHolder {
    left: 40%;
}

.GlassesSlogenBorder {
    direction: ltr;
}

/*#endregion */

/*#region Page Six - Baloons */

.Cloud.First,
.Cloud.Third {
    -webkit-animation: MoveCloud 40s linear infinite;
    -moz-animation: MoveCloud 40s linear infinite;
    -ms-animation: MoveCloud 40s linear infinite;
    -o-animation: MoveCloud 40s linear infinite;
    animation: MoveCloud 40s linear infinite;
}

.Cloud.Second,
.Cloud.Forth {
    -webkit-animation: MoveCloud2 60s linear infinite;
    -moz-animation: MoveCloud2 60s linear infinite;
    -ms-animation: MoveCloud2 60s linear infinite;
    -o-animation: MoveCloud2 60s linear infinite;
    animation: MoveCloud2 60s linear infinite;
    z-index: 2;
}

.Cloud.First {
    right: -10%;
}

.Cloud.Second {
    right: -50%;
}

.Cloud.Third {
    right: -30%;
}

.Cloud.Forth {
    right: -75%;
}

@-webkit-keyframes MoveCloud {
    100% {
        right: 100%;
    }
}

@-moz-keyframes MoveCloud {
    100% {
        right: 100%;
    }
}

@-o-keyframes MoveCloud {
    100% {
        right: 100%;
    }
}

@keyframes MoveCloud {
    100% {
        right: 100%;
    }
}

@-webkit-keyframes MoveCloud2 {
    100% {
        right: 150%;
    }
}

@-moz-keyframes MoveCloud2 {
    100% {
        right: 150%;
    }
}

@-o-keyframes MoveCloud2 {
    100% {
        right: 150%;
    }
}

@keyframes MoveCloud2 {
    100% {
        right: 150%;
    }
}

.Balloon.First {
    left: 20%;
}

.Balloon.Second {
    left: 60%;
}

@-webkit-keyframes MoveBalloon1 {
    12.5% {
        left: 25%;
        top: 15%;
    }

    25% {
        left: 20%;
        top: 10%;
    }

    37.5% {
        left: 15%;
        top: 15%;
    }

    50% {
        left: 20%;
        top: 20%;
    }

    62.5% {
        left: 25%;
        top: 25%;
    }

    75% {
        left: 20%;
        top: 30%;
    }

    87.5% {
        left: 15%;
        top: 25%;
    }

    100% {
        left: 20%;
        top: 20%;
    }
}

@-moz-keyframes MoveBalloon1 {
    12.5% {
        left: 25%;
        top: 15%;
    }

    25% {
        left: 20%;
        top: 10%;
    }

    37.5% {
        left: 15%;
        top: 15%;
    }

    50% {
        left: 20%;
        top: 20%;
    }

    62.5% {
        left: 25%;
        top: 25%;
    }

    75% {
        left: 20%;
        top: 30%;
    }

    87.5% {
        left: 15%;
        top: 25%;
    }

    100% {
        left: 20%;
        top: 20%;
    }
}

@-o-keyframes MoveBalloon1 {
    12.5% {
        left: 25%;
        top: 15%;
    }

    25% {
        left: 20%;
        top: 10%;
    }

    37.5% {
        left: 15%;
        top: 15%;
    }

    50% {
        left: 20%;
        top: 20%;
    }

    62.5% {
        left: 25%;
        top: 25%;
    }

    75% {
        left: 20%;
        top: 30%;
    }

    87.5% {
        left: 15%;
        top: 25%;
    }

    100% {
        left: 20%;
        top: 20%;
    }
}

@keyframes MoveBalloon1 {
    12.5% {
        left: 25%;
        top: 15%;
    }

    25% {
        left: 20%;
        top: 10%;
    }

    37.5% {
        left: 15%;
        top: 15%;
    }

    50% {
        left: 20%;
        top: 20%;
    }

    62.5% {
        left: 25%;
        top: 25%;
    }

    75% {
        left: 20%;
        top: 30%;
    }

    87.5% {
        left: 15%;
        top: 25%;
    }

    100% {
        left: 20%;
        top: 20%;
    }
}

@-webkit-keyframes MoveBalloon2 {
    12.5% {
        left: 65%;
        top: 45%;
    }

    25% {
        left: 60%;
        top: 50%;
    }

    37.5% {
        left: 55%;
        top: 45%;
    }

    50% {
        left: 60%;
        top: 40%;
    }

    62.5% {
        left: 65%;
        top: 35%;
    }

    75% {
        left: 60%;
        top: 30%;
    }

    87.5% {
        left: 55%;
        top: 35%;
    }

    100% {
        left: 60%;
        top: 40%;
    }
}

@-moz-keyframes MoveBalloon2 {
    12.5% {
        left: 65%;
        top: 45%;
    }

    25% {
        left: 60%;
        top: 50%;
    }

    37.5% {
        left: 55%;
        top: 45%;
    }

    50% {
        left: 60%;
        top: 40%;
    }

    62.5% {
        left: 65%;
        top: 35%;
    }

    75% {
        left: 60%;
        top: 30%;
    }

    87.5% {
        left: 55%;
        top: 35%;
    }

    100% {
        left: 60%;
        top: 40%;
    }
}

@-o-keyframes MoveBalloon2 {
    12.5% {
        left: 65%;
        top: 45%;
    }

    25% {
        left: 60%;
        top: 50%;
    }

    37.5% {
        left: 55%;
        top: 45%;
    }

    50% {
        left: 60%;
        top: 40%;
    }

    62.5% {
        left: 65%;
        top: 35%;
    }

    75% {
        left: 60%;
        top: 30%;
    }

    87.5% {
        left: 55%;
        top: 35%;
    }

    100% {
        left: 60%;
        top: 40%;
    }
}

@keyframes MoveBalloon2 {
    12.5% {
        left: 65%;
        top: 45%;
    }

    25% {
        left: 60%;
        top: 50%;
    }

    37.5% {
        left: 55%;
        top: 45%;
    }

    50% {
        left: 60%;
        top: 40%;
    }

    62.5% {
        left: 65%;
        top: 35%;
    }

    75% {
        left: 60%;
        top: 30%;
    }

    87.5% {
        left: 55%;
        top: 35%;
    }

    100% {
        left: 60%;
        top: 40%;
    }
}

.bullseye {
    right: 15%;
}

.balloonArrow {
    right: -20%;
}

@-webkit-keyframes MoveBalloonArrow {

    to {
        top: 18%;
        right: 14.5%;
    }
}

@-moz-keyframes MoveBalloonArrow {

    to {
        top: 18%;
        right: 14.5%;
    }
}

@-o-keyframes MoveBalloonArrow {

    to {
        top: 18%;
        right: 14.5%;
    }
}

@keyframes MoveBalloonArrow {

    to {
        top: 18%;
        right: 14.5%;
    }
}

/*#endregion */

/*#region Page Seven - Products */

/*#endregion */

/*#region Page Eight - Customers */

.LoadMoreArrow{
    margin-right: 30px;
}

/*#endregion */

/*#region Page Nine - Recommendations */

/*.ItemPlaceHolder:last-child:nth-child(odd) {
  padding-left: 60%;
}*/

/*#endregion */

/*#region Page Ten - Contact */

/*#endregion */

/*#region Blog Page */

.sidetitle:before {
    background: url('../images/IconsAndMore/blog-title.png') no-repeat right top;
    content: '';
    width: 32px;
    height: 31px;
    right: 0px;
    float: right;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.sidetitle.Closed:before {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sidetitle:hover.Closed:before {
    -moz-transform: scale(1.3) rotate(270deg);
    -ms-transform: scale(1.3) rotate(270deg);
    -o-transform: scale(1.3) rotate(270deg);
    -webkit-transform: scale(1.3) rotate(270deg);
    transform: scale(1.3) rotate(270deg);
}

.sidetitle span {
    margin-right: 15px;
}


.sidedate {
    margin-right: 3px;
}

    .sidedate span {
        margin-right: 4px;
    }

.pbody {
    margin-right: 30px;
}

.topimg {
    right: 0;
    background: url('../images/IconsAndMore/bestposttop.png') no-repeat;
}

.botimg {
    left: 0;
    background: url('../images/IconsAndMore/bestpostbottom.png') no-repeat;
}

.post .body {
    margin-right: 70px;
    padding-right: 15px;
}

.fullnametextbox {
    padding-left: 15px;
    float: right;
}

.post-image-holder {
    margin: 20px 0px 0px 20px;
    float: right;
}

.ShareBtn{
    background-position:calc(100% - 5px) center !important;
}

/*#endregion */

.ie .StripsPage2 {
    left: -44.5%;
}

@media only screen and (max-width: 1024px) {
    .MenuPlaceHolder {
        padding-left: 200px;
    }


        .MenuPlaceHolder.MenuFix {
            padding-left: 100px;
        }

    .FirstPageLogoRegular.LogoAbsoluteToMenu.LogoFixedToMenu {
        left: 3%;
    }
}

@media only screen and (max-width: 760px) {
    .GlassesSlogenPlaceHolder {
    left: initial;
}

      .PageOneTextPlaceHolder{
        right:0;
        left:0;
    }

      .LoadMoreArrow{
          margin-right:20px;
      }
}