@import "https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900&amp;subset=latin,latin-ext";
body {
    padding-top: 64px;
    font-family: 'Titillium Web', Roboto;
    color: #496174;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    overflow-x: hidden
}
::selection {
    background: rgba(249, 230, 5, 0.5);
    color: #496174
}
::-moz-selection {
    background: rgba(249, 230, 5, 0.5);
    color: #496174
}
a:hover,
a:focus,
.a:active {
    text-decoration: none;
    outline: none!important
}
:focus,
:active {
    outline: none!important
}
bodyLogged {
    padding-top: 108px
}
.navbar-collapse {
    clear: both!important
}
.nav > li > a {
    padding: 10px
}
@media (min-width: 768px) {
    .navbar-collapse {
        clear: none!important
    }
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: right;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 13px;
        text-align: left;
        background-color: #FFF;
        border: 1px solid #CCC;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 3px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}
textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control,
select,
select.form-control {
    border: 1px solid #DDD;
    padding-left: 5px
}
label {
    font-weight: 700
}
.lazy {
    display: none
}
.navbar {
    margin-bottom: 0
}
.realcontent h1,
.realcontent h2,
.realcontent h3 {
    margin-top: 0
}
.navbar-brand {
    padding: 0 24px 0 15px;
    height: 64px
}
.navbar-brand img {
    max-height: 100%
}
.navbar-nav {
    margin: 0
}
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 64px;
    font-size: 16px;
    text-transform: uppercase
}
.navbar-nav > li > p {
    padding-left: 15px
}
.navbar-nav > li.navbar-icon > a {
    padding-left: 5px;
    padding-right: 5px
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF!important;
    text-shadow: 1px 1px 1px #383838;
    background: #FBA741
}
.navbar-default .navbar-nav > li.navbar-icon > a:hover,
.navbar-default .navbar-nav > li.navbar-icon > a:focus {
    background: #FBA741;
    text-shadow: none;
    color: inherit
}
p.navbar-text {
    margin: 0;
    line-height: 64px
}
button.navbar-toggle {
    margin-top: 14px
}
.nav .fa {
    font-size: 18px
}
.panel-theme .panel-heading {
    background-color: #2196F3;
    color: #FFF;
    font-weight: 700
}
.breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}
.bg-breadcrumb {
    background-color: #F5F5F5
}
.bg-accountbar {
    background-color: #F5F5F5;
    border-bottom: 1px solid #E5E5E5
}
.bg-creditbar {
    background-color: #0EACC5;
    border-top: 1px solid #10A7B7
}
.cl10 {
    clear: both;
    height: 10px
}
.nav-accountbar > li {
    display: table-cell;
    width: 1%
}
.nav-accountbar > li > a {
    margin-bottom: 0;
    color: #9C9C9C
}
.nav-accountbar > li > a:hover,
.nav-accountbar > li > a:focus,
.nav-accountbar > li.active > a {
    color: #666;
    background-color: #EEE
}
.nav-creditbar > li {
    display: table-cell;
    width: 1%
}
.nav-creditbar > li > a {
    margin-bottom: 0;
    color: #0B6171
}
.nav-creditbar > li > a:hover,
.nav-creditbar > li > a:focus,
.nav-creditbar > li.active > a {
    color: #000;
    background-color: #58C5DA
}
.nav-creditbar span.text {
    display: block
}
.nav-creditbar span.badge {
    background-color: #0A93A9
}
@media (min-width: 768px) {
    .breadcrumb {
        margin-left: 0;
        margin-right: 0
    }
    .nav-creditbar span.text {
        display: inline
    }
}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0
}
.thumbnails > li {
    margin-left: 20px
}
.thumbnails {
    margin-left: -20px
}
.thumbnails > img {
    width: 100%
}
.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #DDD
}
.image-additional {
    max-width: 78px
}
.thumbnails .image-additional {
    float: left;
    margin-left: 20px
}
.footer-one {
  color: #9ba1ac;
  background: url(../images/background.jpg) top center no-repeat;
  padding-top: 60px;
  padding-bottom: 0px;
}

