@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import "animate.css";
@import "touchTouch.css";
@import url(//fonts.googleapis.com/css?family=Ubuntu);
@import url(//fonts.googleapis.com/css?family=Raleway:400,300);


/*-------------------------
    Simple reset
--------------------------*/

* {
    margin: 0;
    padding: 0;
}

/*-------------------------
    General Styles
--------------------------*/

.line,h1{
    position:relative
}
.line,h3{
    padding-bottom:17px
}
h2,h3{
    color:#6a6c76;
    /*letter-spacing:-1px*/
}
#header,.sf-menu>li>a,body{
    background:#fff
}
.sf-menu ul,.sf-menu>li>a strong{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.sf-menu ul li,.txt_left{
    text-align:left
}
.date_section,.listWithMarker li a,.more_btn,.more_btn2,.sf-menu ul li a,.sf-menu>li>a,h4{
    text-transform:uppercase
}
#content,#footer,#toTop,.box,.circle,.map,.wrapper,blockquote {
	overflow:hidden;
}
body,html{
    margin:0;
    padding:0;
    height:100%;
	font:300 13px/20px Ubuntu,Arial,sans-serif;
}
body{
    min-width:300px;
    color:#6a6c76;
    font:300 13px Ubuntu,Arial,sans-serif;
	line-height: 20px;
}
a[href^="tel:"]{
    color:inherit;
    text-decoration:none
}
*{
    -webkit-text-size-adjust:none
}
h1{
    display:inline-block;
    margin:20px 0 0
}
h1 img{
    max-width:inherit
}
h2{
    font:300 50px/50px Raleway,Arial,sans-serif;
    margin-top:53px
}
a, a:visited {
    outline: none;
    color: #96197f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

section, footer, header, aside, nav {
    display: block;
}

#header {
    padding: 3px 0 21px;
    position: relative;
    z-index: 100;
}

/*img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    outline: 0 none;
}*/

.img {
    background: #f8f8f8;
    padding: 7px;
    box-sizing: border-box;
    margin-top: 10px;
	border: 1px solid #efefef;
}

img{
    margin-bottom:0;
    max-width:100%;
    height:auto
}

.hide {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

/*----------------------------
    Headings
-----------------------------*/

h1 {
    font: 300 30/34px Raleway,Arial,sans-serif;
    line-height: 1.2;
    margin: 0.5em 0;
	color:#96197f;
    text-decoration:none
}

h1.blog-title, h2.blog-title {
    text-transform: uppercase;
    font: 20px Raleway,Arial,sans-serif;
    margin-bottom: 1em;
    line-height: 1.3;
}

h1.blog-title a, h2.blog-title a {
    color: #96197f;
    text-decoration: none;
}

h1.blog-title a:hover, h2.blog-title a:hover {
    color: #96197f;
}

h1.title-post, h2.title-index {
    font: 28px Raleway,Arial,sans-serif;
    line-height: 1.2;
    text-transform: normal;
    margin: 0 0 20px 0;
}

h1.title-post a, h2.title-index a {
    color: #96197f;
    text-decoration: none;
}

h1.title-post a:hover, h2.title-index a:hover {
    color: #96197f;
}

h2 {
    /*font:300 50px/50px Raleway,Arial,sans-serif;
    margin-top:53px*/
font: 20px/25px Ubuntu,Arial,sans-serif;
color: #363f45;
margin-top: 39px;
}

h2.title-index {
    font:300 28px Raleway,Arial,sans-serif;
    line-height: 1.2;
    text-transform: normal;
    margin: 0 0 20px 0;
}

h3 {
font: 300 30px/34px Raleway,Arial,sans-serif;
margin-top: 79px;
border-bottom: 1px solid #efefef;
}
h3.v2{
    margin-top:55px
}
h3.v3{
    margin-top:71px
}

h4 {
    font:300 20px/25px Ubuntu,Arial,sans-serif;
    color:#363f45;
    margin-top:39px
}

h5 {
    font:300 14px Raleway,Arial,sans-serif;
    line-height: 1.2;
    margin: 0.5em 0;
}

h6 {
    font:300 12px Raleway,Arial,sans-serif;
    line-height: 1.2;
    margin: 0.5em 0;
}

/*-------------------------
    Tab
--------------------------*/

.tab {
    width: 100%;
    margin: 0.5em 0 0.5em 0;
    line-height: 1;
    border-bottom: 1px solid #E4E7EE;
}

.tab ul {
    padding:0;
    margin:0;
}

.tab  li {
    display: inline-block;
    margin:0;
    padding:0;
}

.tab a {
    background: #E4E7EE;
    border-radius: 6px 6px 0px 0;
    color: #555555;
    text-align: center;
    padding: 8px 14px;
    display: inline-block;
    margin: 0 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: Raleway,Arial,sans-serif;
}

#content ul.nav, #content ul.nav li {
    margin-bottom:0;
}

/*----------------------------
    Content & Posts
-----------------------------*/

/*#content {
    position: absolute;
    width: 580px;
    left: 50%;
    margin-left: -100px;
	padding: 0 0 118px;
background: #fafafa;
}*/

#content p,
#content ul {
    margin: 1em 0;
}

