body {
    font: 18px;
}

select {
    background: #fff url("../images/caret.png") no-repeat right+10px center;
}

.pink-input select {
    background: #f9dbd9 url("../images/caret.png") no-repeat right+10px center;
}

.gray-input select {
    background: #979797 url("../images/caret.png") no-repeat right+10px center;
}

.golden-input select {
    background: #c99841 url("../images/caret.png") no-repeat right+10px center;
}

.right-fa {
    margin-left: 5px;
}

.left-fa {
    margin-right: 5px;
}

.reflection:before {
    left: 0;

    transform: rotate(326deg);
    -webkit-transform: rotate(326deg);
    -moz-transform: rotate(326deg);
    -ms-transform: rotate(326deg);
    -o-transform: rotate(326deg);

    transform-origin: top right;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=1 );
}

.bg-img-holder .reflection:before {
    transform: rotate(320deg);
    -webkit-transform: rotate(320deg);
    -moz-transform: rotate(320deg);
    -ms-transform: rotate(320deg);
    -o-transform: rotate(320deg);
}

.golden-header span {
    padding: 7px 0 0;
}

.pink-nav .nav > li.reflection:before {
    right: 1px;

    -webkit-transform: rotate(346deg);
    -moz-transform: rotate(346deg);
    -ms-transform: rotate(346deg);
    -o-transform: rotate(346deg);
    transform: rotate(346deg);
}

.float-vector {
    left: 15%;
}

.float-vector.more-left {
    left: 6%;
}

.black-box img.max-width {
    border-right: 2px solid #fff;
}

.purple-box {
    background: #4d2a6c url('../images/mosary-pattern-1.png') repeat-y top right+10px;
    background-size: 80px auto;
    padding: 50px 100px 0 0;
}

.btn-social i {
    border-right: 1px solid rgba(0,0,0,0.1);
}

.navbar-toggle {
    float: right;
}

.vertical-pattern {
    right: 0;
}

.box-bg {
    right: 0;
}

.mosary {
    background: rgb(241,138,55);
    background: -moz-linear-gradient(-45deg, rgba(241,138,55,1) 0%, rgba(222,31,99,1) 38%, rgba(173,33,121,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(241,138,55,1) 0%,rgba(222,31,99,1) 38%,rgba(173,33,121,1) 100%);
    background: linear-gradient(135deg, rgba(241,138,55,1) 0%,rgba(222,31,99,1) 38%,rgba(173,33,121,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18a37', endColorstr='#ad2179',GradientType=1 );
}

/***/

@media (min-width: 768px) {

    .text-align-right {
        text-align: right;
    }

    .text-align-left {
        text-align: left;
    }

    .border-right {
        border-right: 1px solid #fff;
    }

    .border-left {
        border-left: 1px solid #fff;
    }

    .navbar-nav {
        float: right;
    }

    .over-img-content .logo {
        margin-left: 50px;
    }

    .hover-change a img.hover-img {
        right: 13px;
    }

    .padding-left {
        padding-left: 50px;
    }

    .pink-box-holder .pink-box {
        left: 33%;
    }

    .box-bg {
        right: -28%;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .behind-bg {
        right: 0;
    }

}

@media (min-width: 992px) {

    .padding-right {
        padding-right: 50px;
    }

    .float-right {
        float: right;
    }

    .box-bg {
        right: -24%;
    }

}

@media (min-width: 1200px) {

    .box-bg {
        right: -26%;
    }

}
.img-page{
    margin-right:30px !important;
}


.pink-box:nth-child(even) .party{
    float: right
}
.pink-box:nth-child(odd) .party{
    float: left
}

#sub_search {
  left: 7%;
  position: relative;
}
.services{
    text-align: left !important;
}


.bx-wrapper .bx-viewport {

    left: 200px;
}