.footer-one h5{
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.footer-one .about-text {
  padding-right: 10px;
  line-height: 22px;
  margin-top: 10px;
  font-size: 13px;
}

.footer-one a{
  color: #9ba1ac;
}

.footer-one a:hover{
  color: #246889;
}

.footer-one ul li {
  margin: 5px 0px;
}

.footer-one-alt {
  margin-top: 40px;
  padding: 20px 0px;
  border-top: 1px solid #3B3B40;
}

.footer-one-alt .copyright {
  line-height: 34px;
}

.footer-social-one {
  font-size: 16px;
  margin-bottom: 0px;
}

.footer-social-one li {
  padding: 0;
  margin: 0 2px !important;
}

.footer-social-one a {
  border-radius: 50%;
  text-align: center;
  background-color: #212125;
  width: 34px;
  display: block;
  height: 34px;
  line-height: 36px;
  font-size: 15px;
}
.footer-social-one a:hover {
  color: #ffffff;
  background-color: #246889;
}
ul.social-buttons {
    margin-bottom: 0
}
ul.social-buttons li a {
    display: block;
    background-color: #222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-align: center
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #8B8B8B!important
}
.user-thumb {
    border: 1px solid #DDD;
    margin-bottom: 20px;
    overflow: auto;
    position: relative
}
.user-thumb .text-absolute {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 5px
}
.user-thumb .image {
    text-align: center
}
.user-thumb .image a {
    display: block
}
.user-thumb .image a:hover {
    opacity: .8
}
.user-thumb .image img {
    margin-left: auto;
    margin-right: auto
}
.user-grid .user-thumb .image {
    float: none
}
@media (min-width: 767px) {
    .user-list .user-thumb .image {
        float: left;
        padding: 0 15px
    }
}
.user-thumb h4 {
    font-size: 16px;
    font-weight: 400
}
.user-thumb .caption {
    padding: 0 20px;
    min-height: 60px
}
.user-list .user-thumb .caption {
    margin-left: 230px
}
@media (max-width: 1200px) {
    .user-grid .user-thumb .caption {
        min-height: 210px;
        padding: 0 10px
    }
}
@media (max-width: 767px) {
    .user-list .user-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px
    }
    .user-grid .user-thumb .caption {
        min-height: 0
    }
}
.user-thumb .rating {
    padding-bottom: 10px
}
.rating .fa-stack {
    font-size: 8px
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px
}
.rating .fa-star {
    color: #FC0;
    font-size: 15px
}
.rating .fa-star + .fa-star-o {
    color: #E69500
}
h2.price {
    margin: 0
}
.user-thumb .price {
    color: #444
}
.user-thumb .price-new {
    font-weight: 600
}
.user-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px
}
.user-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block
}
.user-thumb .button-group {
    border-top: 1px solid #DDD;
    background-color: #EEE;
    overflow: auto
}
.user-list .user-thumb .button-group {
    border-left: 1px solid #DDD
}
@media (max-width: 768px) {
    .user-list .user-thumb .button-group {
        border-left: none
    }
}
.user-thumb .button-group a {
    width: 100%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #EEE;
    color: #888;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}
.user-thumb .button-group a:hover {
    color: #444;
    background-color: #DDD;
    text-decoration: none
}
@media (max-width: 1200px) {
    .user-thumb .button-group button,
    .user-thumb .button-group button + button {
        width: 33.33%
    }
}
@media (max-width: 767px) {
    .user-thumb .button-group button,
    .user-thumb .button-group button + button {
        width: 33.33%
    }
}
@media (min-width: 1200px) {
    #user-list-container .col-lg-2:nth-child(6n+1),
    #user-list-container .col-lg-2:nth-child(6n+1),
    #user-list-container .col-lg-3:nth-child(4n+1),
    #user-list-container .col-lg-4:nth-child(3n+1),
    #user-list-container .col-lg-6:nth-child(2n+1) {
        clear: left
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #user-list-container .col-md-2:nth-child(6n+1),
    #user-list-container .col-md-2:nth-child(6n+1),
    #user-list-container .col-md-3:nth-child(4n+1),
    #user-list-container .col-md-4:nth-child(3n+1),
    #user-list-container .col-md-6:nth-child(2n+1) {
        clear: left
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #user-list-container .col-sm-2:nth-child(6n+1),
    #user-list-container .col-sm-2:nth-child(6n+1),
    #user-list-container .col-sm-3:nth-child(4n+1),
    #user-list-container .col-sm-4:nth-child(3n+1),
    #user-list-container .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}
.tempLoading {
    clear: both;
    margin: 10px 0;
    text-align: center
}
.entry-thumb {
    border: 1px solid #DDD;
    margin-bottom: 20px
}
.entry-thumb .entry-media {
    position: relative
}
.entry-thumb .entry-media .text-absolute {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 5px;
    z-index: 5
}
.entry-thumb .entry-media .text-absolute a {
    color: #FFF
}
.entry-thumb .entry-media .text-absolute a:hover {
    text-decoration: none
}
.entry-thumb .entry-media .play-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/play-btn.png) no-repeat center center;
    z-index: 4;
    text-align: center;
    cursor: pointer;
    text-shadow: 1px 1px 0 #FFF;
    color: #000;
    top: 0;
    line-height: 23
}
.entry-thumb .entry-media .image {
    text-align: center;
    overflow: hidden;
    height: 300px
}
.entry-thumb .entry-media .image a {
    display: block
}
.entry-thumb .entry-media .image img {
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    width: 100%;
    height: 300px
}
.entry-grid .entry-thumb .image {
    float: none
}
.img-bloglist {
    width: 100%;
    height: 250px;
    object-fit: cover
}
.otherblogs {
    background: #F5F5F5;
    padding: 10px
}
.otherblogs h3 {
    margin-top: 15px;
    padding-top: 15px
}
.otherblogs .oneblog {
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}
.otherblogs img {
    width: 100%
}
.oneblog .title {
    font-weight: 700;
    font-size: 14px;
    margin: 5px;
    text-align: left
}
.oneblog .desc {
    font-size: 12px;
    margin: 5px;
    text-align: left
}
.paketsecenekleri.wrapper {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #9F9F9F;
    font-size: 14px;
    width: 936px;
    margin: 0 auto
}
.paketsecenekleri .package {
    box-sizing: border-box;
    height: 380px;
    border: 3px solid #E8E8E8;
    border-radius: 7px;
    display: inline-block;
    padding: 24px;
    text-align: center;
    float: left;
    position: relative;
    margin-bottom: 15px
}
.paketsecenekleri .name {
    color: #565656;
    font-weight: 300;
    font-size: 2rem;
    margin-top: -5px
}
.paketsecenekleri .price {
    margin-top: 7px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700
}
.paketsecenekleri hr {
    background-color: #DEDEDE;
    border: none;
    height: 1px
}
.paketsecenekleri ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-top: 29px
}
.paketsecenekleri li {
    margin-bottom: 15px
}
.paketsecenekleri .checkIcon {
    font-family: "FontAwesome";
    content: "\f00c"
}
.paketsecenekleri li::before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 1.3rem;
    color: #33C4B6;
    margin-right: 3px
}
.paketsecenekleri .brilliant {
    border-color: #33C4B6
}
.paketsecenekleri .brilliant::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #3BC6B8 transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}
.paketsecenekleri .brilliant::after {
    font-family: "FontAwesome";
    content: "\f00c";
    color: #fff;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37C5B6;
    font-size: 1.4rem
}
body.lg-on {
    overflow: hidden
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-video-cont {
    position: static;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
    padding: 0;
    height: auto
}
.lg-outer .fb-comments {
    background: #FFF;
    text-align: left;
    padding: 10px;
    white-space: initial
}
.lg-outer .lg-video-cont:before,
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    height: 0
}
.lg-outer .lg-item {
    height: 100%;
    overflow-y: auto
}
.lg-outer .lg-video-cont {
    max-width: inherit
}
.lg-video {
    margin: auto
}
@media only screen and (min-width: 992px) {
    .lg-outer .lg-video {
        padding-bottom: 50%;
        margin-top: 10%
    }
    .lg-outer .lg-video-cont:before,
    .lg-outer .lg-img-wrap:before,
    .lg-outer .lg-item:before {
        height: 50%
    }
    .lg-outer .lg-item {
        height: 100%;
        overflow: hidden
    }
    .lg-outer .lg-img-wrap,
    .lg-outer .lg-video-cont {
        position: static;
        float: left;
        width: 70%;
        height: 100%;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial
    }
    .lg-outer .fb-comments {
        float: left;
        width: 30%;
        background: #FFF;
        height: 100%;
        text-align: left;
        padding: 10px;
        overflow-y: auto
    }
    .lg-toolbar {
        width: 70%
    }
    .lg-actions .lg-next {
        right: calc(30% + 20px)
    }
}
.talk-bubble {
    margin: 10px 20px 10px 80px;
    display: block;
    position: relative;
    max-width: 70%;
    height: auto;
    background-color: #FFF;
    clear: both
}
.talk-bubble img.profile-img {
    max-width: 40px;
    position: absolute;
    z-index: 2;
    margin-left: -70px
}
.border {
    border: 1px solid #BBB
}
.round {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}
.tri-right.border.left-top:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    right: auto;
    top: -8px;
    bottom: auto;
    border: 32px solid;
    border-color: #666 transparent transparent
}
.tri-right.left-top:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 0;
    bottom: auto;
    border: 22px solid;
    border-color: #FFF transparent transparent
}
.tri-right.border.left-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -22px;
    right: auto;
    top: 9px;
    bottom: auto;
    border: 11px solid;
    border-color: #BBB #BBB transparent transparent
}
.tri-right.left-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 10px;
    bottom: auto;
    border: 12px solid;
    border-color: #FFF #FFF transparent transparent
}
.tri-right.border.btm-left:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -8px;
    right: auto;
    top: auto;
    bottom: -40px;
    border: 32px solid;
    border-color: transparent transparent transparent #666
}
.tri-right.btm-left:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: auto;
    top: auto;
    bottom: -20px;
    border: 22px solid;
    border-color: transparent transparent transparent #FFF
}
.tri-right.border.btm-left-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 30px;
    right: auto;
    top: auto;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 transparent transparent #666
}
.tri-right.btm-left-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 38px;
    right: auto;
    top: auto;
    bottom: -20px;
    border: 12px solid;
    border-color: #FFF transparent transparent #FFF
}
.tri-right.border.btm-right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 30px;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 #666 transparent transparent
}
.tri-right.btm-right-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 38px;
    bottom: -20px;
    border: 12px solid;
    border-color: #FFF #FFF transparent transparent
}
.tri-right.border.btm-right:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -8px;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 #666 transparent transparent
}
.tri-right.btm-right:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 0;
    bottom: -20px;
    border: 12px solid;
    border-color: #FFF #FFF transparent transparent
}
.tri-right.border.right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -22px;
    top: 9px;
    bottom: auto;
    border: 11px solid;
    border-color: #BBB transparent transparent #BBB
}
.tri-right.right-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -20px;
    top: 10px;
    bottom: auto;
    border: 12px solid;
    border-color: #FFF transparent transparent #FFF
}
.tri-right.border.right-top:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -40px;
    top: -8px;
    bottom: auto;
    border: 32px solid;
    border-color: #666 transparent transparent
}
.tri-right.right-top:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -20px;
    top: 0;
    bottom: auto;
    border: 20px solid;
    border-color: #FFF transparent transparent
}
.talktext {
    padding: 1em;
    text-align: left;
    line-height: 1.5em
}
.talktext p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}
#threadList {
    height: 500px;
    overflow: auto;
    width: 15%;
    float: left;
    position: relative
}
#threadDetails {
    background-color: #F3F3F3;
    height: 500px;
    border: 1px solid #DDD;
    width: 85%;
    float: left;
    position: relative
}
#threadList img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}
#threadList .message-caption {
    display: none
}
#threadLoader {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6)
}
#threadLoader i.fa {
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px
}
#messageList {
    position: absolute;
    top: 40px;
    width: 100%;
    height: 400px;
    overflow: auto;
    padding: 0 5px
}
#threadUserList {
    position: absolute;
    height: 40px;
    top: 0;
    width: 100%;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
    padding: 4px;
    overflow: auto
}
#messageSendCape {
    position: absolute;
    height: 60px;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #DDD
}
.list-group.message-list {
    margin-bottom: 0
}
.list-group.message-list .list-group-item {
    padding: 5px;
    word-break: break-all
}
@media (min-width: 768px) {
    #threadList {
        width: 25%
    }
    #threadDetails {
        width: 75%
    }
    #threadList img {
        max-width: 50px;
        margin-right: 15px;
        float: left;
        display: inline-block
    }
    #threadList .message-caption {
        display: inherit;
        font-size: 12px;
        line-height: 140%
    }
    #threadList .message-caption strong {
        font-size: 13px
    }
    .list-group.message-list .list-group-item {
        padding: 15px
    }
}
.carousel-area {
    position: absolute;
    margin: -5px 0 0 -5px
}
.service-item {
    margin: 30px 0
}
.service-item h4 {
    color: #496174
}
.service-item i {
    float: left;
    font-size: 28px;
    line-height: 36px;
    width: 30px;
    color: #246889
}
.service-item .service-detail {
    margin-left: 50px
}
.service-item .service-detail h4 {
    font-size: 22px;
    letter-spacing: -1px
}
.service-item .service-detail p {
    color: #9aa7af;
    line-height: 24px
}
.text-muted {
    color: #95A8B7
}
.text-custom {
    color: #246889
}
.text-light {
    color: rgba(255, 255, 255, 0.7)
}
.font-light {
    font-weight: 300
}
.sub-title {
    margin-bottom: 40px;
    font-size: 15px
}
.title {
    margin-top: 0;
    color: #496174;
    font-family: 'Titillium Web', serif;
    font-weight: 600
}
.text-white {
    color: #fff!important
}
.btn {
    border-radius: 2px;
    padding: 8px 16px;
    outline: none!important;
    box-shadow: none!important
}
.btn-white-bordered {
    padding: 8px 24px!important;
    background-color: transparent!important;
    border: 2px solid rgba(255, 255, 255, 0.75)!important;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em
}
.btn-white-bordered:hover {
    background-color: #fff!important;
    color: #246889!important
}
.navbar-btn {
    padding: 5px 20px!important;
    text-transform: none!important;
    font-weight: 400;
    margin: 4px!important;
    margin-left: 10px!important
}
.tools .wrapper {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #9F9F9F;
    font-size: 14px;
    width: 936px;
    margin: 0 auto
}
.tools .tool {
    box-sizing: border-box;
    min-height: 280px;
    border: 2px dashed #E8E8E8;
    border-radius: 7px;
    display: inline-block;
    padding: 24px;
    text-align: center;
    float: left;
    position: relative;
    margin-bottom: 15px
}
.tools .name {
    color: #565656;
    font-weight: 300;
    font-size: 2rem;
    margin-top: -5px
}
.tools .price {
    margin-top: 7px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700
}
.tools .brilliant {
    border-color: #33C4B6
}
.tools .brilliant::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #3BC6B8 transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}
.tools .brilliant::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37C5B6;
    font-size: 1.4rem
}
.notice {
    padding: 15px;
    background-color: #fff;
    border: 2px dashed #E8E8E8;
    box-sizing: border-box;
    border-color: #ddd;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2)
}
.notice-sm {
    padding: 10px;
    font-size: 80%
}
.notice-lg {
    padding: 35px;
    font-size: large
}
.notice-success {
    border-color: #80D651
}
.notice-success>strong {
    color: #80D651
}
.pricing-column {
    position: relative;
    margin-bottom: 40px
}
.pricing-column .inner-box {
    position: relative;
    margin: 20px auto 0;
    max-width: 320px;
    padding: 0 30px 50px;
    background-color: #f5f5f5;
    border-radius: 5px
}
.inner-box p {
    padding: 0 20px;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    color: #7f7f7f;
    margin-bottom: 30px
}
.pricing-column .plan-header {
    position: relative;
    padding: 30px 20px 25px
}
.pricing-column .plan-title {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 -50px 30px;
    background-color: #246889;
    line-height: 48px
}
.pricing-column .plan-price {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 700
}
.pricing-column .plan-duration {
    font-size: 13px;
    color: #98a6ad
}
.pricing-column .plan-stats {
    position: relative;
    padding: 30px 20px 15px
}
.pricing-column .plan-stats li {
    margin-bottom: 15px;
    line-height: 24px
}
.pricing-column .plan-stats li i {
    font-size: 18px;
    width: 26px;
    vertical-align: middle
}
.btn-custom {
    padding: 10px 26px!important;
    background-color: #246889!important;
    border: 2px solid #246889!important;
    color: #fff!important;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .04em
}
.btn-custom:hover {
    background-color: #fff!important;
    border: 2px solid #fff!important;
    color: #246889!important
}
testimonial.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.grabbing {
    cursor: url(grabbing.html) 8 8, move
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active span,
.owl-carousel .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ff7473
}
.owl-carousel .owl-controls .owl-buttons,
.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 5px;
    right: 0
}
.owl-carousel .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-buttons div {
    width: 26px;
    height: 26px;
    line-height: 25px;
    margin: 0 5px 0 0;
    font-size: 18px;
    color: #ff7473;
    padding: 0;
    background: #fff;
    border-radius: 13px;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100)
}
.testimonials {
    padding: 0;
    margin-bottom: 40px
}
.testimonials .item {
    list-style-type: none;
    margin: 0 5px;
    background: #fff;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.testimonials .item .testimonial {
    position: relative;
    padding: 20px
}
.testimonials .item .testimonial:before,
.testimonials .item .testimonial:after {
    content: " ";
    display: table
}
.testimonials .item .testimonial:after {
    clear: both
}
.testimonials .item .testimonial .text {
    color: #999;
    margin-bottom: 50px;
    font-size: 14px;
    font-weight: 400
}
.testimonials .item .testimonial .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    height: 50px
}
.testimonials .item .testimonial .bottom .testimonial-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #41a6ca;
    font-size: 40px;
    float: left;
    text-align: center
}
.testimonials .item .testimonial .name-picture {
    float: right;
    width: 80%;
    text-align: right
}
.testimonials .item .testimonial .name-picture h5 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .08em
}
.testimonials .item .testimonial .name-picture p {
    color: #999;
    margin: 0;
    font-size: 14px
}
.testimonials .item .testimonial .name-picture img {
    float: right;
    width: 60px;
    border-radius: 30px;
    margin-left: 10px
}
.notice-danger {
    border-color: #d73814
}
.notice-danger>strong {
    color: #d73814
}
@media (max-width : 544px) {
    .logonr {
        height: 100px;
		width: 85px;
    }
}