#content ul {
    padding-left: 20px;
}

#content li {
    margin-bottom: 5px;
}

#content div.actions {
    margin-top: 25px;
    font-size: 14px;
    font-family: Raleway,Arial,sans-serif;
}

#content div.actions .readmore {
    text-decoration: none !important;
    padding: 0 2px;
}

#content div.actions .readmore:hover {
    background-color: #96197f;
    color: #fff;
}

#content div.actions .comments {
    color: #ccc;
    margin-left: 10px;
    text-decoration: none;
}

.infront .post, .intag .post, .inarchive .post, .insearch .post, .inprofile .post {
    border-bottom: 1px solid #dfdfdf;
    padding: 30px 0 10px 0;
}

.infront .post.first {
    padding-top: 50px;
}

.intag .post.first, .inarchive .post.first, .insearch .post.first, .inprofile .post.first {
    padding-top: 0px;
}

.post .date {
    font: bold 12px Raleway,Arial,sans-serif;
    text-transform: uppercase;
    color: #a7a7a7;
    margin: 0 0 20px 20px;
    position: relative;
}

.post .date:before {
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    left: -22px;
    top: -1px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjZDQjA1OTM1ODZFMjExQUUwM0IwQzQwMjlEOTczMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjYzQjI4QjhCNDYxMUUyQjNENkFGQ0NCRUExRDM1NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjYzQjI4QThCNDYxMUUyQjNENkFGQ0NCRUExRDM1NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjA1NUJCNzUzOEFFMjExQUUwM0IwQzQwMjlEOTczMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNjZDQjA1OTM1ODZFMjExQUUwM0IwQzQwMjlEOTczMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhTXJRoAAADXSURBVHjaYvz//z8DNQDL7t27sYmDTGfEoQdDztXVlYEJyg4B4rdA/AGLJhjGJgfS4wfiwAyaCcRCQMwGxMxQMTY0jdjkQHqmwQzihwqAACcQ50CdXoRmEC45aXAYYQmDCVDMQIocskGMZEbYB+QwQokBEAaCzch8dDF0wMRAJcC4a9cufqjzYF7bTKReX5jXgC4UYMHiNbACYEJ9AaQkkL2BLIaekIeA15AUbEZiM+ARo67XQAZ9BOJ3eFxGSOwFcspOBOLnoBgh0SEgQ+LAgU2tgg0gwACqTkAIjemp4gAAAABJRU5ErkJggg==')
}

pre {
    margin: 1em 0;
    overflow: auto;
    background: #F1F1FF;
    color: #333333;
    display: block;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    font-size: 14px;
    padding: 10px;
    line-height: 1.3;
}

code {
    color: #333333;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    font-size: 15px;
    padding: 3px 8px;
    background: #F1F1FF;
}

pre code {
    color: #333333;
    display: block;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    font-size: 14px;
    padding: 0;
    line-height: 1.6;
}

.comments {
    position: relative;
    display: block;
    font-size: 16px;
    float: left;
    width: 100%;
}

