@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/carousel.css";
@import "../css/ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

/* Global properties ======================================================== */
html {
    width: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #474747;
    min-width: 960px;
    background: url(../images/body.jpg) 50% 0 no-repeat #f7f6f6;
    -webkit-text-size-adjust: none;
}

/*********************************fonts*************************************/
.reg {
    text-transform: uppercase;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.it {
    font-style: italic;
}

.let {
    letter-spacing: -1px;
}

/*********************************CLASSES**********************************/
.m_bottom_zero {
    margin-bottom: 0 !important;
}

.m_left_zero {
    margin-left: 0 !important;
}

.p_bottom_zero {
    padding-bottom: 0 !important;
}

.p_left_zero {
    padding-left: 0 !important;
}

.clear {
    clear: both;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.extra_wrapper {
    overflow: hidden;
}

.container {
    width: 100%;
}

.extra_last, .last {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.extra_last {
    border: none !important;
    background: none !important;
}

.bg_none {
    background: none !important;
}

.bd_none {
    border: none !important;
}

/*==================================== Links ======================================================== */
a {
    color: #928b91;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}


    a:hover {
        color: #7770b4;
        text-decoration: none;
    }

.button {
    display: inline-block;
    padding: 10px 14px;
    margin: 25px 0 12px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #fff;
    background: url('../images/button.jpg') 0 0 repeat-y;
    box-shadow: 0 2px 10px #dbd7d9;
}

    .button:hover {
        background-position: -110% 0;
        background-color: #fff;
        border-color: #c7beda;
        color: #9281b7;
        box-shadow: none;
    }

/*********************************Displays*************************************/
.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

/*********************************header*************************************/

header {
    background: url('../images/header_bg.png') no-repeat;
    min-height: 165px;
    margin-bottom: 19px;
}

    header h1 {
        position: absolute;
        left: 50%;
        width: 210px;
        height: 139px;
        margin-left: -105px;
        z-index: 99;
        top: 0;
    }

        header h1 a {
            display: block;
            width: 210px;
            height: 139px;
            background: url(../images/logo.png) 0 0 no-repeat;
            text-decoration: none;
            text-indent: -9999px;
        }

/*********************************content*************************************/
#content {
    padding: 1px 0px 37px 0px;
}

.cont_pad {
    padding: 80px 0 37px 0 !important;
}

/*===============================>> Paragraphs <<=============================*/

p {
    margin-bottom: 20px;
}

.p2 {
    margin-bottom: 29px;
}

.p3 {
    margin-bottom: 18px;
}

/*================================>> LISTS <<========================================*/
.list1 {
}

    .list1 li {
        border-bottom: 1px solid #e6e3ed;
        background: url(../images/marker1.png) 0 8px no-repeat;
        padding-left: 15px;
        padding-bottom: 7px;
        margin-bottom: 12px;
    }

    .list1 a:hover {
        color: #9281b7;
    }

/*================================>> H <<========================================*/

h2 {
    font-size: 24px;
    line-height: 24px;
    color: #6c6679;
    font-weight: bold;
}

    h2.ind {
        margin-bottom: 18px;
    }

    h2.ind1 {
        margin-bottom: 24px;
    }

h3 {
    font-size: 27px;
    line-height: 27px;
    color: #9281b7;
    font-weight: normal;
}

h4 {
    font-weight: bold;
    color: #9281b7;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
	margin-top: 10px;
}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu > li > a, h2, .f_logo {
    font-family: 'PT Sans Narrow', sans-serif;
}

h3, .why > figure {
    color: FF0000;
}
/*================================>> hovers <<========================================*/
.sf-menu > li, .sf-menu > li > a, .sf-menu > li > span, .button, a.img_wrap {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*********************************page_1*************************************/
.ext_list > li > figure, .ext_box > figure {
    float: left;
}

.ext_list > li > div, .ext_box > div {
    overflow: hidden;
}

.offer {
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    padding: 29px 0 17px;
    background: url('../images/offer_bg.jpg') repeat-y;
}

    .offer h3 {
        margin-bottom: 12px;
        height: 70px;
    }

    .offer .text {
        padding: 0 15px;
    }

    .offer:before, .offer:after {
        width: 220px;
        display: block;
        position: absolute;
        left: -1px;
        content: "";
    }

    .offer:before {
        height: 6px;
        background: #a294c1;
        top: -6px;
    }

    .offer:after {
        background: url('../images/offer_after.png') repeat-x;
        height: 25px;
        bottom: -28px;
    }

.m_bot1 {
    margin-bottom: 61px;
}

.m_bot2 {
    margin-bottom: 56px;
}

.m_bot3 {
    margin-bottom: 57px;
}

.font_1, .service_list dd strong, .service_list dt {
    font-size: 12px;
    line-height: 20px;
    color: #9281b7;
}


/*********************************page_2*************************************/

.about > figure {
    margin: 6px 20px 0 0;
}

.img_wrap {
    border: 5px solid #fff;
   
    box-shadow: 0 6px 27px #e7e5e3;
}

a.img_wrap:hover {
    border-color: #9281b7;
}

.about_box {
    margin-bottom: 56px;
}

.m_left1 {
    margin-left: 40px;
}

.why {
    width: 330px;
    float: left;
}

    .why > figure {
        border: 1px solid #c8bfdb;
        width: 48px;
        height: 45px;
        text-align: center;
        background: #fcfbfb;
        margin: 6px 20px 0 0px;
        padding-top: 3px;
        font-size: 36px;
        line-height: 43px;
        color: #9281b7;
    }

.why_box {
    margin-bottom: 29px;
}

.awards > li {
    margin-bottom: 29px;
}

    .awards > li > figure {
        margin: 6px 15px 0 -2px;
    }

.team_box .img_wrap {
    margin-bottom: 14px;
}
/*********************************page_3*************************************/
.service_box {
}

    .service_box .img_wrap {
        margin-bottom: 14px;
    }

    .service_box .price {
        font-weight: bold;
        color: #9281b7;
    }

    .service_box h4 a, .link {
        color: #9281b7;
        font-weight: bold;
    }

        .service_box h4 a:hover, .link:hover {
            color: #594163;
        }

.service_list {
}

    .service_list dt {
        font-weight: bold;
        color: #9281b7;
        margin-bottom: 20px;
    }

    .service_list dd {
        margin-bottom: 10px;
    }


/* Contact form */
#contact-form {
    padding: 0px 0 0 0;
}

    #contact-form .success {
        width: 246px;
        padding: 10px;
    }

    #contact-form textarea, #contact-form input {
        margin: 0;
        font-size: 13px;
        border: 1px solid #c7beda;
        color: #928b91;
        padding: 7px 8px;
        outline: none;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        background: #fff;
        width: 202px;
    }

    #contact-form textarea {
        overflow: auto;
        height: 206px;
        resize: none;
        float: left;
        margin: 0 0 0 0;
    }

    #contact-form label {
        display: block;
        min-height: 42px;
        overflow: hidden;
    }

        #contact-form label.message {
            display: block;
            padding-bottom: 0;
        }

    #contact-form .button {
        margin-right: 8px;
    }

    #contact-form .error, #contact-form .empty, #contact-form .success {
        display: none;
    }

    #contact-form .error, #contact-form .empty {
        text-align: left;
        color: red;
        font-size: 11px;
        clear: both;
    }

    #contact-form .buttons2 {
        overflow: hidden;
        position: relative;
        clear: both;
        padding-top: 30px;
    }

        #contact-form .buttons2 a {
            cursor: pointer;
            margin-top: 0;
            text-align: center;
        }

    #contact-form span {
        display: block;
        margin: 0px 0 0 5px;
    }

