/*
	Разработка шаблонов для DataLife Engine
	------------------	
	Author:	ThemeSkeleton
	------------------
	Website: http://themeskeleton.com/
	------------------	
	E-mail: themeskeleton@gmail.com
	------------------
	Skype: ThemeSkeleton
	------------------
	ICQ: 722880
	------------------
*/

@import 'https://fonts.googleapis.com/css?family=Roboto:400,700,700i,900,900i|Open+Sans:300,400,600&subset=cyrillic';

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #24273e;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase;
    color: #24273e;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    max-width: 100%;
}
a {
    transition: all 0.5s ease 0s;
}
a:focus {
    outline: none;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none;
}
.section-padding {
    padding: 120px 0px;
}
.section-heading h2 {
    font-size: 36px;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 0px;
    padding-bottom: 18px;
    position: relative;
    text-transform: capitalize;
}
.section-heading.light h2 {
    color: #fff;
}
.section-heading h2::after {
    background-image: url("../img/bg/section-border.png");
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 64px;
}
.section-heading.text-center h2::after {
    margin: auto;
    right: 0;
}
.section-heading.light h2::after {
    background-image: url("../img/bg/section-border-light.png");
    right: 0;
}
.section-heading.no-margin h2 {
    margin-bottom: 0;
}
.section-heading h2 span {
    color: #103264;
}
.overlay {
    position: relative;
    z-index: 1;
}
.overlay::after {
    background-color: #24273e;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.92;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.spacer {
    margin-bottom: 30px;
}
a#scrollUp {
    background-color: #103264;
    border: 1px solid #103264;
    bottom: 90px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    right: 30px;
    text-align: center;
    width: 40px;
}
a#scrollUp i {
    line-height: 38px;
}
p.form-messege {
    margin-top:15px;
    font-size:20px;
}
p.success {
    color: #18a15f;
}
p.error {
    color: #f00;
}

.header-top {
    background-color: #24273e;
}

.welcome-msg ul li {
    display: inline-block;
}
.welcome-msg ul li p {
    color: #fff;
    font-family: "Roboto",sans-serif;
    line-height: 60px;
    margin-bottom: 0;
    margin-right: 30px;
}
.welcome-msg ul li p span {
    color: #007FFF;
    margin-right: 10px;
}

.header-top-menu {
    text-align: right;
}
.top-social{
    display: inline-block;
    text-align: left;
}
.top-social ul li,
.footer-social ul li,
.about-social ul li,
.shop-details-social ul li {
    display: inline-block;
}
.top-social ul li a {
    color: #fff;
    line-height: 60px;
}
.top-social ul li a,
.footer-social ul li a,
.shop-details-social ul li a {
    padding: 0 15px;
    font-size: 18px;
}
.about-social ul li a {
    padding-right: 30px;
    font-size: 24px;
}
.top-social ul li a:hover {
    color: #103264;
}

.header-transparent .main-menu-area {
    background-color: transparent;
}
.header-transparent .main-menu nav ul li a {
    color: #fff;
}
.header-static .main-menu nav ul li a {
    font-style: normal;
}
.header-static .main-menu nav ul li a::after {
    transform: rotate(0deg);
    left: 0;
    width: 100%;
}
.main-menu-area {
    background-color: #fff;
    border-bottom: 5px solid #103264;
}

/* logo */
.logo a {
    display: block;
    padding: 29px 0;
}
#sticker.stick .logo a {
    padding: 14px 0;
}
.main-menu nav ul {
    text-align: right;
    margin-bottom: -9px;
}
.main-menu nav ul li {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.main-menu nav ul li a {
    color: #24273e;
    display: block;
    font-family: "Roboto",sans-serif;
    font-style: italic;
    font-weight: 700;
    overflow: hidden;
    padding: 42px 34px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.main-menu nav ul li:hover > a, .main-menu nav ul .active-on > a,
.mobile-menu nav ul li > a.active:hover {
    color: #fff !important;
}
.main-menu nav ul li ul.sub-menu li:hover > a,
.main-menu nav ul li ul.sub-menu li.has-sub-child:hover a i {
    color: #103264 !important;
}
.main-menu nav ul li a::after {
    background-color: #103264;
    content: "";
    height: 140%;
    left: 10%;
    opacity: 0;
    position: absolute;
    top: -20%;
    transform: rotate(10deg);
    transition: all 0.5s ease 0s;
    width: 80%;
}
.main-menu nav ul li:hover a:after, .main-menu nav ul .active-on a:after {
    opacity: 1;
    z-index: -1;
}
.mobile-menu i.fa, .mobile-menu i.fa.fa-angle-left.pull-right {
    display: none;
}

.main-menu ul li.has-sub,
.main-menu ul li.has-sub ul.sub-menu li.has-sub-child {
    overflow: visible;
}
.main-menu nav ul li.has-sub a i {
    margin-left: 4px;
    transition: all 0.5s ease 0s;
    font-weight: bold;
}
.main-menu nav ul li.has-sub:hover a i {
    color: #fff
}
.main-menu ul li.has-sub ul.sub-menu,
.main-menu ul li.has-sub ul.sub-menu li.has-sub-child ul.sub-child,
.main-menu nav ul li.has-mega .mega-menu {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 99999;
}
.main-menu ul li.has-sub ul.sub-menu.left {
    left: 0;
    right: auto;
}
.main-menu ul li.has-sub ul.sub-menu li.has-sub-child ul.sub-child {
    left: -220px;
    right: auto;
    top: 0px;
}
.main-menu ul li.has-sub:hover ul.sub-menu,
.main-menu ul li.has-sub ul.sub-menu li.has-sub-child:hover ul.sub-child,
.main-menu nav ul li.has-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.main-menu ul li.has-sub ul.sub-menu li,
.main-menu ul li.has-sub ul.sub-menu li.has-sub-child ul.sub-child li {
    display: block;
}
.main-menu ul li.has-sub ul.sub-menu li a,
.main-menu nav ul li.has-mega span a {
    border-bottom: 1px solid #eee;
    color: #24273e;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 5px 20px;
    text-align: left;
    text-transform: capitalize;
}
.main-menu ul li.has-sub ul.sub-menu li a:after,
.main-menu nav ul li.has-mega span a:after {
    background-color: transparent;
}
.main-menu ul li.has-sub ul.sub-menu li a:hover {
    color: #103264;
    padding-left: 25px;
}
.main-menu ul li.has-sub ul.sub-menu li a i {
    color: #ddd;
    font-size: 18px;
    margin-top: 5px;
}

#sticker {
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9999;
}
#sticker.stick {
    top: -61px;
}
#sticker.stick .main-menu-area {
    box-shadow: 0 1px 5px #ddd;
}
#sticker.stick a.logo  {
  padding: 6px 0;
}
#sticker.stick .main-menu nav ul li a {
    padding: 27px 34px;
}
#sticker.stick .main-menu nav ul li ul.sub-menu li a {
    padding: 5px 20px;
}
#sticker.stick .main-menu nav ul li ul.sub-menu li a:hover {
    padding-left: 25px;
}
#sticker.stick .main-menu nav ul li.has-mega .mega-menu span a {
    padding: 5px 0px;
}
#sticker.header-transparent.stick,
#sticker.no-top-bar.stick {
    top: 0;
}
.header-transparent.stick .main-menu-area {
    background-color: #fff;
}
.header-transparent.stick .main-menu nav ul li a {
    color: #24273e;
}
#sticker.header-transparent.stick .logo a {
    line-height: 80px;
}
#sticker.header-transparent.stick .main-menu nav ul li a {
    padding: 27px 34px;
}