.border {
    border-top: 1px solid #DFDFDF;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.border .fb-comments, .border #disqus_thread {
    padding-top: 1.2em;
}

#disqus_thread {
    font-family: Georgia, Times, Cambria, serif;
    float: left;
    width: 100%;
}

.breadcrumb {
    padding-top: 50px;
    padding-bottom: 10px;
    font: normal 14px 'Raleway','Arial',sans-serif;
}

.thumbnail {
    float: left;
    height: 80px;
    width: 80px;
    margin: 5px 15px 0 0;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

blockquote:before {
    color: #BBBBBB;
    content: "“";
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -0.4em;
}

blockquote:after {
    color: #BBBBBB;
    content: "”";
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -0.45em;
}

blockquote p {
    display: inline;
}

.credit {
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
}

.category {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    margin: 20px 0;
    padding: 0 1em;
}

.tags a:after {
    content:", ";
}
.tags a:last-child:after {
    content:"";
}

/*-------------------------
    Table
--------------------------*/

table {
    font-size: 12px;
    border: none;
    width: 100%;
    color: #333333;
    border: 1px solid #E3E3E3;
    margin: 1em 0;
}

table h2.title {
    margin: 5px 0;
}

th, td {
    padding: 5px 10px;
    border: none;
}

th.title {
    margin: 5px 0;
    font-family: Raleway,Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
}

td.title {
    font-weight: normal;
    background-color: #f6f6f6;
    font-family: Raleway,Arial,sans-serif;
}

th {
    background-color: #f6f6f6;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    font-family: Raleway,Arial,sans-serif;
    font-size: 18px;
}

td {
    background-color: #fafafa;
    border: 1px solid #E3E3E3;
    border-top: none;
    border-left: none;
}

/*-------------------------
    Raleted posts
--------------------------*/

.related {
    font-size: 14px;
    font-family: Raleway,Arial,sans-serif;
    width: 100%;
    float: left;
}

.related ul {
    margin: 0;
}

/*----------------------------
    Pagination buttons
-----------------------------*/

.postnav {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
}

.postnav .pagination-arrow {
    display: inline-block;
    font: bold 12px/1 Raleway,Arial,sans-serif;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555 !important;
    padding: 8px 12px;
    text-decoration: none !important;
    text-transform: none;
    position: relative;
}

.postnav .pagination-arrow.newer {
    padding-left: 20px;
}

.postnav .pagination-arrow.older {
    padding-right: 20px;
    float: right;
}

.postnav .pagination-arrow.newer:before,
.postnav .pagination-arrow.older:before {
    content: '';
    border: 5px solid #555;
    border-color: transparent #555 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: 3px;
    top: 10px;
}

.postnav .pagination-arrow.older:before {
    left: auto;
    right: 3px;
    border-color: transparent transparent transparent #555;
}

.pager {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
    text-align:center;
}

.pager .pagination-arrow {
    display: inline-block;
    font: bold 16px/1 Raleway,Arial,sans-serif;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555 !important;
    padding: 8px 12px;
    text-decoration: none !important;
    text-transform: uppercase;
    position: relative;
}

.pager .pagination-arrow.newer {
    padding-left: 20px;
    float:left;
}

.pager .pagination-arrow.older {
    padding-right: 20px;
    float: right;
}

.pager .pagination-arrow.newer:before,
.pager .pagination-arrow.older:before {
    content: '';
    border: 5px solid #555;
    border-color: transparent #555 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: 3px;
    top: 12px;
}

.pager .pagination-arrow.older:before {
    left: auto;
    right: 3px;
    border-color: transparent transparent transparent #555;
}

/*----------------------------
    The 404 page
-----------------------------*/

.message {
    padding-top: 50px;
}

.message h1 {
    font-size: 36px;
    margin-bottom: 18px;
}

.message p {
    font-size: 13px;
}

.center {
    text-align: center;
}

/*----------------------------
    Search form
-----------------------------*/

.search {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1.2em;
}

.search-input {
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 1px solid #0076a3;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    width: 120px;
    color: #888888;
}

.search-button {
    margin: 0;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3;
    border-right: 0px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    width: 60px;
}

.search-button:hover {
    text-decoration: none;
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
}

/* Fixes submit button height problem in Firefox */
.search-button::-moz-focus-inner {
    border: 0;
}

/*----------------------------
    Profile
-----------------------------*/

.profile {
    font-size: 12px;
    font-style: italic;
    border-bottom: solid 1px #dfdfdf;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.post-list {
    padding-bottom: 2em;
    border-bottom: solid 1px #dfdfdf;
    font-size: 12px;
}

/*----------------------------
    Share + Author info
-----------------------------*/

.separator {
    text-align: left;
    font-size: 18px;
    line-height: 1;
}

.share-box {
    margin-bottom: 0.75em;
}

.author-info {
    font-size: 12px;
    font-style: italic;
    float: left;
    width: 430px;
    margin-right: 2em;
}

.share {
    font-size: 12px;
    font-style: italic;
    width: 120px;
    float: right;
}

.share a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    text-indent: -9999em;
}