.map_wrapper {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 26px;
}

#map_canvas {
    width: 480px;
    height: 407px;
}

.adress {
    margin-bottom: 29px;
}

    .adress span {
        display: inline-block;
        width: 71px;
    }

    .adress dt {
        margin-bottom: 20px;
    }

.demo {
    color: #9281b7;
    text-decoration: underline;
}

    .demo:hover {
        text-decoration: none;
    }

.touch {
}

    .touch > div {
    }

    .touch > figure {
        margin: 6px 20px 0 0;
    }
/****************************footer************************/
footer {
    padding: 26px 40px 26px;
    background: url('../images/footer_bg.jpg') 50% 0 repeat-y;
    color: #fff;
    font-size: 12px;
}

    footer a {
        color: #fff;
    }

        footer a:hover {
            text-decoration: underline;
            color: #ebcbef;
        }

.f_logo {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    display: inline-block;
    margin: -3px 0 0;
    min-width: 50px;
}

footer .privacy {
    float: left;
}

footer .social {
    overflow: hidden;
    float: right;
    margin-top: -7px;
}

    footer .social a {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin-left: 8px;
    }

        footer .social a:first-child {
            margin: 0 0 0 0;
        }

        footer .social a:hover img {
            margin-top: -30px;
        }


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
    body {
        min-width: 768px;
    }

    .offer h3 {
        font-size: 32px;
    }

    .offer:after, .offer:before {
        width: 172px;
    }

    .about > div {
        overflow: visible;
    }

    .why.m_left1 {
        margin-left: 20px;
    }

    .why {
        width: 250px;
    }

    .awards > li > div {
        overflow: visible;
    }

    .img_wrap {
        display: block;
    }

    .touch > figure {
        float: none;
    }

    #map_canvas {
        width: 100% !important;
    }

    .adress {
        float: left;
        margin-right: 20px;
    }

    #contact-form textarea, #contact-form input {
        width: 154px;
    }

    #toTop {
        display: none !important;
    }

    .touch > figure {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    body {
        min-width: 420px;
    }

    .offer:after, .offer:before {
        width: 420px;
    }

    .about > figure {
        float: none;
        margin: 0 0 15px;
    }

    img {
        width: 100%;
    }

    .why {
        width: auto;
        margin: 0 0 20px 0 !important;
    }

    .awards > li > div {
        overflow: hidden;
    }

    .m_bot2, .m_bot3 {
        margin-bottom: 30px;
    }

    #contact-form textarea, #contact-form input {
        width: 402px;
    }

    header {
        padding: 140px 0 10px;
        min-height: 0;
    }

    .service_box .img_wrap {
        display: block;
    }
}