.slider-area {
    position: relative;
    padding-top: 170px;
}
.single-slider.slide-1,
.single-slider.slide-2 {
    padding: 200px 0;
}
.slide-1 {
    background-image: url("../img/slider/2.jpg");
    -webkit-background-size: cover;
    background-size: cover;
}
.slide-2 {
    background-image: url("../img/slider/1.jpg");
    -webkit-background-size: cover;
    background-size: cover;
}
.animated-text .tlt span,
.change-text .cd-intro h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 90px;
}
.change-text .cd-intro h1 {
    line-height: 60px;
}
.animated-text .tlt p,
.change-text .cd-intro p {
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
}
.white-bg {
    background-color: #fff;
    border-radius: 5px;
    color: #103264;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: capitalize;
    margin-top: 20px;
}
.white-bg:hover {
    background-color: #103264;
    color: #fff;
}
.animated-text.owl-theme .owl-controls .owl-buttons div,
.change-text.owl-theme .owl-controls .owl-buttons div {
    background-color: #fff;
    border-radius: 0;
    left: 0;
    margin-top: 65px;
    padding: 10px 20px;
    position: absolute;
    top: 50%;
}
.animated-text.owl-theme .owl-controls .owl-buttons div.owl-next,
.change-text.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 0;
}

.slider-caption {
    padding-top: 100px;
}
.layer-1-1 h2.title-1 ,
.layer-1-2 h2.title-2 ,
.layer-2-1 h2.title-1 ,
.layer-2-2 h2.title-2 {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
	text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 34px;
    animation: 0.6s ease-in-out 0.6s normal backwards 1 running fadeInDown;
	text-shadow: 0 0 1px #000;
}
.layer-1-2 h2.title-2 ,
.layer-2-2 h2.title-2 {
    animation: 0.6s ease-in-out 1s normal backwards 1 running zoomIn;
}
.layer-1-3 p.title-3, .layer-2-3 p.title-3 {
    padding: 0;
    animation: 0.6s ease-in-out 1.6s normal backwards 1 running fadeInLeft;
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 35px;
    text-shadow: 0 0 1px #000;
    line-height: 32px;
}
.layer-1-4 a.title-4,
.layer-2-4 a.title-4 {
    color: #007FFF;
    padding: 15px 35px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    animation: 0.6s ease-in-out 2s normal backwards 1 running rollIn;
}
.layer-1-4 a.title-4.cltt,
.layer-2-4 a.title-4.cltt {
	background-color: #007FFF;
	color: #fff;
}
.layer-1-4 a.title-4:hover,
.layer-2-4 a.title-4:hover {
    background-color: #007FFF;
    color: #fff;
}
.layer-1-4 a.title-4.cltt:hover,
.layer-2-4 a.title-4.cltt:hover {
    background-color: #fff;
    color: #007FFF;
}

.about-us-info p {
    margin-bottom: 30px;
}
.about-us-img {
    overflow: hidden;
    position: relative;
}
.about-us-img::after, .about-us-img::before {
    background-color: #103264;
    bottom: -40px;
    content: "";
    height: 300px;
    left: 20px;
    position: absolute;
    transform: rotate(5deg);
    width: 300px;
    z-index: -1;
}
.about-us-img::before {
    left: auto;
    right: 20px;
    top: -40px;
}

.submit-button {
    text-align: center;
}
.submit-button .default-button {
    margin-top: 20px;
}
.default-button {
    background-color: #007FFF;
    border: 1px solid #007FFF;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 30px;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.default-button:hover {
    opacity: 0.7;
    color: #fff;
}

.service-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/tuuhen-zamnal.jpg") no-repeat scroll center center;
}
.single-service {
    margin-top: 30px;
    padding-right: 30px;
}
.single-service .icon-title {
    margin-bottom: 30px;
    overflow: hidden;
}
.single-service .icon-title h3 {
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 2px;
    padding-left: 20px;
}
.single-service .icon-title i {
    color: #fff;
    float: left;
    font-size: 32px;
    transition: all 0.5s ease 0s
}
.single-service:hover .icon-title i {
    color: #103264
}
.single-service p {
    color: #fff;
    margin-bottom: 0;
}