.share a.twitter {
    background: url(../../default/img/share-twitter.png) left top no-repeat;
}

.share a.facebook {
    background: url(../../default/img/share-facebook.png) left top no-repeat;
}

.share a.googleplus {
    background: url(../../default/img/share-googleplus.png) left top no-repeat;
}

.share a:hover {
    background-position: left -26px;
}

/*----------------------------
    Media queries
-----------------------------*/

@media all and (max-width: 1024px) {
    aside {
        left: 5%;
        margin-left: 0;
        width: 25%;
    }

    #content {
        left: 35%;
        margin-left: 0;
        width: 60%;
    }
}

@media all and (max-width: 840px) {

    h2 {
        font-size: 22px;
    }

    h1.title-post, h2.title-index {
        font-size: 26px;
    }

    aside {
        margin-left: 0;
        position: static;
        width: 90%;
        padding: 5% 5% 0 5%;
        text-align: center;
    }

    aside .blog-tagline {
        margin-bottom: 25px;
    }

    aside li {
        display: inline-block;
    }

    aside ul {
        text-align: center;
    }

    aside .archive, aside .tagcloud, aside .copyright, aside .recent {
        display: none;
    }

    #content {
        position: static;
        padding: 5%;
        padding-top: 0;
        width: 90%;
    }

    .gsc-control-searchbox-only {
        width: auto;
    }

    .infront .post.first {
        padding-top: 0px;
    }

    .breadcrumb {
        padding-top: 0px;
    }

    .infront .post, .intag .post, .inarchive .post, .insearch .post {
        padding: 30px 0 20px 0;
    }

    .search {
        text-align: center;
    }

    .author-info {
        width: 100%;
    }

    .share {
        float: left;
        width: 100%;
        padding-bottom: 1em;
    }
}

/*----------------------------
    Video
-----------------------------*/

.video-wrapper {
    margin: 1em 0;
}

@media all and (min-width: 420px) {
    .video-wrapper {
        padding-top: 315px !important;
        position: relative;
        width: 100%;
        max-width: 420px !important;
        max-height: 315px !important;
    }

    .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 420px !important;
        max-height: 315px !important;
    }

}

@media all and (max-width: 420px) {
    .postnav .pagination-arrow.newer {
        padding-left: 20px;
        float: none;
        margin-bottom: 20px;
    }

    .postnav .pagination-arrow.older {
        padding-right: 20px;
        float: none;
    }

    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

}