@media only screen and (max-width: 479px) {
    body {
        min-width: 300px;
    }

    footer > div {
        float: none !important;
    }

        footer > div.social {
            margin: 10px 0 0;
        }

    .offer:after, .offer:before {
        width: 300px;
    }

    #map_canvas {
        height: 200px;
    }

    .img_wrap {
        width: 290px !important;
    }

    .adress {
        float: none;
    }

    #contact-form textarea, #contact-form input {
        width: 282px;
    }
}



.text-wrapper ul {
    list-style: disc outside none;
    margin-left: 20px;
    text-align: left;
}

    .text-wrapper ul li {
        color: #0B3C77;
    }

.text-wrapper h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #6C6679;
    padding: 5px 0;
}

.text-wrapper h2 {
}

.text-wrapper img {
    padding-right: 20px;
}

.text-wrapper table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
    border-top: 7px solid #9baff1;
    border-bottom: 7px solid #9baff1;
    margin-bottom: 20px;
}

    .text-wrapper table thead td {
        font-size: 13px;
        font-weight: normal;
        background: #e8edff;
        border-right: 1px solid #9baff1;
        border-left: 1px solid #9baff1;
        color: #039;
        padding: 8px;
    }

    .text-wrapper table td {
        background: #e8edff;
        border-right: 1px solid #aabcfe;
        border-left: 1px solid #aabcfe;
        color: #669;
        padding: 8px;
        border-bottom: 1px solid #AABCFE;
    }

.offer .text {
    height: 100px;
}