.shop-tab-area .shop-tab {
    text-align: center;
    margin-bottom: 55px;
}
.shop-tab li,
.shop-details-tab-bar li {
    display: inline-block;
}
.shop-tab li a,
.shop-details-tab-bar li a {
    color: #24273e;
    display: block;
    font-weight: 600;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
}
.shop-tab li.active a,
.shop-details-tab-bar li.active a {
    color: #103264;
}
.shop-tab li.active a::after,
.shop-tab li.active a::before,
.shop-details-tab-bar li.active a::after,
.shop-details-tab-bar li.active a::before {
    background-image: url("../img/product/tab-active.png");
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 8px;
}
.shop-tab li.active a::after,
.shop-details-tab-bar li.active a:after {
    left: auto;
    right: -4px;
}

.single-product {
    position: relative;
    overflow: hidden;
}
.hover-style {
    position: relative;
}
.hover-style .product-img a.main-img,
.hover-style .team-img a.main-img {
    display: block;
    position: relative;
}
.hover-style .product-img a.main-img::after,
.hover-style .team-img a.main-img::after {
    background-color: #24273e;
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.hover-style:hover .product-img a.main-img:after,
.hover-style .team-img:hover a.main-img:after {
    height: 100%;
    opacity: 0.85;
}
.hover-style .product-action,
.hover-style .team-info,
.hover-style .team-social {
    margin-top: -60px;
    position: absolute;
    top: -10%;
    transition: all 0.5s ease 0.2s;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}
.hover-style:hover .product-action,
.hover-style .team-img:hover .team-info {
    top: 50%;
    visibility: visible;
    opacity: 1;
}
.hover-style:hover  .service-st {
    top: 64%;
}
.hover-style .team-img:hover .team-social {
    top: 80%;
    visibility: visible;
    opacity: 1;
}
.product-action .action-single-btn {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #103264;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    height: 38px;
    line-height: 39px;
    padding: 0 14px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.product-action .text-button.action-single-btn {
    background-color: #103264;
    border-color: #103264;
    color: #fff;
}
.product-action .text-button.action-single-btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #103264;
}
.product-action .icon-button.action-single-btn:hover {
    background-color: #103264;
    border-color: #103264;
    color: #fff;
}
.hover-style .product-action .ratings {
    margin-top: 15px;
}
.hover-style .product-action .ratings i {
    color: #007FFF;
    margin: -1px;
}
.hover-style .product-action .ratings span {
    color: #fff;
    font-size: 12px;
}
.col-md-3.col-sm-6:nth-child(1) .single-product,
.col-md-3.col-sm-6:nth-child(2) .single-product,
.col-md-3.col-sm-6:nth-child(3) .single-product,
.col-md-3.col-sm-6:nth-child(4) .single-product {
    margin-top: 0;
}
.single-product {
    margin-top: 30px;
}
.single-product .product-name a {
    color: #24273e;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    text-transform: capitalize;
    height: 52px;
    overflow: hidden;
}
.single-product .product-name a:hover {
    color: #007FFF;
}
.single-product .product-price p {
    color: #ffffff;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 10px;
    position: absolute;
    top: 0;
    padding: 5px 25px;
    z-index: 1;
    overflow: hidden;
}
.single-product .product-price p:after {
    content: '';
    background: #103264;
    height: 200%;
    left: -8px;
    position: absolute;
    top: -22px;
    transform: rotate(10deg);
    width: 102%;
    z-index: -1;
}

.features-area {
    background-image: url(../img/bg/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.feature-icon i {
    color: #007FFF;
    font-size: 42px;
    line-height: 30px;
}
.feature-content h3 {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 20px;
    line-height: 28px;
}
.feature-content p {
    color: #fff;
    text-transform: lowercase;
    margin-bottom: 0px;
    font-size: 18px;
}

.team-member .section-heading {
    margin-bottom: 90px;
}
.single-team .team-img {
    height: 380px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 320px;
}
.single-team .team-img::after,
.single-team .team-img::before,
.single-testimonial .testimonial-img:after,
.single-testimonial .testimonial-img .writer-img:before {
    background-color: #103264;
    bottom: -20px;
    content: "";
    height: 150px;
    left: 0px;
    position: absolute;
    width: 130px;
    z-index: -1;
}
.hover-style .team-img a.main-img {
    margin: 0px 20px;
}
.single-team .team-img::before,
.single-testimonial .testimonial-img .writer-img:before {
    left: auto;
    right: 0px;
    top: -20px;
}
.single-testimonial .testimonial-img::after {
    z-index: 0;
}
.team-info h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}
.team-info p {
    color: #fff;
    margin-bottom: 0;
}
.team-social a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0 7px;
    width: 35px;
}
.team-social a i {
    line-height: 35px;
}
.team-social a:hover {
    background-color: #fff;
    color: #103264;
}

.testimonial-area {
    background-color: #fff;
    background-image: url("../img/bg/testimonial-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
.single-testimonial .testimonial-img {
    float: left;
    position: relative;
    width: 30%;
}
.testimonial-content {
    float: left;
    width: 70%;
}
.testimonial-img .writer-img {
    margin: 0px 20px;
    position: relative;
    padding: 20px 0px;
    z-index: 1;
}
.test-writer {
    padding-left: 45px;
    padding-top: 65px;
}
.test-writer h3 {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase;
}
.test-writer p {
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.test-spech {
    padding-top: 25px;
}
.test-spech p {
    color: #fff;
    text-align: justify;
}
.test-spech p::after, .test-spech p::before {
    color: #51557e;
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 34px;
	font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    overflow: hidden;
    position: absolute;
    width: 34px;
}
.test-spech p::before {
    content: "\f10d";
    margin-left: 0;
    margin-right: 10px;
    position: static;
}

.home-carousel .owl-pagination {
    margin-top: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
}
.home-carousel.owl-theme .owl-controls .owl-page span {
    background-color: #fff;
    opacity: 1;
}
.home-carousel.owl-theme .owl-controls .owl-page.active span {
    background-color: #103264;
}
.owl-controls.clickable {
    margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    color: #d6d6d6;
    font-size: 36px;
    opacity: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}
.owl-theme .owl-controls .owl-buttons div:hover {
    color: #103264;
}
.owl-preview-1 .owl-buttons {
    bottom: 55px;
    left: 30%;
    position: absolute;
}
.owl-preview-1.owl-theme .owl-controls .owl-buttons div.owl-next::before {
    color: #d6d6d6;
    content: "/";
    left: -15px;
    position: absolute;
    top: 11px;
}
.owl-preview-1.owl-theme .owl-controls .owl-buttons div.owl-next:hover::before {
    color: #d6d6d6;
}
.owl-preview-2.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
.owl-preview-2.owl-theme .owl-controls .owl-buttons div.owl-prev {
    margin-left: -55px;
}

.blog-area .section-heading {
    margin-bottom: 60px;
}
.single-blog {
    position: relative;
}
.blog-img {
    position: relative;
}
.blog-img img,
.product-img img {
    width: 100%;
}
.post-date {
    background-color: #262940;
    bottom: 0;
    color: #103264;
    display: inline-block;
    font-weight: 600;
    left: 0;
    line-height: 20px;
    padding: 12px 20px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.single-blog:hover .blog-img .post-date {
    background-color: #fff;
}
.blog-info .blog-title {
    color: #24273e;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
    overflow: hidden;
    height: 60px;
}
.blog-info .blog-title:hover {
    color: #103264;
}
.blog-info .post-info span {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}
.blog-info .post-info span:last-child {
    margin-right: 10px;
}
.blog-info .post-info span i {
    color: #103264;
    margin-right: 5px;
}
.blog-info p.post-summary {
    color: #353535;
    margin-bottom: 5px;
    text-align: justify;
}
.blog-info a.read-post {
    color: #24273e;
    display: inline-block;
    font-weight: 600;
}
.blog-info a.read-post:hover {
    color: #103264;
}

.quick-book-area {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #24273e 50%, #fff 50%) repeat scroll 0 0;
}
.quick-book-area.light {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #999 50%, #fff 50%) repeat scroll 0 0;
}
.quick-book-area .book-now {
    height: 120px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
}
.quick-book-area .book-now::after {
    background-color: #103264;
    content: "";
    height: 300%;
    left: 1.6%;
    position: absolute;
    top: -90%;
    transform: rotate(10deg);
    width: 96.5%;
    z-index: -1;
}
.display-table {
    display: table;
    height: 100%;
    width: 100%;
}
.animated-text .display-table, .change-text .display-table {
  height: auto;
}
.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.book-now-title h2 {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: 4px;
}
a.book-now-btn {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-left: 70px;
    padding: 10px 20px;
}
a.book-now-btn:hover {
    color: #103264;
    background-color: #fff;
}

.page-title-area {
    padding: 50px 0px;
    margin-top: 170px;
    background-image: url(../img/bg/footer-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.page-title-area.no-top-bar {
    margin-top: 110px;
}
.page-title-area.fixed-bg {
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.page-title-area.bg-dark {
    background-color: #24273e;
    background-image: none;
}
.page-title-area.bg-color {
    background-color: #103264;
    background-image: none;
    padding: 60px 0px;
}
.page-title-area.bg-color .page-title-menu ul li a {
    color: #fff;
}
.page-title-area.bg-color .page-title-menu ul li a:hover {
    text-decoration: underline;
}
.page-title h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    letter-spacing: 2px;
}
.page-title-menu ul li {
    color: #fff;
    display: inline-block;
}
.page-title-menu ul li a {
    color: #103264;
    font-weight: 400;
    padding-right: 3px;
    text-transform: uppercase;
}
.page-title-menu ul li:first-child a {
    color: #fff;
}

.mission-vision-area {
    background-color: #24273e;
}
.mission-content p,
.vision-content p {
    color: #fff;
}
.mission-content p:last-child,
.vision-content p:last-child {
    margin-top: 30px;
    margin-bottom: 0px;
}

.shop-bar {
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    padding-bottom: 8px;
}
.width-33 {
    width: 33.33%;
}
.shop-navigation li {
    display: inline-block;
}
.shop-navigation li a {
    border: 1px solid transparent;
    color: #909090;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
}
.shop-navigation li.active a,
.shop-navigation li:hover a{
    color: #24273e;
    border-color: #24273e;
}

.shop-area.pages .single-product {
    margin: 30px 0;
}

.single-list-shop {
	margin-bottom: 55px;
    overflow: hidden;
}
.single-list-shop .single-product {
    margin-top: 0;
}
.single-list-shop .single-product .product-name h2 {
    margin: 15px 0 20px 0;
    text-transform: none;
    font-size: 24px;
}
.check-sl i {
    color: #57ad38;
}
.single-list-shop .price-rating {
    overflow: hidden;
}
.single-list-shop .single-product .product-price1 p {
    color: #007FFF;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 30px;
}
.single-list-shop .single-product .product-price1 p i.fa.fa-rub {
    font-size: 21px;
}
.single-list-shop .product-text {
    margin-top: 25px;
}
.single-list-shop .product-action .action-single-btn,
.single-list-shop .product-action .action-single-btn:hover {
    border-color: #007FFF
}
.shop-details-tab .rate-product h4 {
    text-transform: none;
    font-weight: 400;
    font-size: 17px;
}
.shortcode.list-shop,
.blog-area .shortcode {
    margin-top: 120px;
}

.toolbar-bottom {
    text-align: center;
	border-bottom: 1px solid #eee;
    padding-bottom: 13px;
    margin-top: 30px;
}
.toolbar-bottom a, .toolbar-bottom span {
    border: 1px solid #eee;
    color: #24273e;
    display: block;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    text-align: center;
    width: 30px;
	display: inline-block;
}
.toolbar-bottom span,
.toolbar-bottom a:hover {
    background-color: #103264;
    border-color: #103264;
    color: #fff;
}

.shop-details .single-list-shop {
    margin-top: 0px;
}
.shop-details .cart-plus-minus {
    padding: 30px 0px;
}
.shop-detail-color {
    margin-bottom: 30px;
}
.shop-detail-color h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    margin: 0;
}
.colors ul li {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 41px;
    margin-right: 5px;
    transition: all 0.5s ease 0s;
    width: 41px;
}
.colors ul li:hover {
    border-color: #24273e;
}
.colors ul li a {
    background-color: #000;
    display: block;
    height: 24px;
    margin: 8px;
    width: 24px;
}
.colors ul li:nth-child(2) a {
    background-color: #007FFF;
}
.colors ul li:nth-child(3) a {
    background-color: #353c72;
}
.colors ul li:nth-child(4) a {
    background-color: #ffff00;
}
.shop-details-social {
    margin-top: 55px;
}
.shop-details-social ul li span {
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: -4px;
    margin-right: 4px;
    /* display: none; */
}
.shop-details-social ul li a {
    color: #24273e;
}
.shop-details-social ul li a:hover {
    color: #103264;
}
.shop-details-tab {
    border: 1px solid #eee;
    padding: 30px 30px 0;
}
.shop-details-tab .tab-content {
    padding-bottom: 20px;
}
.shop-details-tab-bar {
    margin-bottom: 20px;
    margin-left: 5px;
}
.shop-details-tab-bar li a {
    font-family: "Roboto",sans-serif;
}
.rate-product .section-small-title h3{
    margin-bottom: 15px;
}
.rate-product .section-small-title h3:first-child {
    margin-bottom: 0px;
}
.form-list li {
    width: 48%;
}
.form-list li:last-child {
    width: 100%;
}
.form-list li input, .form-list li textarea {
    border: 1px solid #eee;
    height: 40px;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%;
}
.form-list li textarea {
    height: 150px;
}
.product-tag .input-box input {
    border: 1px solid #eee;
    height: 40px;
    padding: 5px 10px;
    text-transform: capitalize;
    width: 300px;
}

.c-captcha {
    position: absolute;
    bottom: -120px;
}

.google-map-area {
    position: relative;
    background: #f1f1f1;
}
#googleMap {
    height: 480px;
    margin-top: 400px;
}
.contact-box {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 40px;
    background-color: #fff;
    margin-top: 100px;
    position: absolute;
    z-index: 9;
}
.contact-box .contact-form .g-recaptcha {
    position: absolute;
    left: 90px;
    bottom: 53px;
}
.contact-box .contact-form, .contact-box .contact-info {
    float: left;
    width: 50%;
}
.contact-box h3.contact-title {
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}
.contact-info .single-address {
    margin-bottom: 21px;
    overflow: hidden;
}
.contact-info .single-address:last-child {
    margin-bottom: 0px;
}
.contact-info .single-address .icon {
    border: 1px solid #646464;
    border-radius: 50%;
    color: #606060;
    float: left;
    font-size: 18px;
    height: 32px;
    line-height: 29px;
    margin-top: 11px;
    text-align: center;
    width: 32px;
}
.contact-info .icon-text p {
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 45px;
    margin-top: 12px;
}

input#sec_code,
.contact-form input,
.contact-form textarea,
.contact-form select  {
    border-bottom: 1px solid #b0b0b0;
    color: #606060;
    text-transform: capitalize;
    padding: 5px 0px;
    margin-bottom: 18px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 100%;
}
input#sec_code {
    width: auto;
    vertical-align: -20px;
}
input#sec_code:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    outline: 0;
    border-bottom: 1px solid #103264;
}
.contact-form .shopping-button button {
    margin-top: 0px;
}

.all-blog-posts .single-blog {
    margin-bottom: 30px;
    overflow: hidden;
}
.all-blog-posts .single-blog .blog-img {
    float: left;
    width: 45%;
}
.all-blog-posts .single-blog .blog-info {
    float: left;
    padding-left: 3%;
    width: 52%;
}
.all-blog-posts .single-blog .blog-img img {
    width: 100%;
}
.all-blog-posts .single-blog .blog-info .blog-title {
    margin-top: -5px;
    margin-bottom: 5px;
}
.all-blog-posts .single-blog .post-info {
    margin-bottom: 5px;
}

.blog-full-post .blog-img a img {
    width: 100%;
}
.blog-full-post .blog-info {
    margin-bottom: 10px;
    margin-top: 30px;
}
.blog-full-post .post-text p {
    margin-bottom: 35px;
}
.blog-full-post .post-text .quote{
    border-left: 2px solid #007FFF;
    font-size: 14px;
    margin-left: 55px;
	padding: 10px 20px;
}
.blog-full-post .blog-info {
    margin-bottom: 10px;
    margin-top: 30px;
}
.blog-full-post .post-info {
    background-color: #f3f3f3;
    margin-bottom: 30px;
    padding: 10px 10px 7px 22px;
}

.sidebar-section-padding, .blog-sidebar .popular-posts {
    border: 1px solid #eee;
    margin-top: 30px;
    padding: 15px 0 15px 15px;
}
.blog-sidebar .section-small-title h3 {
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: none;
    margin-top: 0;
}
.blog-info .post-info .shop-details-social .soc-line {
font-weight: 600;
text-transform: uppercase;
margin-right: 4px;
font-size: 14px;
}
.catagory-menu ul li a,
.single-tags ul li a {
    color: #24273e;
    display: block;
    font-weight: 400;
    margin-top: 5px;
    text-transform: capitalize;
}
.catagory-menu ul li a:hover {
    color: #103264;
    padding-left: 10px;
}
.catagory-menu.sidebar-section-padding ul li ul, .catagory-menu.sidebar-section-padding ul li a i {
    display: none;
}
.single-tags ul li {
    display: inline-block;
}
.single-tags ul li a {
    border: 1px solid #eee;
    font-size: 12px;
    margin-right: 3px;
    margin-top: 10px;
    padding: 0 10px;
}
.single-tags ul li a:hover {
    background-color: #103264;
    border-color: #103264;
    color: #fff;
}
.blog-sidebar .popular-posts {
    padding-bottom: 0px;
    border-bottom: 0px;
}
.blog-sidebar .blog-posts ul li {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 20px 15px 20px 0px;
}
.blog-sidebar .blog-posts ul li:first-child {
    padding-top: 0px;
}
.blog-sidebar .blog-img {
    float: left;
    margin-right: 3%;
    width: 27%;
}
.blog-sidebar .blog-content {
    float: left;
    width: 70%;
}
.blog-sidebar .blog-content a {
    color: #24273e;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    overflow: hidden;
    height: 29px;
}
.blog-sidebar .blog-content a:hover {
    color: #103264;
}
.blog-sidebar .blog-content p {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 700;
    color: #acaeb9;
}
.blog-sidebar .blog-content p .nhtau {
    padding: 0px 10px;
    margin: 3px 0 0;
    border-radius: 2px;
}

.service-area.pages {
    background-image: none;
}
.pages .single-service .icon-title i,
.pages .single-service .icon-title h3,
.pages .single-service p {
    color: #24273e;
}
.pages .single-service:hover .icon-title i {
    color: #103264;
}

button:focus {
    outline: 0;
}
.contact-form-area .contact-box {
    position: static;
}
.shortcode-title {
    margin-bottom: 30px;
}
.shortcode-spacer {
    margin-bottom: 60px;
}
.button {
    transition: all 0.5s ease 0s;
}
.button {
    background-color: transparent;
    border: 1px solid #24273e;
    margin-bottom: 10px;
    padding: 5px 24px;
    text-transform: uppercase;
}
.button.dark {
    background-color: #24273e;
    color: #fff;
}
.button:hover {
    background-color: #24273e;
    color: #fff;
}
.button.color-hover:hover {
    background-color: #103264;
    border-color: #103264;
}
.button.dark:hover {
    background-color: transparent;
    color: #24273e;
}
.button.dark.color-hover:hover {
    background-color: #103264;
    color: #fff;
}
.button.large-btn {
    padding: 7px 32px;
}
.button.small-btn {
    padding: 4px 16px;
}
.button.main-color {
    background-color: transparent;
    border-color: #103264;
}
.button.main-color:hover {
    color: #fff;
}
.button.bg-main-color,
.button.main-color:hover {
    background-color: #103264;
    border-color: #103264;
}
.button.bg-main-color:hover,
.button.main-color {
    color: #103264;
}
.button.hover-dark:hover {
    background-color: #24273E;
    color: #fff;
    border-color: #24273e;
}
.services-button {
    margin-top: 50px;
}
.shopping-button button,
.shopping-button a {
    background-color: #fff;
    border: 1px solid #103264;
    border-radius: 5px;
    color: #103264;
    font-weight: 600;
    margin: 29px 0;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.shopping-button button:hover,
.shopping-button a:hover {
    background-color: #103264;
    color: #fff;
}
.shopping-button button, .shopping-button a {
    line-height: 15px;
    margin-bottom: 0;
}
.services-button .button.main-color {
    color: #fff;
    border-color: #fff;
}
.services-button .button.main-color:hover {
	border-color: #103264;
}
.alert, .progress {
    border-radius: 0px;
}
.modal {
    z-index: 999999;
}
.tab-nav li {
    display: inline-block;
}
.tab-nav li a {
    display: block;
    color: #24273e;
}
.tab-nav li.active a {
    background-color: #24273e;
    color: #fff;
}
.heading-bg .panel-heading {
    background-color: #24273e;
    color: #fff;
}

.footer-about-us p {
    color: #fff;
    margin: 15px 0;
}
.footer-top-area {
    background-color: #24273e;
    padding: 80px 0;
}
.footer-top-area.light {
    background-color: #999;
}
.footer-address {
    margin-bottom: 15px;
    margin-top: 20px;
}
.footer-address p,
.footer-contact-info p {
    color: #fff;
}
.footer-address p {
    margin-bottom: 0;
}
.footer-address p span, .footer-contact-info p span {
    font-weight: 600;
    text-transform: uppercase;
}
.footer-top-title h3 {
    color: #fff;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
}
.footer-top-menu ul li a {
    color: #fff;
    display: block;
    padding: 3px 0;
}
.footer-top-menu ul li a:hover {
    color: #ed2453;
}

.footer-top-widget {
    margin: -13px;
}

.footer-area {
    background-color: #103264;
    padding: 28px 0;
}
.footer-social ul li a {
    color: #fff;
}
.about-social ul li a {
    color: #007FFF;
    line-height: 60px;
}
.footer-social ul li a:hover,
.about-social ul li a:hover {
    color: #24273e;
}
.footer-copyright p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
}
.footer-copyright a {
    color: #fff;
    font-weight: 600;
}
.footer-copyright a:hover {
    text-decoration: underline;
}

#uptocallPopup .uptocall-madeBy {
    display: none;
}

/* Информационное окно загрузки AJAX */
#loading-layer {
		display: block !important;
		background-color: #fff;
		background-color: rgba(255,255,255,0.9);
		z-index: 9999;
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		width: 100%; height: 100%; text-indent: -9999px;
		overflow: hidden;
		white-space: nowrap;
	}
	#loading-layer:before, #loading-layer:after {
		content: "";
		border-radius: 50%;
		background-color: #103264;
		position: absolute;
		left: 50%; top: 50%;
	}
	#loading-layer:before {
		width: 100px; height: 100px;
		margin: -50px 0 0 -50px;
	}
	#loading-layer:after {
		width: 40px; height: 40px;
		background-color: #fff;
		margin: -20px 0 0 -20px;
	}

	#loading-layer:before {
		-webkit-animation: load1 1s infinite ease;
		animation: load1 1s infinite ease;
	}
	#loading-layer:after {
		-webkit-animation: load2 1s infinite -0.32s ease;
		animation: load2 1s infinite -0.32s ease;
	}
	@-webkit-keyframes load1 {
		0%, 80%, 100% { -webkit-transform: scale(1,1); }
		40% { -webkit-transform: scale(.6,.6); }
	}
	@keyframes load1 {
		0%, 80%, 100% { transform: scale(1,1); }
		40% { transform: scale(.6,.6); }
	}
	@-webkit-keyframes load2 {
		0%, 80%, 100% { -webkit-transform: scale(1,1); }
		40% { -webkit-transform: scale(.5,.5); }
	}
	@keyframes load2 {
		0%, 80%, 100% { transform: scale(1,1); }
		40% { transform: scale(.5,.5); }
	}

/* Highslide скрипт. Показывает оригинальную картинку загруженную на сайт из уменьшенной копии */
.highslide-wrapper, .highslide-outline {background:#fff}
.highslide-image {border:2px solid #fff}
.highslide-active-anchor {visibility:hidden}
.highslide-active-anchor img {visibility:hidden}
.highslide-dimming {background-color:black}
.highslide-html {background-color:white}
.highslide-loading {display:block;color:white;font-size:9px;font-weight:bold;text-decoration:none;padding:3px;border:1px solid white;background-color:black;}
a.highslide-full-expand {background:url("../../../engine/classes/highslide/graphics/fullexpand.gif") no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px;}
.highslide-display-block {display:block}
.highslide-display-none {display:none}
.highslide-caption {display:none;padding:5px;background:white;}
.highslide-controls {width:195px;height:40px;background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;margin-right:15px;margin-bottom:10px;margin-top:10px;}
.highslide-controls ul {position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;}
.highslide-controls li {float:left;padding:5px 0;}
.highslide-controls a {background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");display:block;float:left;height:30px;width:30px;outline:none;}
.highslide-controls a.disabled {cursor:default}
.highslide-controls a span {display:none}
.highslide-controls .highslide-previous a {background-position:0 0} .highslide-controls .highslide-previous a:hover {background-position:0 -30px}
.highslide-controls .highslide-previous a.disabled {background-position:0 -60px !important}
.highslide-controls .highslide-play a {background-position:-30px 0}
.highslide-controls .highslide-play a:hover {background-position:-30px -30px}
.highslide-controls .highslide-play a.disabled {background-position:-30px -60px !important}
.highslide-controls .highslide-pause a {background-position:-60px 0} .highslide-controls .highslide-pause a:hover {background-position:-60px -30px}
.highslide-controls .highslide-next a {background-position:-90px 0} .highslide-controls .highslide-next a:hover {background-position:-90px -30px}
.highslide-controls .highslide-next a.disabled {background-position:-90px -60px !important}
.highslide-controls .highslide-move a {background-position:-120px 0} .highslide-controls .highslide-move a:hover {background-position:-120px -30px}
.highslide-controls .highslide-full-expand a {background-position:-150px 0} .highslide-controls .highslide-full-expand a:hover {background-position:-150px -30px}
.highslide-controls .highslide-full-expand a.disabled {background-position:-150px -60px !important}
.highslide-controls .highslide-close a {background-position:-180px 0} .highslide-controls .highslide-close a:hover {background-position:-180px -30px}

/* Диалоговые и всплывающие окна jQuery UI */
.ui-helper-hidden {display:none}
.ui-helper-hidden-accessible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.ui-helper-reset {margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after {clear:both}
.ui-helper-clearfix {min-height:0}
.ui-icon {background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px;}
.ui-widget-content {
    background: #fff;
    border: 1px solid #103264;
    color: #222;
}
.ui-widget-header {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    font-weight: bold;
    background: #103264;
    min-height: 16px;
    font-size: 14px;
}
.ui-widget-header a {color:#fff}
.ui-state-default, .ui-widget-content .ui-state-default {border:1px solid #cfcfcf;color:#333;font-weight:bold;text-shadow:1px 1px 0 #fff;border-radius:3px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05);}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#2e6e9e;text-decoration:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border:1px solid #a7a7a7;font-weight:bold;
background: #fff;}
.ui-state-hover a, .ui-state-hover a:hover {text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active {box-shadow:inset 0 0 3px 0 rgba(0,0,0,.3);border:1px solid #a7a7a7;color:#999;font-weight:bold;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#e17009;text-decoration:none;}
.ui-state-error {background:#fef1ec;border:1px solid #dedede;color:#cd0a0a;}
.ui-button .ui-button-text {display:block;line-height:1.4em;font-size:12px;}
.ui-button-text-only .ui-button-text {padding:.4em .8em}
input.ui-button {padding:.4em 1em}
.ui-button-set {margin-right:7px}
.ui-button-set .ui-button {margin-left:0;margin-right:-0.3em;}
button.ui-button::-moz-focus-inner {border:0;padding:0;}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    width: 300px;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
.ui-dialog .ui-dialog-titlebar {padding:0.5em 1em 0.3em;position:relative;}
.ui-dialog .ui-dialog-title {float:left;margin:0.1em 16px 0.2em 0;}
.ui-dialog .ui-dialog-titlebar-close {height:16px;width:16px;margin-top:-8px;position:absolute;right:1em;top:50%;-moz-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border:1px solid transparent;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.3);}
.ui-dialog .ui-dialog-titlebar-close:before {content:'\d7';display:block;color:#fff;font-size:30px;line-height:16px;font-weight:bold;text-indent:0;font-family:Arial, sans-serif;}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {background:transparent;border-color:transparent;opacity:0.6;filter:alpha(opacity=60);}
.ui-dialog .ui-dialog-titlebar-close span {display:none}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding:0;}
.ui-dialog .ui-dialog-content {background:none;border:0;overflow:auto;padding:.5em 1em;position:relative;}
.ui-dialog .ui-dialog-buttonpane {background:#F8F8F8;border-width:1px 0 0 0;margin:.5em -.2em -.2em;padding:.3em 1em .5em .4em;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.ui-dialog .ui-dialog-buttonpane button {
    background-color: #fff;
    border: 1px solid #103264;
    border-radius: 5px;
    color: #103264;
    font-weight: 600;
    margin: 6px 0;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #103264;
    color: #fff;
}
.ui-dialog .ui-resizable-se {bottom:3px;height:14px;right:3px;width:14px;}
.ui-draggable .ui-dialog-titlebar {cursor:move}
.ui-dialog-buttonpane {border-color:#E0E0E0}
.instagram-media, .twitter-tweet {display: inline-block !important;}
/* MASHA JS (выделение текста и всплывающее окно "поделиться ссылкой") */
/* #marker-bar, #txtselect_marker {display:block;visibility:hidden;position:absolute;top:0;left:0;z-index:1200;opacity:0;-webkit-transition:opacity .4s, visibility .1s linear .4s;-moz-transition:opacity .4s, visibility .1s linear .4s;transition:opacity .4s, visibility .1s linear .4s;}
#txtselect_marker {cursor:pointer;background:url('../dleimages/marker.png') no-repeat 0 0;}
#txtselect_marker:hover {background-position:0 -32px}
#marker-bar {border:1px solid #ccc;border-radius:15px;background:#fff;padding:5px 10px;cursor:default;box-shadow:0 0 4px #ccc;}
#marker-bar.show {-webkit-transition:opacity .4s, visibility 0s;-moz-transition:opacity .4s, visibility 0s;transition:opacity .4s, visibility 0s;opacity:1;visibility:visible;}
#txtselect_marker.show {visibility:visible;width:32px;height:32px;-webkit-transition:opacity .4s, visibility 0s;-moz-transition:opacity .4s, visibility 0s;transition:opacity .4s, visibility 0s;opacity:1;}
#marker-bar .masha-social,#marker-bar .masha-marker {cursor:pointer;display:block;margin:0 5px;float:left;}
#marker-bar .masha-marker {line-height:1em;color:#aaa;border-bottom:1px dotted #aaa;margin-right:10px;}
#marker-bar .masha-marker:hover {color:#ea3e26;border-color:#ea3e26;}
.user_selection, .user_selection_true {background:#f0ff85;padding:2px 0;}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {display:none}
.user_selection .closewrap, .user_selection_true .closewrap {position:relative}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {display:inline-block;position:absolute;top:-7px;left:-5px;width:20px;height:20px;background:#E6E6E6;border:1px solid #707070;border-radius:2px;color:#222;box-shadow:0 0 5px 1px rgba(0,0,0,.5);text-decoration:none;text-align:center;font-size:16px;line-height:19px;font-weight:bold;text-shadow:0 1px 0 #fff;font-family:Tahoma, sans-serif;-moz-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;}
.user_selection.hover a.txtsel_close:before, .user_selection_true.hover a.txtsel_close:before {content:'\d7';display:inline-block;}
.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {color:#1E6FC2;box-shadow:0 0 7px 1px rgba(0,0,0,.6);}
#share-popup {background:#fff;border:1px solid #C4C4C4;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.3);position:absolute;width:414px;display:none;z-index:100;padding:10px 0;opacity:0;-webkit-transition:opacity .4s, visibility .1s linear .4s;-moz-transition:opacity .4s, visibility .1s linear .4s;transition:opacity .4s, visibility .1s linear .4s;}
#share-popup.show {display:block;opacity:1;-webkit-transition:opacity .4s, visibility 0s;-moz-transition:opacity .4s, visibility 0s;transition:opacity .4s, visibility 0s;opacity:1;}
#share-popup .social {padding:0 15px 10px}
#share-popup .social p {padding-bottom:10px;margin:0;font-weight:bold;}
#share-popup .social ul {list-style:none;margin:0;padding:0;overflow:hidden;}
#share-popup .social ul li {float:left;margin-right:20px;padding-top:2px;position:relative;}
#share-popup .social ul a {text-decoration:none;font-size:11px;display:inline-block;color:#aaa;}
#share-popup .social ul a:hover {text-decoration:underline;color:#ea3e26;}
#share-popup .social a span {cursor:pointer;color:#fff;text-align:center;display:inline-block;vertical-align:middle;border-radius:3px;height:20px;width:20px;line-height:20px;font-size:13px;margin:-2px 4px 0 0;box-shadow:inset 1px 1px rgba(0,0,0,.05), inset -1px -1px rgba(0,0,0,.05);}
#share-popup .social .tw span {background:#00aced;font-size:12px;} #share-popup .social .tw span:before {content:'\e809'}
#share-popup .social .fb span {background:#3b5998} #share-popup .social .fb span:before {content:'\e80c'}
#share-popup .social .vk span {background:#45668e} #share-popup .social .vk span:before {content:'\e811'}
#share-popup .social .gp span {background:#dd4b39} #share-popup .social .gp span:before {content:'\e80d'}
#share-popup .link {clear:both;border-top:1px solid #d9d9d9;padding:10px 15px 0;line-height:1.2;overflow:hidden;}
#share-popup .link p {font-weight:bold;padding:0 0 3px 0;margin:0;}
#share-popup .link span {color:#999;font-size:10px;display:block;padding-top:3px;}
#share-popup .link a {display:block} */