@media all and (max-width: 560px) {

    .featured-video, .featured-audio {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .featured-video iframe, .featured-video object, .featured-video embed, .featured-audio iframe, .featured-audio object, .featured-audio embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

}

/*----------------------------
        Archive
-----------------------------*/

ul.archivegroup {
    padding: 0;
    margin: 0;
}

.archivegroup .expanded ul {
    display: block;
}

.archivegroup .collapsed ul {
    display: none;
}

.archivegroup li.expanded, .archivegroup li.collapsed, .archivegroup li.expanded li, .archivegroup li.collapsed li {
    list-style: none;
    background:none;
}


nav{
    margin-top:0px
}
.sf-menu{
    float:right
}
.sf-menu>li{
    float:left;
    position:relative;
    margin:0 0 0 4px
}
.sf-menu>li>a{
    display:inline-block;
    padding:8px 10px;
    font:300 18px/24px Raleway,Arial,sans-serif;
    color:#6a6c76;
    -webkit-transition:.3s all ease;
    transition:.3s all ease
}
.sf-menu>li>a:hover{
    color:#96197f;
    background:#fff;
    -webkit-transition:.3s all ease;
    transition:.3s all ease
}
.sf-menu>li>a:hover strong{
    width:100%;
    opacity:1
}
.sf-menu>li>a.sf-with-ul:after{
    content:'';
    position:absolute;
    bottom:10px;
    left:50%;
    pointer-events:none;
    z-index:999;
    width:0;
    height:0
}
.sf-menu>li>a strong{
    width:0%;
    height:6px;
    position:absolute;
    display:inline-block;
    left:0;
    top:52px;
    -webkit-transition:.3s all ease;
    transition:.3s all ease;
    z-index:1;
    box-sizing:border-box;
    background:#96197f;
    opacity:0
}
.sf-menu>li.current>a,.sf-menu>li.sfHover>a{
    color:#96197f;
    background:#fff
}
.sf-menu>li>a strong:before{
    content:"";
    display:block;
    width:0;
    height:0;
    border-bottom:7px solid #96197f;
    position:absolute;
    top:-5px;
    left:50%;
    margin-left:-3px
}
.sf-menu>li.current>a strong,.sf-menu>li.sfHover>a strong{
    width:100%;
    opacity:1
}
.sf-menu a,.sf-menu a:hover{
    -webkit-transition:.3s all ease;
    transition:.3s all ease
}
.sf-menu ul{
    position:absolute;
    top:62px;
    left:0;
    background:#96197f;
    padding:25px 10px 10px;
    width:140px;
    z-index:2;
    display:none;
    box-sizing:border-box
}
.img_border,.zoom{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.sf-menu ul li{
    position:relative;
    line-height:30px
}
.sf-menu ul li a{
    font:300 12px/18px Raleway,Arial,sans-serif;
    color:#fff;
    display:inline-block
}
.sf-menu ul li a:hover{
    color:#da867d
}
.sf-menu ul li a.sf-with-ul:after{
    font-family:FontAwesome;
    position:absolute;
    width:5px;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    color:#000;
    right:-4px;
    bottom:1px;
    pointer-events:none;
    z-index:999
}
.sf-menu ul li.sfHover>a{
    color:#da867d
}
.sf-menu ul ul{
    position:absolute;
    top:-10px;
    left:131px;
    background:#96197f;
    z-index:4
}
.date_section,.magnifier2,.pos_rel,.soc_icons,.wrapper{
    position:relative
}
.sf-menu ul ul li a{
    color:#e9e9ea
}
a,a:hover{
    color:#96197f;
    text-decoration:none
}
@media only screen and (max-width:1199px){
    .sf-menu>li>a{
        padding:10px 17px
    }
}
@media only screen and (max-width:979px){
    .sf-menu>li>a{
        padding:10px 4px
    }
}
@media only screen and (max-width:767px){
    .sf-menu{
        display:none
    }
    .select-menu{
        display:block;
        width:100%;
        border-radius:0!important;
        -moz-border-radius:0!important;
        -webkit-border-radius:0!important;
        border:2px solid #96197f;
        position:relative;
        outline:0!important;
        z-index:1000;
        margin-top:10px
    }
}

.isStuck{
    background:#fff;
    padding:0 0 2px;
    z-index:999
}
@media only screen and (max-width:979px){
    .isStuck{
        display:none!important
    }
}

#toTop,.listWithMarker li a,.more_btn,.more_btn2{
    text-decoration:none
}
.padTop1{
    padding-top:10px
}
.padBot1{
    padding-bottom:10px
}
.padLeft1{
    padding-left:10px
}
.padRight1{
    padding-right:10px
}
.mar1{
    margin:0 7px
}
.marTop0{
    margin-top:0
}
.marTop1{
    margin-top:40px
}
.marTop2{
    margin-top:29px
}
.marTop3{
    margin-top:30px
}
.marTop4{
    margin-top:13px
}
.marTop5{
    margin-top:14px
}
.marTop6{
    margin-top:41px!important
}
.marTop7{
    margin-top:30px
}
.marTop8{
    margin-top:20px
}
.marTop9{
    margin-top:15px
}
.marTop10{
    margin-top:11px
}
.marTop11{
    margin-top:20px;
    margin-bottom:28px
}
.marTop12{
    margin-top:20px;
    padding-bottom:7px
}
.marTop13{
    margin-top:15px
}
.marTop14{
    margin-top:-1px
}
.marTop15{
    margin-top:40px
}
.marTop16{
    margin-top:15px
}
.marTop17{
    margin-top:20px;
    margin-bottom:46px
}
.marTop18{
    margin-top:28px!important
}
.marTop19{
    margin-top:38px!important
}
.hline{
    width:100%;
    height:1px;
    background:#efefef;
    margin-top:30px;
    margin-bottom:0
}
.hline.v2{
    margin-top:53px;
    margin-bottom:-23px
}
p{
    margin-top:35px
}
.img_border{
    background:#f8f8f8;
    padding:7px;
    box-sizing:border-box;
    margin-top:10px
}
.img1{
    margin-top:30px;
    float:left;
    margin-right:20px
}
.img2{
    margin-top:0;
    float:left;
    margin-right:18px
}
.img3{
    margin-top:30px
}
blockquote{
    padding-left:33px;
    padding-right:40px;
    background:url(../images/quote_sign.png) no-repeat;
    margin-top:29px
}
blockquote p{
    margin-top:0
}
.num_section{
    font:300 52px/52px Raleway,Arial,sans-serif;
    float:left;
    color:#96197f;
    width:52px;
    margin-top:-10px
}
.date_section{
    width:100%;
    max-width:100px;
    background-color:#eb6654;
    float:left;
    margin-top:43px;
    color:#fff
}
.day{
    font:700 37px/37px Ubuntu,Arial,sans-serif;
    margin-top:8px
}
.month{
    font:300 10px/12px Ubuntu,Arial,sans-serif;
    margin-top:3px
}
.listWithMarker{
    margin:45px 0 0
}
.listWithMarker li{
    display:block;
    padding-left:23px;
    background:url(../images/list_marker.png) 0 4px no-repeat;
    margin-bottom:0;
    padding-bottom:10px
}
.magnifier2,.more_btn,.more_btn2{
    display:inline-block
}
.listWithMarker li a{
    color:#96197f;
    font:300 13px/20px Ubuntu,Arial,sans-serif
}
.listWithMarker li a:hover,.listWithMarker li.current a{
    color:#000
}
.more_btn{
    margin-top:37px;
    padding:11px 22px;
    font:300 11px/18px Ubuntu,Arial,sans-serif;
    color:#6a6c76;
    background:repeat-x #fff;
    background-image:-webkit-linear-gradient(top,#f7f7f7 10%,#fff 100%);
    background-image:linear-gradient(to bottom,#f7f7f7 10%,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffffffff', GradientType=0);
    border-radius:5px
}
.more_btn:hover{
    color:#96197f;
    background:#fff;
    border:1px solid #96197f
}
.more_btn2{
    margin-top:28px;
    font:300 10px/18px Ubuntu,Arial,sans-serif;
    color:#6a6c76
}
.more_btn2:hover{
    color:#96197f
}
.request_btn{
    margin-top:37px;
    padding:11px 22px;
    font:300 16px/20px Ubuntu,Arial,sans-serif;
    color:#fff;
    background-color:#96197f;
    border-radius:5px;
}
.request_btn:hover{
    color:#fff;
    background:#000;
}
.zoom{
    position:absolute;
    top:0;
    left:0;
    box-sizing:border-box;
    width:100%;
    height:100%;
    background:url(../images/magnifier2.png) 50% 50% no-repeat;
    -webkit-transition:.6s all ease;
    transition:.6s all ease
}
a.magnifier2:hover .zoom{
    opacity:1
}
a.magnifier2 .zoom{
    opacity:0
}
.soc_icons{
    display:block;
    margin-top:23px;
    white-space:nowrap;
    text-align:left;
    float:right
}
.soc_icons>li,.soc_icons>li>a{
    display:inline-block;
    position:relative
}
.col1,.txt_priv{
    float:left
}
.soc_icons>li{
    margin-left:7px
}
.soc_icons>li>a{
    line-height:1em;
    -webkit-transition:.4s all ease;
    transition:.4s all ease;
    width:40px;
    height:40px;
    color:#6a6c76;
    background:#fff;
    text-align:center;
    border-radius:500px;
    border:1px solid #b0b0b0
}
.soc_icons i{
    font:normal normal 15px/40px FontAwesome
}
.soc_icons>li>a:hover{
    color:#000;
    text-decoration:none;
    background:#96197f
}
#content{
    padding:0 0 118px;
    background:#fafafa
}
.col1{
    width:236px;
    margin-right:31px
}
.col1.last{
    margin-right:0
}
.map{
    margin-top:15px
}
.map figure{
    position:relative;
    display:block;
    width:100%;
    margin-bottom:3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.map figure iframe{
    width:100%;
    height:321px;
    max-width:100%
}
.img_border.map{
    max-width:535px
}
.address1{
    padding-top:12px;
    display:block
}
.address1 dt{
    margin-bottom:1px
}
.address1 dd span{
    min-width:84px;
    display:inline-block;
    text-align:left
}
.address1 dd span.col1{
    min-width:0
}
.list-red-tick{
    font-weight:700;
    background:url(//tdpc.fscdn.eu/img/tick_pink.svg) no-repeat;
    background-size:16px;
    border-bottom:1px solid #a3a3a3;
    padding:0 0 10px 30px;
    margin:10px 0 0
}
#footer{
    padding:18px 0;
    color:#a0a0a0;
    border-top:1px solid #efefef
}
#toTop{
    display:none;
    position:fixed;
    bottom:40px;
    left:51%;
    margin-left:640px;
    border:none;
    color:#fff;
    width:60px;
    height:60px;
    font-size:11px;
    line-height:60px;
    background:#96197f;
    z-index:20;
    text-align:center;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
#toTop:hover{
    outline:0;
    color:#96197f;
    background:#7a453e
}
@media only screen and (max-width:1199px){
    .sample{
        height:auto
    }
    .col1{
        width:186px
    }
}
@media only screen and (max-width:979px){
    #form .success,#form input,#form textarea,.map figure,.map figure iframe{
        width:100%!important;
        float:none!important
    }
    .img1,.img1 img{
        width:100%
    }
    #form .success{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .map figure{
        height:auto!important;
        margin-bottom:15px
    }
    .img1{
        float:none
    }
    blockquote{
        padding-right:0
    }
    .col1{
        width:143px
    }
}
@media only screen and (max-width:767px){
    img{
        width:100%
    }
    h1 img,img.no_resize{
        width:auto
    }
    .col1,.img_border,figure a{
        width:100%
    }
    .map figure iframe{
        height:300px
    }
    .img2{
        float:none;
        margin-bottom:10px
    }
    .col1{
        margin-right:0
    }
}
@media only screen and (max-width:479px){
    .sample{
        height:auto
    }
    h1,h1 img{
        width:100%
    }
}
@media only screen and (max-width:320px){
    .sample{
        height:auto
    }
}
.day,.month,.num_section{
    display:block
}
.color1{
    color:#424348
}
.color2,.color3{
    color:#fff
}
.color4{
    color:#96197F
}
.bold{
    font-weight:700
}
.fw400{
    font-weight:400
}
.fw600{
    font-weight:600
}
.fz15{
    font-size:15px
}
.fz18{
    font-size:18px
}
.fz20{
    font-size:20px
}
.circle{
    border-radius:1000px
}
.img_border,.more_btn{
    border:1px solid #efefef
}
.fleft{
    float:left
}
.fright{
    float:right
}
.clear{
    clear:both;
    width:100%;
    font-size:0;
    line-height:0
}
.wrapper{
    width:100%
}