.sf-menu li ul, .sf-menu li.sfHover ul {
    width: 180px;
}

.sf-menu > li li a {
    text-transform: none;
}


.hp_contact {
    background-color: #e5e1eb;
    padding: 20px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
    height: 420px;
}

    .hp_contact h3 {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .hp_contact fieldset input[type="text"], .hp_contact fieldset input[type="email"] {
        display: block;
        height: 30px;
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #98969a;
        padding-left: 10px;
        color: #7d7c7c;
        background-color: #EAE6F0;
    }

    .hp_contact fieldset .center {
        width: 121px;
        margin: 0 auto;
    }

    .hp_contact fieldset input[type="submit"] {
        cursor: pointer;
        margin: 10px 0px 0px 0px;
    }

.video-box {
    overflow: hidden;
    padding: 10px;
    background-color: #E8E6E6;
    box-shadow: 7px 7px 5px 0 rgba(210, 210, 213, 0.75);
    -webkit-box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(210, 210, 213, 0.75);
}

    .video-box .frame {
        background-color: #ffffff;
        padding: 10px;
        display: table;
        text-align: center;
        border-radius: 5px;
        width: 271px;
        height: 153px;
        float: left;
        position: relative;
    }

    .video-box .text-wrapper {
        width: 43%;
        float: right;
        padding: 20px;
    }

.hp-videos {
    height: 380px;
}

    .hp-videos .frame img {
        width: 271px;
    }

    .hp-videos .box1:first-child {
        margin-bottom: 10px;
    }

    .hp-videos .text-wrapper h3 {
        color: #595858;
        width: 100%;
        font-size: 14px;
       line-height:20px;
    }

    .hp-videos .text-wrapper p {
        width: 100%;
        font-size: 14px;
    }

.video-box .frame a {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.video-box .frame .play {
    background: url("../images/play.png") no-repeat scroll 0 0;
    display: block;
    height: 67px;
    left: 100px;
    position: absolute;
    top: 40px;
    width: 67px;
}


.flexslider .slides > li {
    position: relative;
}

.flexslider .slides li .slider-text {
    bottom: 20px;
    left: 20px;
    padding: 10px;
    width: 860px;
    height: 50px;
    position: absolute;
    top: inherit;
    color: #9281B7;
    font-weight: normal;
    background-color: #fff;
    -khtml-opacity: .70;
    -moz-opacity: .70;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity: .70;
    display: table;
}

    .flexslider .slides li .slider-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 21px;
        line-height: 27px;
    }


.sf-menu li .folder-title {
    color: #EBCBEF;
    font-weight: bold;
}

.sf-menu li.separate {
    border-top: 1px solid #c4c0e1;
    border-bottom: 1px solid #958dc8;
}

.search {
    float: right;
    margin-top: 20px;
}

    .search input[type="text"] {
        background-color: #eeebf4;
        background-color: #EAE6F0;
        border: 1px solid #98969A;
        height: 25px;
        padding-left: 5px;
        width: 200px;
        margin: 0px;
        float: left;
        border-right: medium none;
        padding-bottom: 0;
        padding-top: 0;
    }

    .search input[type="submit"] {
        margin: 0px;
        float: left;
        background: url(../images/searchbtn.png) no-repeat center center;
        width: 48px;
        height: 27px;
        padding: 0px;
        border: none;
        text-indent: -100px;
        background-color: #eeebf4;
        border: 1px solid #98969A;
        border-left: none;
        cursor: pointer;
    }

span.mark {
    text-decoration: underline;
}

.resultsList li h2 {
    padding-bottom: 10px;
}

.resultsList li b {
    color: #928B91;
}

.resultsList li p {
    color: #474747;
    padding-top: 10px;
}

.lang
{
	padding-top:20px;
}

.lang a
{
	color:#9281b7;
	font-size:16px;
}
.lang a:hover
{
	text-decoration:underline;
}

.media-body h4 a {
	
		
}

.blog_item a h4 {
    color: #928b91;
	font-size: 20px;
}






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */