/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Expresso.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 15-01-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - CATEGORY*/
/* 04 - SINGLE*/
/* 05 - 404*/
/* 06 - SIGN IN*/
/* 07 - FOOTER*/
/* 08 - MEDIA QUERYES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Varela+Round);

html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Varela Round', sans-serif; color:#354b5e;  background-color: #f5f8fa; letter-spacing: 0.6px;}

.load {position: fixed; background: #292f33; width: 100%; height: 100%; left:0; top:0; z-index: 6050;}
.loading {position: absolute; top: 50%;left: 50%;}
.loading .bullet {position: absolute; padding: 5px;border-radius: 50%; background: #fff;-webkit-animation: animIn 1s ease-in-out 0s infinite;
animation: animIn 1s ease-in-out 0s infinite;}
.loading .bullet:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.loading .bullet:nth-child(2) { -webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.loading .bullet:nth-child(3) { -webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loading .bullet:nth-child(4) { -webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
@-webkit-keyframes animIn {
    0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
    50% {opacity: 1;}
    100% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}
}
@keyframes animIn {
    0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
    50% {opacity: 1;}
    100% { -webkit-transform: translateX(100px); transform: translateX(100px);opacity: 0;}}

.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}
.animation-stop{-webkit-transition:none !important; -moz-transition:none !important;  -o-transition:none !important; -ms-transition:none !important; transition:none !important;}

a {text-decoration:none; outline:none; cursor: pointer; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:#fff;}

.clear_l{clear:both;}
ul {padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none;}
::-webkit-input-placeholder {color:#66757f; opacity: 1;}
::-moz-placeholder          {color:#66757f; opacity: 1;}
:-moz-placeholder           {color:#66757f; opacity: 1;}
:-ms-input-placeholder      {color:#66757f; opacity: 1;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------BACKGROUND----------------------*/

.bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.bg-bg{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.bg-bg-chrome.act{position: absolute;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}

/*-----------------------------------------------------*/
.full-width {position:relative; float:left; width:100%;}
.full-height {height:80vmin; position:relative; float:left;}
.vertical-center{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.vertical-align{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%;}
.center_img{position: absolute;}
.swiper-container{margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{height:100%;}
.swiper-slide{position:relative; float:left; overflow:hidden;}

h1 {font-size: 100px;}
h2 {font-size: 34px; line-height: 40px;}
h3 {font-size: 30px; line-height: 36px;}
h4 {font-size: 20px; line-height: 36px; letter-spacing: 0.6px;} 
h5 {font-size: 16px; line-height: 33px; letter-spacing: 0.6px;}
h6 {font-size: 14px;}
p {font-size: 16px; line-height: 34px; color:#8899a6;}
a {color:#fff;}
ul {position: relative; float: left;}
ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
input {background: none; border: none;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
textarea {font-size: 16px; line-height: 32px; color: #ccd6dd; border: 1px solid #ccd6dd; border-radius: 5px;}
iframe {border: none;}

.color-white {color: #fff;}
.col-blue-grey {color:#8899a6;}
.col-orange {color:#ff8833;}
.col-blue {color: #1ab7ea;}
.col-grey {color: #ccd6dd;}
.col-green {color:#8aba56;}
.col-grey-ligth {color:#ccd6dd;}
.col-red {color:#dd4b39;}
.col-yellow {color:#f1c40f}
.col-pink {color:#ea4c89;}

.bg-white {background: #fff;}
.bg-dark {background: #292f33;}
.bg-green {background: #8aba56;}
.bg-yellow {background: #f1c40f;}
.bg-yellow-light {background: #f0ce4e;}
.bg-red {background:#dd4b39;}
.bg-blue-f {background: #3f729b;}
.bg-blue {background: #55acee;}
.bg-pink {background: #ea4c89;}
.bg-dark-blue {background: #35465c;}
.bg-extra-red {background: #c92228;}
.bg-blue-point {background: #1ab7ea;}
.bg-fio-point {background: #8899a6;}
.bg-orange {background: #ff8833;}
.bg-grey {background: #f5f8fa;}

.display-table {display: table; width: 100%;}
.display-row {display: table-row;}
.display-cell {display: table-cell; vertical-align: middle;}
.clear {clear: both;}
.display-none {display: none;}

/*-----------------------===BUTTON===-------------------------------*/

.button-main {border-radius: 3px; cursor: pointer; height: 50px; position: relative; float: left; font-size: 16px; line-height: 32px; color:#fff; text-transform: capitalize; text-align: center; letter-spacing: 0.6px; border:1px solid rgba(0,0,0,0);transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}


.button-mag {border-radius: 3px; height: 30px; color:#fff; font-size: 14px; line-height: 30px; text-transform: capitalize; text-align: center; float: left; position: relative;transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.button-mag:hover {background: #fff;}
.button-mag:hover a{color:#fff; color:#354b5e;}

.button-main:hover {background:#8aba56;}
.button-main:hover a {color: #fff;}

/*-----------------------===SLIDER-NAVIGATION===-------------------------------*/

.slide-next {height: 70px; width: 70px; background: #f1c40f; position: absolute; top: 35px; z-index: 50; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-next .fa {color:#fff; position: absolute; font-size: 14px; top: 17px;left: 31px; line-height: 36px;}
.slide-next:hover {background: #292f33;}
.slide-prev {height: 70px; width: 70px; background: #f1c40f; position: absolute; top: 35px; z-index: 50; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-prev .fa {color:#fff; position: absolute; font-size: 14px; top: 17px;left: 31px; line-height: 36px;}
.slide-prev:hover {background: #292f33;}

.pagination {position: absolute; left: 0px; width: 100%; text-align: center;}
.swiper-pagination-switch {cursor: pointer; width: 5px; height: 5px; border-radius: 50%; position: relative; float: none; display: inline-block; margin: 0px 3px; background: #f1c40f; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} 
.swiper-active-switch {background: #30303a; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}

.customNavigation {position: relative; float: left; width: 100%;}
.customNavigation .next {font-size: 0px; height: 70px; width: 70px; background: #f1c40f; position: absolute; top: 275px; right: 15px; z-index: 500; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.customNavigation .next:hover {background: #292f33;}
.next .fa {color:#fff; position: absolute; font-size: 14px; top: 16px;left: 30px; line-height: 36px;}
.customNavigation .prev {font-size: 0px; height: 70px; width: 70px; background: #f1c40f; position: absolute; top: 275px; right: 85px; z-index: 500; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.prev .fa {color:#fff; position: absolute; font-size: 14px; top: 16px;left: 30px; line-height: 36px;}
.customNavigation .prev:hover {background: #292f33;}

/*-----------------------===HEADER===-------------------------------*/

.top-header-bar {position: relative; float: left; width: 100%; height: 60px;}
.top-share {position: relative; float: left; padding-top: 20px;}
.top-share .fa {font-size: 20px; margin-right: 35px;}
.top-share .fa-google-plus {color: #cb4838;}
.top-share .fa-twitter {color: #55acee;}
.top-share .fa-dribbble {color: #d74880;}
.top-share .fa-facebook {color: #3b5998;}

.header-tabs {position: relative; float: left; width: 100%; background: #fff; overflow: hidden;}
.top-tab {position: relative; float: left; width: 100%; background: #fff; min-height: 100px; cursor: pointer; border-bottom: 2px solid rgba(138,186,86,0); padding: 17px 10px 0px 45px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.top-tab .point-tabs {width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 25px; top: 29px;}
.header-tabs .trend-tabs {margin-left: 0px;}
.top-tab p a {line-height: 36px; color: #8899a6;}
.top-tab h6 {line-height: 36px; color: #8899a6;}

.blue-tab .point-tabs {border: 2px solid #1ab7ea;}
.red-tab .point-tabs {border: 2px solid #dd4b39;}
.green-tab .point-tabs {border: 2px solid #8aba56;}
.yellow-tab .point-tabs {border: 2px solid #f1c40f;}

.top-tab:hover {background: #e1e8ed;}
.top-tab.blue-tab:hover {border-bottom: 2px solid #1ab7ea;}
.top-tab.red-tab:hover {border-bottom: 2px solid #dd4b39;}
.top-tab.green-tab:hover {border-bottom: 2px solid #8aba56;}
.top-tab.yellow-tab:hover {border-bottom: 2px solid #f1c40f;}

.tabs-baner {position: relative; float: left; width: 100%; height: 102px;}
.top-setting {position: relative; float: right; padding-top: 23px;}
.envelop {position: relative; float: left; width: 24px; cursor: pointer; padding-right: 66px; line-height: 27px;}
.envelop span {font-size: 16px; color:#8899a6;}
.count {position: absolute; left: 11px; top: -6px; height: 15px; width: 15px; background: #dd4b39; border: 2px solid #292f33; border-radius: 50%; color:#fff; line-height: 11px; font-size: 10px; padding-left: 2px; padding-top: 1px;}
.count a:hover {color:#fff;}
.top-setting .fa-cog {font-size: 16px; color:#8aba56; cursor: pointer; position: relative; float: left; line-height: 22px; margin-right: 0px;}

.drop-left {position: relative; display: block; height: 20px; z-index:3000; width: 100px; float: left; margin-right: 42px; padding-left: 5px;}
.drop-left .check {position:relative; width: 100%; height: 20px; background: none; font-size: 12px; cursor: pointer; text-transform: capitalize; font-weight: 400; color:#fff; letter-spacing: 0.6px; padding-left: 1px; font-style: normal;}
.drop-left .drop-list {position: absolute; right: -12px; top: 0px;font-size: 13px; color:#f1c40f; z-index: 6000;}
.drop-left span {position:absolute; left:1px; top:2px; width:124px; z-index: 5000; background: #292f33; padding-bottom: 5px; display: none;}
.drop-list.act {z-index: 6000;}
.drop-left span a {color: #fff; font-size: 12px; float: left; position: relative; width: 100%;  height: 20px; text-decoration: none; text-align: left; padding-left: 8px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000; text-transform: capitalize;}
.drop-left span.act {display: block;}
.drop-left span a:hover {color:#f1c40f;}

.drop-right {position: relative; display: block; height: 20px; z-index:3000; width: 45px; float: left; margin-right: 43px; padding-left: 0px;}
.drop-right .check {position:relative; width: 100%; background: none; font-size: 12px; cursor: pointer; text-transform: capitalize; color:#222; padding-left: 5px; font-style: normal;}
.drop-right .drop-list {position: absolute; right: -4px; top: 0px;font-size: 13px; color:#f1c40f;z-index: 6000;}
.drop-right span {position:absolute; left:0px; top:2px; width:60px; z-index: 5000; background: #292f33; padding-bottom: 5px; display: none;}
.drop-right span.act {display: block;}
.drop-list.act {z-index: 6000;}
.drop-right span a {color: #fff; padding-left: 5px; font-size: 12px; float: left; position: relative; width: 100%;  height: 20px; text-decoration: none; text-align: left; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000; text-transform: capitalize;}
.drop-right span a:hover {color:#f1c40f;}

.logo {position: relative; float: left; padding: 31px 0px 40px;}
.navigation nav {position: relative; float: right; padding-top: 63px; margin-left: 44px; z-index: 50;}
.sub-menu {position: relative; float: left;}
.navigation .sub-menu span {position: absolute; left: 6px; top: 49px; width: 180px; text-align: center; opacity: 0; visibility: hidden; border-bottom: 2px solid #dd4b39; box-shadow: 0px 0px 5px -3px #2f363b; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.navigation nav .sub-menu span .fa {position: absolute; font-size: 26px; color:#fff; top: -10px; left: 27px;}
.navigation nav .sub-menu span a {text-align: left; float: left; padding: 14px 10px 13px 15px; width: 100%; position: relative; margin: 0px;}
.navigation nav .sub-menu span a:hover {color:#fff; background: #2f363b;}
.navigation nav a {font-size: 14px; line-height: 14px; margin: 0px 6px 0px 6px; letter-spacing: 0.1px; position: relative; float: left; padding: 12px 14px;}
.navigation nav a:hover {color:#dd4b39; background: #ebf0f3;}
.sub-menu:hover span { opacity: 1; visibility: visible;}

.sub-menu .fa-plus {font-size: 16px; position: absolute; right: 24px; top: 12px; display: none; color: #8899a6; cursor: pointer;}


.search {width: 270px; height: 62px; background: none; position: relative; float: right; margin-top: -20px; margin-left: 20px;}
.navigation nav a.link-color{color:#dd4b39;}
.search input {border: 1px solid #2f363b; height: 62px; width: 270px; font-size: 14px; line-height: 30px; color: #66757f; padding-left: 20px; letter-spacing: 0.4px; padding-right: 40px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.search input:focus {border: 1px solid #66757f; color:#fff;}
.search button {position: absolute; right: 13px; top: 17px; font-size: 18px; color:#66757f; background: none;}
.owl-slide {position: relative; float: left; width: 970px;}
.category-tabs {position: relative; float: left; width: 100%;}
.cat-tab {position: relative; float: left; width: 130px; border-right: 1px solid #e1e8ed;}
.cat-tab:last-child {border-right: none;}
.cat-tab button {background: #fff; height: 63px; color: #292f33; text-transform: capitalize; font-size: 15px; letter-spacing: 0.6px; line-height: 16px; width: 100%; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.button-dot {position: relative; float: left; width: 70px; height: 66px; border-right: 1px solid #e1e8ed; background: #fff; border-bottom: 2px solid #ccd6dd; text-align: center; cursor: pointer;}
.button-dot span {background: #f1c40f; width: 5px; height: 5px; border-radius: 50%; position: relative; float: none; margin-right: 5px; display: inline-block; margin-top: 32px;}
.button-rss {position: relative; float: left; width: 70px; height: 66px; border-right: 1px solid #e1e8ed; background: #fff; border-bottom: 2px solid #ccd6dd; text-align: center; cursor: pointer;}
.button-rss span {font-size: 24px; line-height: 24px; color: #ff8833; padding-top: 23px;}
.cat-tab button:hover {color: #fff;}
.cat-tab.col-1 {border-bottom: 2px solid #3c6f82;}
.cat-tab.col-1 button:hover {background: #3c6f82;}
.cat-tab.col-2 {border-bottom: 2px solid #dd4b39;}
.cat-tab.col-2 button:hover {background: #dd4b39;}
.cat-tab.col-3 {border-bottom: 2px solid #8aba56;}
.cat-tab.col-3 button:hover {background: #8aba56;}
.cat-tab.col-4 {border-bottom: 2px solid #3f729b;}
.cat-tab.col-4 button:hover {background: #3f729b;}
.cat-tab.col-5 {border-bottom: 2px solid #a7e9ff;}
.cat-tab.col-5 button:hover {background: #a7e9ff;}
.cat-tab.col-6 {border-bottom: 2px solid #ff8833;}
.cat-tab.col-6 button:hover {background: #ff8833;}
.cat-tab.col-7 {border-bottom: 2px solid #f1c40f;}
.cat-tab.col-7 button:hover {background: #f1c40f;}
.cat-tab.col-8 {border-bottom: 2px solid #80bca3;}
.cat-tab.col-8 button:hover {background: #80bca3;}
.cat-tab.col-9 {border-bottom: 2px solid #ea4c89;}
.cat-tab.col-9 button:hover {background: #ea4c89;}
.cat-tab.col-10 {border-bottom: 2px solid #1ab7ea;}
.cat-tab.col-10 button:hover {background: #1ab7ea;}
.cat-tab.col-11 {border-bottom: 2px solid #9d7a57;}
.cat-tab.col-11 button:hover {background: #9d7a57;}

/*-----------------------===HEADER DARK===-------------------------------*/

.header-dark .logo {width: 17%;}
.header-dark .trend-tabs {margin-left: 0px;}
.header-dark .navigation {width: 59%; float: left; position: relative;}
.header-dark .search-wrap {width: 24%; position: relative; float: left;}
.header-dark .navigation nav {float: left;}
.header-dark .top-header-bar {position: relative; float: left; width: 100%; height: 60px; border-bottom: 1px solid #2f363b;}
.header-dark .search {margin-top: 40px;}
.header-dark .close-mobile-menu {display: none;}
.header-dark .top-seting-button {display: none;}
.header-dark .navigation nav a:hover {background: none;}
.header-dark .navigation nav .sub-menu span .fa {color: #fff;}
.header-dark .navigation nav .sub-menu span {border-radius: 3px;}
.header-dark .navigation nav .sub-menu span a {color: #9ba9b3}
.header-dark .navigation nav .sub-menu span a:hover {background: #e1e8ed; color:#dd4b39; }
.header-dark .search input:focus .search {border: 1px solid #fff} 
.header-dark .search input:focus .search {border: 1px solid #fff;} 
.header-dark .drop-right .check {color: #fff; padding-left: 5px;} 
.header-dark .drop-left .check {color: #fff; padding-left: 5px;}
@media screen and (max-width: 1600px) {
    .visible-large {display: none;}
}
@media screen and (max-width: 1200px) {
    .header-dark .search-wrap {width: 100%; height: 60px; margin-bottom: 50px;}
    .header-dark .search {margin-top: 10px;}
    .header-dark .navigation {width: 75%; float: right;}
    .header-dark .navigation nav {float: right;}
    .header-dark .logo {padding-bottom: 0px;}
    .header-dark .cat-tab {width: 107px; float: right;}
}
@media screen and (max-width: 990px) {
    .sub-menu {width: 100%;}
    .sub-menu .fa-plus {display: block;}
    .navigation nav a {padding: 12px 0px;}
    .navigation nav .sub-menu span .fa {display: none;}
    .header-dark .count {padding-left: 0px;}
    .header-dark {text-align: center;}
    .header-dark .navigation {width: 100%; position: fixed; background: #292f33; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5000; transform: translateY(-120%); -moz-transform: translateY(-120%);-webkit-transform: translateY(-120%);-o-transform: translateY(-120%);-ms-transform: translateY(-120%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
    .header-dark .navigation.transform-top {transform: translateY(0%); -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
    .header-dark .navigation nav {float: none; text-align: center; padding-top: 40px; margin-left: 0px;}
    .header-dark .navigation nav a {width: 100%; margin: 0px; position: relative; float: left;}
    .header-dark .close-mobile-menu {display: block; color:#fff; font-size: 26px; line-height: 36px; position: relative; float: none; display: inline-block; padding-top: 40px; cursor: pointer;}
    .header-dark .top-seting-button {display: block; width: 25%; position: relative; float: left;}
    .header-dark .top-seting-button .fa {float: right; font-size: 26px; line-height: 36px; cursor: pointer; margin-top: 55px;}
    .header-dark .search-wrap {width: 50%; float: right; margin-top: 30px;}
    .header-dark .cat-tab {width: 83px;}
    .header-dark .cat-tab button {font-size: 14px;}
    .header-dark .logo {padding-top: 30px; width: 25%;}
    .navigation .sub-menu {transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
    .navigation .sub-menu span {position: relative; float: left; width: 100%; top: 0px; display: none; text-align: center;}
    .navigation nav .sub-menu span a {margin: 0px; text-align: center; padding-left: 0px;}
}
@media screen and (max-width: 768px) {
    .header-dark .logo {padding-left: 20px;}
    .header-dark .search-wrap {padding-right: 20px;}
    .header-dark .search button {width: 60px; height: 60px; right: 1px; top: 1px; background: #292f33;}
    .header-dark .cat-tab {width: 33.3333%;}
    .header-dark .top-setting {margin-right: 20px;}
    .header-dark .top-share {margin-left: 20px;}
}
@media screen and (max-width: 560px) {
    .header-dark .top-setting {width: 100%; margin-right: 0px; text-align: center; padding-top: 40px;}
    .header-dark .top-share {width: 100%; margin-left: 0px;}
    .header-dark .top-header-bar {height: 120px;}
    .header-dark .top-setting .fa-cog {position: relative; float: left;}
    .header-dark .top-setting .top-setting-wrap {position: relative; float: none; display: inline-block;}
    .header-dark .top-share .fa-facebook {margin-right: 0px;}
    .header-dark .logo img {width: 142px; height: 60px;}
    .header-dark .logo {padding-top: 38px;}
    .header-dark .top-seting-button {width: 75%;}
    .header-dark .search-wrap {width: 100%; margin-top: 20px;}
    .header-dark .top-seting-button .fa {margin-right: 20px;}
}

/*-----------------------===HEADER WHITE===-------------------------------*/

.header-white {height: 370px; text-align: center;}
.header-white .width-25-left {width: 30%; position: relative; float: left;}
.header-white .width-25-right {width: 25%; position: relative; float:right;}
.header-white .width-50 {width: 50%;}
.header-white .logo-mobile-menu {position: absolute; text-align: center; top: 0px; left: 25%;}
.header-white .close-mobile-menu {position: relative; display: none;}
.header-white .close-mobile-menu .fa {font-size: 24px; cursor: pointer; margin-top: 40px; color:#8899A6;}
.header-white .logo {text-align: center; float: none; padding: 80px 0px 55px; z-index: 50;}
.header-white .top-setting {position: relative; float: none; display: inline-block; padding-top: 0px; display: none; z-index: 50;}
.header-white .top-setting.slide {display: inline-block; padding-top: 20px;}
.header-white .drop-right input[type="text"] {color: #ccd6dd;}
.header-white .count {border:2px solid #fff; padding-left: 0px; padding-top: 1px; background:#f1c40f;}
.header-white .count a:hover {color:#fff;}
.header-white .drop-right span {background: #f5f8fa; top: 1px; left: 5px;}
.header-white .drop-right span a {color: #ccd6dd;}
.header-white .drop-right .check {color: #ccd6dd; padding-left: 0px;} 
.header-white .drop-right span a:hover {color: #f1c40f;}
.header-white .search {margin-top: 80px; width: 270px; background: #fff; border: 0px none;}
.header-white .search input {border: 0px none;}
.header-white .search input:focus {border: 1px solid #ccd6dd; color: #9ba9b3;}
.header-white .search input::-webkit-input-placeholder {color:#ccd6dd; opacity: 1;}
.header-white .search input::-moz-placeholder          {color:#ccd6dd; opacity: 1;}
.header-white .search input:-moz-placeholder           {color:#ccd6dd; opacity: 1;}
.header-white .search input:-ms-input-placeholder      {color:#ccd6dd; opacity: 1;}
.search button {color: #8899a6; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.search button:hover {color: #dd4b39;}
.header-white .top-share {padding-top: 100px;}
.header-white .navigation nav {float: none; margin-top: 135px; padding-top: 0px; display: inline-block; position: relative; margin-left: 0px;}
.header-white .navigation nav a {color:#8899a6; margin: 0px 6px 0px 6px; letter-spacing: 0.1px;}
.header-white .navigation nav a:hover {color: #dd4b39;}
.header-white .navigation nav a.link-color {color: #dd4b39;}
.header-white .top-seting-button {position: relative; z-index: 500; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.header-white .top-seting-button .fa {color: #ccd6dd; font-size: 21px; line-height: 21px; cursor: pointer; margin-top: 3px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.header-white .top-seting-button .fa:hover {color: #dd4b39; transform: scale(1.1);}
.header-white .top-seting-button.top {margin-top: -40px;}

.header-white.bg-white .navigation nav .sub-menu span .fa {color:#f5f8fa;}
.header-white.bg-white .navigation nav a:hover {background: ##ebf0f3;}
.header-white.bg-white .navigation .sub-menu span a:hover {color:#fff; background: #2f363b;} 

@media screen and (max-width: 990px) {
    .header-white .top-seting-button {z-index: 0;}
    .header-white .logo-mobile-menu {left: 0px;}
    .header-white .width-50 {width: 100%;}
    .header-white .logo {float: left; padding: 30px 0px 0px;}
    .header-white .width-25-left {width: 50%;}
    .header-white .navigation .sub-menu span {top: 1px; left: 0px;}
    .header-white .width-25-right {width: 50%;}
    .header-white .top-seting-button {float: left;}
    .navigation nav .sub-menu span a {padding: 14px 0px 13px 0px;}
    .navigation .sub-menu span {box-shadow: none;}
    .header-white.bg-white .mobile-nav {background: #fff;}
    .header-white .mobile-nav {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5000; background: #f5f8fa; transform: translateY(-150%); -moz-transform: translateY(-150%);-webkit-transform: translateY(-150%);-o-transform: translateY(-150%);-ms-transform: translateY(-150%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
    .header-white .mobile-nav.mobile-transform {transform: translateY(0%); -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
    .header-white .top-share {padding-top: 50px;}
    .header-white .search {margin-top: 40px;}
    .header-white .navigation {position: relative; float: none; display: inline-block;}
    .header-white .navigation nav {margin-top: 40px;}
    .header-white .navigation nav a {width: 100%; position: relative; float: left; margin: 0px;}
    .header-white .close-mobile-menu {display: block;}
    .header-white {height: 260px;}
    .header-white .top-setting {display: block; float: right; margin-top: 70px;}
    .header-white .top-seting-button {text-align: center; position: absolute; top: 0px; left: 0px; width: 100%;}
    .header-white .top-seting-button .fa {position: relative; float: none; display: inline-block; margin-top: 70px;}
    .header-white .logo-mobile-menu {position: relative;}
    .header-white .width-25-right {display: none;}
    .header-white .top-share .fa {margin: 0px 17px;}
}
@media screen and (max-width: 768px) {
    .header-white .search input {width: 0%; background: #fff; position: absolute; right: 0%;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
    .header-white .search {background: none; margin-right: 20px;}
    .header-white .search button {height: 58px; width: 60px; background: #fff; right: 1px; top: 1px;}
    .header-white .search input.right-slide {width: 100%;}
    .header-white .logo-mobile-menu {float: left;}
}
@media screen and (max-width: 600px) {
    .header-white .logo-mobile-menu {z-index: 50;}
    .header-white .width-25-left {width: 100%;}
    .header-white {height: 200px;}
    .header-white .top-share {position: relative; float: none; display: inline-block; padding-top: 90px;}
    .header-white .top-setting {margin-top: 20px; float: none; position: relative; display: inline-block;}
    .header-white .logo img {width: 142px; height: 60px;}
    .header-white .top-seting-button {text-align: right;}
    .header-white .logo {padding-top: 50px; position: absolute; left: 0px; top:0px;}
}
@media screen and (max-width: 480px) {
    .header-white .width-25-left {width: 100%;}
    .header-white .width-25-right {width: 100%;}
    .header-white .search button {left: 0px; margin-left: 20px;}
    .header-white .search {margin-right: auto; margin-left: 20px;}
    .header-white .search input {left: -40px; width: 0px;}
    .header-white .search input.right-slide {width: 80%; margin-left: 100px;}
    .header-white .navigation nav {margin-top: 20px;}
    .header-white .top-share {float: none;}
}
@media screen and (max-width: 368px) {
    .header-white .search input.right-slide {width: 70%;}
}

/*-----------------------===HEADER SIMPLE LOGO===-------------------------------*/

.header-white.simple-logo .logo-mobile-menu { width: 17%; float: left; position: relative; left: 0px;}
.header-white.simple-logo .search input {background: none; position: relative;  float: left; width: 100%; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.header-white.simple-logo .search {background: none; margin-right: 0px; margin-top: 12px; width: 0px; position: relative; float: left;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.header-white.simple-logo .search button {height: 30px; width: 30px; background: none; right: 8px; top: 16px; z-index: 6;}
.header-white.simple-logo .search.show-field {border: 1px solid #ccd6dd; opacity: 1; width: 270px;}

.header-white.simple-logo .width-25-right {width: 83%; float: right; position: relative;}
.header-white.simple-logo .header-nav-white {position: relative; float: right;}
.header-white.simple-logo .header-nav-white .navigation {position: relative; float: left;}
.header-white.simple-logo .navigation nav {margin-top: 31px; float: left; padding-right: 20px; z-index: 5;}

.header-white.simple-logo .top-setting {display: block; width: 100%; float: left;}
.header-white.simple-logo .top-setting-wrap {position: relative; float: right; padding-top: 35px;}
.header-white.simple-logo .logo {padding: 0px 0px 40px 0px; float: left; margin-top: -5px;}

.header-white.simple-logo .sigin-wrap {position: relative; float: right;}
.header-white.simple-logo .sigin-wrap .fa {font-size: 18px; padding-left: 10px;}
.header-white.simple-logo .navigation nav a {position: relative; float: left; margin: 0px 6px 0px 6px;}
.header-white.simple-logo .navigation nav .sub-menu span a {margin: 0px;}
.header-white.simple-logo .navigation nav .sub-menu span {z-index: 5000; top: 56px;}
.header-white.simple-logo .navigation nav a span {margin-top: -1px; position: relative; float: right;}
.header-white.simple-logo .sigin-wrap a {margin-right: 0px;}
.header-white.simple-logo {height: 150px; border-bottom: 1px solid #ccd6dd; margin-bottom: 120px;}
.header-white.simple-logo .top-seting-button {display: none;}
/*.sub-menu span.slide-submenu {opacity: 1; visibility: visible;}*/
@media screen and (max-width: 1200px) {
    .header-white.simple-logo .navigation nav a {margin: 0px;}
}
@media screen and (max-width: 990px) {
    .header-white.simple-logo .width-25-right {position: fixed; width: 100%; height: 100%; background: #fff; left: 0px; top: 0px; z-index: 50000;transform: translateY(-120%); -moz-transform: translateY(-120%);-webkit-transform: translateY(-120%);-o-transform: translateY(-120%);-ms-transform: translateY(-120%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
    .header-white.simple-logo .width-25-right.simple-slide {transform: translateY(0%); -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
    .header-white.simple-logo .navigation nav {width: 100%; padding-right: 0px;}
    .header-white.simple-logo .header-nav-white .navigation {width: 100%;}
    .header-white.simple-logo .sigin-wrap {float: none;}
    .header-white.simple-logo .navigation nav .sub-menu span {top: 1px;}
    .header-white.simple-logo .navigation nav a {margin: 0px;}
    .header-white.simple-logo .header-nav-white {float: none;}
    .header-white.simple-logo .navigation nav a span {float: none;}
    .header-white.simple-logo .top-setting {margin-top: 0px;}
    .header-white.simple-logo .top-seting-button {display: block; width: 30px; left: 50%; margin-left: -10px; z-index: 5;}
    .header-white.simple-logo .search {left: 50%; margin-left: -135px; width: 270px; background: #F5F8FA;}
    .header-white.simple-logo .search input {left: 0px;}
    .header-white.simple-logo .search input.right-slide {margin-left: 0px;}
    .header-white.simple-logo .search button {right: 8px; left: auto;}
    .header-white.simple-logo .sub-menu .bg-grey {background: #fff;}
    .sub-menu span.slide-submenu {opacity: 1; visibility: visible; display: block;}
}
@media screen and (max-width: 600px) {
    .header-white.simple-logo .logo img {width: 131px; height: 42px;}
    .header-white.simple-logo .top-seting-button .fa {margin-top: 100px;}
    .header-white.simple-logo .logo-mobile-menu {padding-top: 40px;}
    .header-white.simple-logo .top-setting-wrap {padding-top: 20px;}
    .header-white.simple-logo {height: 200px;}
}
@media screen and (max-width: 480px) {
    .header-white.simple-logo .top-seting-button {left: auto; right: 20px; margin-left: 0px;}
}
@media screen and (max-width: 368px) {
    .header-white.simple-logo .top-setting {position: relative; }
}

/*-----------------------===HEADER WHITH MAG BLOCK===-------------------------------*/

.block-mag.bg-blue .mag-layer{background: rgba(26,183,234,0.8);}
.block-mag.bg-blue .inner-mag-wrap {border: 0px none; margin: 0px; float: right; padding: 12px 43px 10px 30px;}
.block-mag.bg-blue .mag-but {position: relative; float: right; padding-top: 32px; padding-right: 107px;}
.block-mag.bg-blue .inner-mag-wrap h6 {padding-bottom: 0px; padding-top: 0px;}
.block-mag.bg-blue .mag-title {position: relative; float: left; padding-right: 40px;}
.block-mag.bg-blue {float: right; margin-right: 0px; margin-top: 20px;}
.block-mag.bg-blue .mag-add {right: 7px; top: 7px;}
.apply {color:#fff; position: absolute; right: 7px; bottom: 7px; font-size: 10px;}
.block-mag.bg-blue .inner-mag-wrap h2 {padding-bottom: 0px;}
.header-mag {padding-bottom: 65px;}
.header-mag.header-dark .navigation nav {margin-left: -6px; text-align: left; padding-top: 20px; float: left;}
.header-mag.header-dark .search-wrap {float: right; padding-bottom: 20px;}
.header-mag.header-dark .logo {padding: 31px 0px 20px;}
.header-mag.header-dark .search {margin-top: 0px;}
@media screen and (max-width: 1280px) {
    .block-mag.bg-blue .inner-mag-wrap .button-mag {margin-right: 10px;}
}
@media screen and (max-width: 1200px) {
    .header-mag.header-dark .navigation {width: 60%; float: left;}
    .header-mag.header-dark .search-wrap {margin-bottom: 20px; width: 25%;}
    .header-mag.header-dark .logo  {width: 22%;}
    .header-mag.header-dark .navigation nav .sub-menu span a {margin: 0px;}
}
@media screen and (max-width: 990px) {
    .block-mag.bg-blue {display: none;}
    .left-row {float: left; position: relative;}
    .header-mag .container.padding-none {padding-left: 0px; padding-right: 0px;}
    .header-mag.header-dark .navigation {width: 100%;}
    .header-mag.header-dark .navigation nav a {margin: 5px 0px;}
    .header-mag.header-dark .navigation nav {text-align: center; float: none;}
}
@media screen and (max-width: 768px) {
    .header-mag .container.padding-none {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 530px) {
    .header-mag.header-dark .top-seting-button {text-align: center; width: 50%; float: right;}
    .header-mag.header-dark .top-seting-button .fa {position: relative; float: right; display: inline-block; margin-top: 45px;}
    .header-mag.header-dark .logo {padding-left: 15px;}
}

/*=================TOP SLIDER===================*/

.top-slider-tabs {position: relative; float: left; width: 100%; overflow: hidden; background: #fff; height: 100px;}
.top-slider-tabs:after {content: ''; position: absolute; right: 0px; top: 0px; height: 120px; width: 120px; background: #f5f8fa; z-index: 500; box-shadow: -50px -12px 40px #f5f8fa;}
.trend-tags-wrap {position: relative; float: left; width: 100%;}
.trend-tabs {position: relative; height: 100px; width: 100%; overflow: hidden; margin-left: 70px;}
.trend-tabs ul{width: 4088px;}


.tabs-wraps {position: relative; float: left; width: 407px;}
.caption-wrap {position: relative;}
.trend-caption {position: absolute; padding: 33px 0px 0px 30px;  background: #292f33; height: 100px; z-index: 500; width: 270px; left: -200px; top: 0px;}
.trend-caption:after {content: ''; border: 20px solid transparent; border-left: 15px solid #292f33; border-top: 15px solid #292f33; position: absolute; right: -15px; top: 0px;}
.trend-caption h3 {text-transform: capitalize; color:#fff;}
.trend-baner {position: relative; float: left; width: 100%; padding-bottom: 100px;}
.hover-info {position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; cursor: pointer; opacity: 0;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.hover-info .blok-read-sm {background: rgba(41,47,51,0.8); border:0px none;}
.hover-info .blok-read-sm  h4 a {color:#fff;}
.hover-info .blok-read-sm .content-block {padding-top: 100px;}
.hover-info .blok-read-sm .content-block .point-caption {top: 109px;}
.hover-info .blok-read-sm .like-wrap {padding-left: 0px;}
.hover-info .blok-read-sm .like-wrap .fa {padding-left: 0px;}
.hover-info .blok-read-sm .like-wrap span {padding-right: 35px;}
.trend-slide-wrap {position: relative; float: left; overflow: hidden; width: 100%;}
.trend-slide-wrap:hover .hover-info {opacity: 1; bottom: 0px;}
.slider-nav {position: relative; float: left; width: 100%;}
.slider-nav .slide-prev {top: -70px; right: 85px;}
.slider-nav .slide-next {top: -70px; right: 15px;}
@media screen and (max-width: 1550px) {
    .trend-caption {left: 15px;}
}
@media screen and (max-width: 1200px) {
    .top-slider-tabs {display: none;}
}
@media screen and (max-width: 990px) {
    .hover-info {opacity: 1; bottom: 0px;}
}

.top-full-slider {position: relative; width: 100%; padding-bottom: 100px; float: left;}
.top-fslider-wrap {position: relative; float: left; width: 100%;}
.fullw-img {position: relative; float: left;}
.fullw-img  img {height: auto; width: 100%;}
.fullw-img a {width: 100%; height: 100%; position: relative; float: left;}
.owl-nav-slider {position: relative; float: left; width: 100%;}
.photo-layer {background: rgba(41,47,51,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 50;}
.owl-carousel .owl-item .photo-layer {opacity: 1;}
.owl-carousel .owl-item.active.center .photo-layer {opacity: 0;}

.contact-us {position: fixed; left: -70px; top: 50%; height: 50px; background: #f1c40f; width: 190px; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg); z-index: 6000; transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.contact-us h5 a {color: #292f33; padding-left: 77px; padding-top: 10px; position: relative; float: left;}
.contact-us .fa {font-size: 28px; line-height: 25px; background: #292f33; color: #fff; height: 50px; padding: 13px; position: absolute; left: 0px; top: 0px; border-right: 2px solid #fff; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.contact-us:hover {background: #292f33;}
.contact-us:hover h5 a {color:#fff;}
.contact-us:hover .fa {background: #f1c40f;}
@media screen and (max-width: 1200px) {
    .photo-layer {display: none;}
    .top-full-slider .header-tabs {display: none;}
}
@media screen and (max-width: 768px) {
    .customNavigation .prev {right: 70px;}
    .customNavigation .next {right: 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.header-white.slide-search .search input {width: 0%; background: none; position: absolute; color:#fff; right: 0%;transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.header-white.slide-search .search {background: none; margin-right: 38px;}
.header-white.slide-search .search button {height: 60px; width: 60px; background: none; right: -38px; top: 0px;}
.header-white.slide-search .search input.right-slide {width: 100%; background: #292f33; right: -30px;}

.news-block {position: relative; float: left; width: 100%; margin-bottom: 55px;}
.news-block img {width: 100%; height: auto;}
.news-block .like-wrap img {margin-top: 4px;}
.news-content-wrapper {position: relative; float: left; width: 100%; padding: 64px 70px 40px 70px; background: #fff;}
.news-content-wrapper h3 a {color: #354b5e; letter-spacing: 0.6px;}
.news-content-wrapper h4 {color: #ccd6dd; padding-bottom: 7px;} 
.news-content-wrapper .last-com img {width: 40px; height: 40px;}
.news-content-wrapper p {width: 100%; color: #8899a6; position: relative; float: left; padding: 20px 0px 15px;}
.news-content-wrapper p a {color: #dd4b39;}
.news-content-wrapper .last-com h6 {padding-top: 5px;}
.news-content-wrapper .last-com h6 a {color: #dd4b39;}
.news-content-wrapper .like-bottom {padding-top: 8px;}
.news-content-wrapper .like-wrap {padding-left: 0px;}
.news-tags {position: relative; float: left; width: 100%;}
.news-tags .fa {font-size: 20px; line-height: 35px; padding-right: 15px; padding-top: 2px;}
.news-tags a {border: 1px solid #ccd6dd; font-size: 14px; line-height: 36px; color:#8899a6; border-radius: 20px; padding: 5px 20px; margin: 0px 4px;}
.news-tags a:hover {background:#292f33; color:#fff; border: 1px solid #292f33;}
.news-tags a.active {background: #e1e8ed;}
.news-tags a.active:hover {background: #e1e8ed; border: 1px solid #e1e8ed; color:#8899a6;}

.news-slider {position: relative; float: left; width: 100%; padding-bottom: 70px;}
.news-baner {position: relative; float: left; width: 100%;}
.swiper-slide-block {position: relative; float: left; width: 100%;}
.swiper-slide-block img {width: 100%; height: auto;}
.swiper-slide-img {position: relative; float: left; width: 100%;}
.news-slide-caption {position:relative; float: left; width: 100%; background: #fff; padding: 23px 70px;}
.news-slide-caption h3 a {color: #354b5e;}
.news-slide-caption h4 {color: #ccd6dd;} 
.news-slider .slide-prev {right: 95px; bottom: 188px; top: auto; left: auto;}
.news-slider .slide-next {right: 25px; bottom: 188px; top: auto;}
.news-block.no-tags .news-content-wrapper {padding: 64px 70px 17px;}
.slide-nav-wrap {position: relative; float: left; width: 100%; z-index: 1;}
.news-slider-tags .slide-prev {right: 110px; bottom: 435px; top: auto; left: auto;}
.news-slider-tags .slide-next {top: auto; bottom: 435px; right: 40px;}
.swiper-slide-block iframe {max-width: 100%; height: 550px; width: 970px;}
.swiper-slide-block.video {margin-bottom: 70px;}

.load-more-content {position: relative; width: 100%; text-align: center;}
.load-more-content a {width: 56px; height: 56px; position: relative; float: none; display: inline-block;}
.recomm-baner {position: relative; float: left; width: 100%;}
.recom-block {position: relative; float: left; width: 100%; background: #fff; padding: 30px 70px 40px;}
.recomm-baner .swiper-slide img {margin: 0px 5px; width: 100%; height: auto;}
.recomm-img {position: relative; float: left; width: 100%;}
.recom-block h4 {padding: 0px 0px 30px;}
.recom-block .slide-prev {right: 140px; left: auto; top: 40%;}
.recom-block .slide-next {top: 40%; right: 70px;}

@media screen and (max-width: 1200px) {
     .news-slider-tags .slide-prev {bottom: 51.8%; right: 96px;}
     .news-slider-tags .slide-next {bottom: 51.8%; right: 26px;}
     .news-slider .slide-prev {right: 82px;}
     .news-slider .slide-next {right: 12px;}
     .recom-block {padding: 30px 88px 40px;}
     .recom-block .slide-next {right: 20px;}
     .recom-block .slide-prev {right: 90px;}
}
@media screen and (max-width: 990px) {
     .news-tags .fa {position: absolute; left: 0px; top: 0px;}
     .news-tags {padding-left: 50px;}
     .news-tags a {margin: 0px 40px;}
     .news-slider-tags .slide-prev {bottom: 55.6%; right: 85px;}
     .news-slider-tags .slide-next {bottom: 55.6%; right: 15px;}
     .news-slider .slide-prev {right: 70px;}
     .news-slider .slide-next {right: 0px;}
     .recom-block .slide-next {right: 0px; top: auto; bottom: 0px;}
     .recom-block .slide-prev {right: 70px; bottom: 0px; top: auto;}
    .recom-block {padding: 30px 88px 70px;}
}
@media screen and (max-width: 768px) {
     .news-tags a {margin: 0px 35px;}
     .swiper-slide-block iframe {height: 350px;}
     .swiper-slide-block.video {margin-bottom: 40px;}
     .recomm-baner .swiper-slide img {margin: 0px;}
     .news-slider-tags .slide-prev {top: 0; bottom: auto; right: 85px;}
     .news-slider-tags .slide-next {top: 0; bottom: auto; right: 15px;}
     .news-slider .slide-prev {right: 70px; bottom: auto; top: 0px;}
     .news-slider .slide-next {right: 0px; bottom: auto; top: 0px;}
     .recom-block {padding: 30px 20px 70px;}
     .news-content-wrapper {padding: 64px 40px 40px;}
     .news-block.no-tags .news-content-wrapper {padding: 64px 40px 17px;}
     .news-slide-caption {padding: 23px 40px;}
     .recom-block .slide-next {right: 20px;}
     .recom-block .slide-prev {right: 90px;}
}
@media screen and (max-width: 655px) {
     .news-tags a {margin: 0px 15px;}
}
@media screen and (max-width: 570px) {
     .news-tags a {margin: 0px 10px;}
}
@media screen and (max-width: 553px) {
     .news-content-wrapper .like-bottom {padding-top: 20px; width: 100%;} 
     .news-content-wrapper .like-wrap .fa {padding-left: 0px;}
     .news-content-wrapper .like-wrap span {padding-right: 35px;}
}
@media screen and (max-width: 510px) {
     .news-tags a {margin: 0px 2px;}
     .news-tags {padding-left: 40px;}
}
@media screen and (max-width: 407px) {
     .news-tags a {margin: 0px 10px;}
}
@media screen and (max-width: 480px) {
     .swiper-slide-block iframe {height: 250px;}
      footer {margin-top: 100px;}
     .header-white.slide-search .search input.right-slide {margin-left: 60px;}
     .header-white.slide-search .search {margin-right: 20px;}
     .header-white.slide-search .search button {left: auto;}
     .news-content-wrapper {padding: 44px 20px 40px;}
     .news-block.no-tags .news-content-wrapper {padding: 44px 20px 17px;}
     .news-slide-caption {padding: 23px 20px;}
}
@media screen and (max-width: 360px) {
     .news-tags a {margin: 0px 20px;}
}

.sidebar-white.home-tranding .facebook-wiget {margin-top: 35px;}
.main-window-wrapper {text-align: center; position: relative; float: left; width: 100%;}
.itemLoad {position: relative; float: left; width: 100%; padding: 45px 0px; text-align: center;}
.itemLoad img {cursor: pointer;}
.wrapper {padding-top: 85px;}

.ajax-wrapper{position: relative; float: left; width: 100%;}

.padding-none.container {padding-left:0; padding-right:0;}

#item-cont {padding-top: 0px; position: relative; text-align: left; overflow: hidden;}
#item-cont.no-margin {padding-top: 0px;}
.item {margin: 15px 0px; display: block; width: 50%;}
.item.col-md-4 {width: 33.3333%;}
.item.col-md-8 {width: 66.6667%;}
.item.col-md-12 {width: 100%;}
.item.col-md-10 {width: 83.33333333%;}
.item.col-md-10.col-md-offset-1 { margin-left: 8.33333333%;}
.item.col-md-6 {width: 50%;}
.wrapper #item-cont {padding-top: 0px;} 

@media screen and (max-width: 990px) {
    .item.col-md-8 {width: 100%;} 
    .item.col-md-4 {width: 50%;}
    .item.col-md-10 {width: 100%;}
    .item.col-md-10.col-md-offset-1 { margin-left: 0;}
}
@media screen and (max-width: 553px) {
    .item.col-md-8 {width: 100%;} 
    .item.col-md-4 {width: 100%;}
    .item.col-md-6 {width: 100%;}
}

.blok-read-sm {position: relative; float: left; width: 100%; height: auto; border: 1px solid #e1e8ed; background: #fff;}
.blok-read-sm img {width: 100%; height: auto;}
.hover-image {position:relative; width: 100%; float: left;}
.layer-block {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.layer-block:hover {opacity: 1;}
.editor-choice {position: absolute; top: 20px; left: 20px; background: #292f33; height: 30px; padding: 7px 9px; z-index: 8;}
.editor-choice i {font-size: 12px; color: #f1c40f; padding-right: 5px;}
.editor-choice a {color: #f1c40f;font-size: 12px;}
.content-block {position: relative; float: left; width: 100%; padding: 30px 30px 38px 30px;}
.content-block .button-main {padding: 20px 22px; line-height: 10px;}
.content-block p {padding: 22px 0px 27px;}
.content-block h4 a {color: #354b5e;}
.content-block h4 a:hover {color:#8899a6;}
.like-wrap {position: relative; float: left; padding-left: 10px; padding-top: 10px;}
.like-wrap .fa {font-size: 16px; line-height: 32px; position: relative; float: left; padding-left: 30px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.like-wrap .fa:hover {opacity: 0.7;}
.like-wrap span {font-size: 14px; line-height: 30px; color:#ccd6dd; position: relative; float: left; padding-left: 8px;}
.point-caption {position: absolute; left: 0px; top: 38px; height: 18px; width: 6px;}
.like-bottom {position: relative; float: left;}
.bottom-line {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px;}
.top-line {position: absolute; left: 0px; top: 0px; width: 100%; height: 2px;}

.block-mag {position: relative; float: left; margin-right: 33px; margin-top: -8px;}
.mag-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background: rgba(138,186,86,0.8);}
.mag-image img {width: 100%; height: auto;}
.inner-mag-wrap {position: relative; float: left; margin: 17px; padding: 24px 43px 33px 24px; border: 1px solid #a1c878; color:#fff; z-index: 8;}
.mag-add {position: absolute; right: -7px; top: -7px;}
.mag-add .but-info {width: 15px; height: 15px; position: relative; float: left;}
.ad {font-size: 10px; line-height: 10px; height: 20px; padding: 5px 6px 0px 4px; border-radius: 3px; text-align: center; margin-right: 5px; position: relative; float: left; margin-top: -2px;}
.ad a:hover {color:#fff;}
.inner-mag-wrap h2 {padding-bottom: 10px;}
.inner-mag-wrap h6 {line-height: 31px; padding-bottom: 10px; padding-left: 5px;}
.inner-mag-wrap .button-mag {width: 90px; margin: 0px 6px 0px 5px;}

.block-dark h4 a {color:#fff;}
.blok-read-sm.block-dark {background: #292f33;} 
.block-read-video h4 {padding-bottom: 20px;}

.block-read-big {position: relative; float: left; width: 100%; background: #fff; border: 1px solid #e1e8ed;}
.block-read-big h3 a {color:#354b5e;}
.block-read-big h3 a:hover {color:#8899a6;}
.block-read-big .content-block {padding: 35px 43px 38px 30px;}
.block-read-big .content-block .button-main {margin-top: 20px; padding: 20px 31px 18px 31px;}
.block-read-big img {width: 100%; height: auto;}
.last-com {position: relative; float: left;}
.last-com img {float: left; margin-right: 8px; width: 41px; height: 41px; margin-top: 12px;}
.last-com h6 {color: #dd4b39; white-space: nowrap; line-height: 36px; position: relative; float: left; padding-top: 15px;}
.last-com small {font-size: 14px; line-height: 36px; color:#ccd6dd;}
.block-read-big .like-wrap {float: right;}
.block-read-big .like-wrap span {line-height: 36px; padding-top: 18px;}
.block-read-big .like-wrap .fa {padding-top: 20px;}

.block-audio .content-block p {padding: 15px 0px 15px;}
.block-audio .content-block {padding: 30px 30px 29px 30px;}
.block-audio iframe {height: 95px; position: relative; float: left; width: 100%; bottom: 0px;}
.big-audio iframe {height: 95px; position: relative; float: left; width: 100%; bottom: 0px;}

.block-with-img {position: relative; float: left; width: 100%; overflow: hidden;}
.block-with-img img {width: 100%; height: auto;}
.block-with-img .point-caption {bottom: 50px; top: auto; left: 0px;}
.visible-block {opacity: 0;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.block-img {position: absolute; left: 30px; bottom: -54px; padding-right: 70px; text-align: left; overflow: hidden;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.block-with-img:hover .block-img {bottom: 34px;}
.block-with-img:hover .visible-block {opacity: 1;}
.block-with-img:hover .point-caption {display: none;}
.block-img img {width: 100%; height: auto; position: relative; float: left;}
.block-img h5 a {color: #fff; padding-right: 30px;}
.block-img h5 a:hover {color:#fff;}
.block-img h6 {color: #ffe3bd; padding-top: 5px;}
.block-img h6 a {color: #1ab7ea; line-height: 18px;}
.block-img .like-wrap {padding-left: 0px;}
.block-img .like-wrap .fa{padding-left: 0px;}
.block-img .like-wrap span {padding-right: 41px; padding-left: 9px;}

.blok-no-button {position: absolute; left: 30px; bottom: 7px; padding-right: 20px;}
.blok-no-button h5 a {color:#fff; padding-right: 60px;}
.no-button {position: relative; float: left; width: 100%; text-align: left;}
.no-button img {width: 100%; height: auto;}
.no-button .point-caption {bottom: 50px; top: auto; left: 0px;}

.block-slider {position: relative; float: left; width: 100%;}
.block-slider .slide-desc {position: absolute; left: 30px; bottom: 12px;}
.slide-desc h3 a {color:#fff; padding-bottom: 5px; line-height: 42px;}
.slide-desc p {color:#ccd6dd; padding-right: 66px;}
.slide-desc .like-wrap {padding-left: 4px; padding-top: 0px;}
.slide-desc .like-wrap .fa {padding-left: 0px;}
.slide-desc .like-wrap span {padding-right: 30px; padding-left: 10px;}

.big-block-baner {position: relative; float: left; width: 100%;}
.big-block-baner .swiper-slide img {width: 100%; height: auto;}
.preview {position: relative; float: left; width: 100%; overflow: hidden; height: 128px; padding-top: 10px; margin-left: -10px;}
.preview .block-point {position: relative; float: left; padding-left:10px; width: 16.666%; cursor: pointer;}
.preview-hover {width: 92%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(241,196,15,0.7); opacity: 0; margin-left: 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.preview-hover.color {opacity: 1;}
.preview .block-point img {width: 100%; height: auto;}
.block-slider .slide-prev {right: 70px; left: auto; opacity: 0; top: 34px;}
.preview:hover .slide-prev {opacity: 1;}
.preview .slide-next {right: 0px; top: 34px;}

.white-version .last-com img {width: 40px; height: 40px; margin-top: 10px;}
.white-version .block-read-big .like-wrap {padding-top: 16px;}
.white-version .last-com h6 a {color:#dd4b39;}
.white-version .last-com h6 a:hover {color:#dd4b39;}
.white-version .block-read-big {margin-bottom: 65px;}
.white-version .block-read-big.nobottom {margin-bottom: 0px;}
.white-version .no-margin {margin-top: -15px;}

.block-read-small {position: relative; float: left; width: 100%; margin-bottom: 80px; height: 315px; overflow: hidden;}
.block-read-small .button-main {padding: 9px 8px;}
.block-small-text {position: relative; float: left; width: 50%; background: #fff; border: 1px solid #e1e8ed; padding: 35px 30px 40px;}
.block-small-text h3 a {color: #354b5e;}
.block-small-text .last-com {width: 100%; padding: 20px 0px 40px;}
.block-small-text .like-wrap {padding-left: 0px;}
.block-small-text .last-com h6 {padding-top: 12px;}
.block-small-text .point-caption {top: 40px;}
.block-small-img {position: relative; float: left; width: 50%; height: 308px; overflow: hidden;}
.block-small-img img {width: 100%; height: 100%;}

.white-version .block-read-big.big-audio {position: relative; float: left; width: 100%; margin-bottom: 65px;}
.big-audio .big-player {position: absolute; left: 0px; bottom: -94px; height: 94px; width: 100%;}
.big-player img {width: 100%; height: auto;}
@media screen and (max-width: 1200px) {
     .block-small-img {width: 100%; height: 250px;}
     .block-small-text {width: 100%;}
     .block-read-small {height: auto;}
     .block-small-text .like-wrap {float: right;}
    
}
@media screen and (max-width: 768px) {
     .block-slider .slide-desc {text-align: left; left: 20px;}
     .wrap-row .block-with-img {position: relative; float: left;}
}

/*---------------------====SIDEBAR====-------------------------*/

.sidebar {position: relative; float: left; width: 100%; text-align: left;}
.tabs-sidebar {padding-bottom: 10px; position: relative; float: left; width: 100%; padding-top: 50px;}
#tab_1, #tab_2 {display: none;}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2 {background: #fff; border: 0px none; top: 0;z-index: 3; height: 60px;}
#tab_l1, #tab_l2 {height: 60px; background: #e1e8ed; width: 48%; text-align: center; cursor: pointer; letter-spacing: 0px;}
#tab_l1 {margin-right: 10px;}
.tabs_cont {background: #fff;position: relative;z-index: 2; height: 440px; top: -5px; overflow-y: scroll;}
.tabs_cont > div {position: absolute;left: -9999px;top: 0;opacity: 0;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2 {position: static;left: 0;opacity: 1;}
.post-mini-block {position: relative; float: left; width: 100%; height: 110px;}
.post-mini-block a {color:#354b5e;}
.post-mini-block img {position: relative; float: left; margin: 20px;}
.mini-text-block {position: relative; float: left; padding-top: 10px; width: 245px;}
.mini-text-block h5 {line-height: 31px;}
.date-post {position: relative; float: left;}
.date-post span {font-size: 14px; color:#ccd6dd; line-height: 30px; padding-right: 15px;}
.date-post .fa {font-size: 16px; line-height: 32px; padding: 0px 8px 0px 0px;}
.tabs-sidebar label {text-transform: uppercase; font-size: 15px; line-height: 32px; color:#354b5e; padding-top: 16px; font-weight: 400;}


#videopic {cursor: pointer;}
#video {position: relative; float: left; width: 100%; display: none;}
#video iframe {width: 100%; height: 298px;}
.sidebar-count {position: relative; float: left; width: 100%; height: 120px; background: #fff; padding: 24px 11px 30px 0px; margin-top: -20px;}
.count-block {width: 50%; position: relative; float: left; padding-left: 19px; padding-right: 8px;}
.count-block h5 {font-size: 18px;}
.count-block span {padding: 8px 1px 0px 11px; font-size: 16px; line-height: 16px; color:#fff; width: 144px; position: relative; height: 28px; float: left; width: 100%;}
.count-block sup {top: -0.25em; padding-left: 7px;}
.count-block .bg-red sup {padding-left: 20px;}
.count-block .bg-red {float: right;}
.count-block .bg-green:before {content: ''; position: absolute;border: 7px solid transparent; border-bottom: 7px solid #8aba56; top: -14px; right: 20px;}
.count-block .bg-red:before {content: ''; position: absolute;border: 7px solid transparent; border-top: 7px solid #fff; top: 0px; right: 20px;}

.sidebar-category {position: relative; float: left; padding-top: 71px; width: 100%;}
.sidebar-category h4 {padding-left: 30px; padding-bottom: 20px;}
.sidebar-category ul {width: 100%; padding-left: 30px; padding-bottom: 12px;}
.sidebar-category ul li {width: 100%; cursor: pointer; font-size: 16px; line-height: 32px; text-transform: capitalize; position: relative; float: left; padding-bottom: 22px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; text-transform: capitalize;}
.sidebar-category ul li a {color: #8899a6; float: left; position: relative;}
.sidebar-category ul li span {color: #ccd6dd; position: relative; float: right;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000; text-transform: capitalize;}
.sidebar-category ul li:hover a {color: #dd4b39;}
.sidebar-category ul li:hover span {color: #354b5e;}

.facebook-wiget {position: relative; float: left; width: 100%;}
.facebook-wiget img {width: 100%; height: auto;}

.connect-wiget {position: relative; float: left; width: 100%; padding-top: 90px; padding-bottom: 80px;}
.connect-wiget h4 {padding-bottom: 28px;}
.follow-block-wrap {position: relative; float: left; width: 110px; margin-right: 5px; margin-bottom: 5px;}
.follow-block-wrap:nth-child(4){margin-right: 0px;}
.follow-block-wrap:nth-child(7){margin-right: 0px;}
.follow-block {position: relative; float: left; padding: 19px 15px 20px 19px; cursor: pointer; width: 100%;}
.follow-block i {font-size: 24px; color:#fff;}
.follow-block h6 {color:#fff; padding-top: 14px;}
.follow-block span {font-size: 20px; color:#fff;}

.subscribe {position: relative; float: left; width: 100%; background: #fff; border: 1px solid #e1e8ed; border-radius: 3px; padding: 20px 30px;}
.email-field input {height: 60px; position: relative; width: 100%; letter-spacing: 0.6px; padding-left: 18px;border: 1px solid #e1e8ed; border-radius: 3px;}
.email-field input:focus {color: #354b5e; border: 1px solid #354b5e;}
.email-field .fa {position: relative; margin-right: 17px; margin-top: -37px; font-size: 18px; float: right;}
.email-field .button-main {padding: 0px 45px;}
.email-field span {font-size: 12px; line-height: 30px; color: #8899a6; width: 100%; position: relative; float: left; padding-top: 10px; letter-spacing: 0.4px;}
.email-input {height: 60px; width: 100%; font-size: 16px; line-height: 32px; padding-left: 0px; margin: 29px 0px 30px;}

.archive {position: relative; float: left; width: 100%; padding: 69px 0px 75px;}
.archive h4 {padding-bottom: 20px;}
.archive-baner {position: relative; float: left; width: 100%; height: 200px;}
.arch-points {position: relative; float: left; width: 100%; cursor: pointer; height: 8px;}
.arch-points span {position: relative; float: left; width: 5px; height: 5px; background: #f1c40f; border-radius: 50%; margin-right: 5px;}
.arc-year {position: relative; float: left;}
.archive-slide {position: relative; float: left; width: 33%}
.arc-year h5 {color:#8899a6; cursor: pointer; position: relative; float: left;}
.arc-year .fa {font-size: 12px; cursor: pointer; position: relative; float: left; line-height: 34px; padding-left: 10px; opacity: 0; font-weight: bold;}
.arc-year .fa.visible {opacity: 1;}
.arc-year h5:hover {color: #354b5e;}
.arc-year:hover .fa {opacity: 1;}
.arc-year span {position: absolute; float: left; text-align: center; margin-top: 55px;  width: 100px; left: 0px; top: 0px; height: 115px; overflow-y: scroll; padding-right: 5px; opacity: 0; display: none;}
.arc-year span.slide-mounth {opacity: 1; display: block;}
.archive-baner .arc-year span:first-child {display: block; opacity: 1;}
.arc-year span a {color: #ccd6dd; font-size: 14px; line-height: 20px; position: relative; float: left; width: 100%; padding-bottom: 20px;}
.arc-year span a:hover {color: #dd4b39;}


.sidebar-comments {position: relative; float: left; width: 100%; text-align: left;}
.sidebar-comments h4 {line-height: 20px;}
.sid-comm-block {position: relative; float: left; width: 100%; padding-top: 30px;}
.sid-comm-block h5 {color: #8899a6; line-height: 30px;}
.sid-comm-block h6 {color:#354b5e; padding-top: 10px;}

.more-like {position: relative; float: left; width: 100%; padding-bottom: 50px;}
.like-block {position: relative; float: left; padding-bottom: 29px;}
.more-like h4 {padding: 23px 0px 20px;}
.more-like h5 a {color: #8899a6;}
.more-like h6 {color: #ccd6dd; padding-top: 4px;}

.sidebar-white {padding-left: 30px; margin-top: -10px;}
.sidebar-white .follow-block-wrap {width: 106px;}
.sidebar-white .sidebar-category {padding-top: 0px;}
.sidebar-white .sidebar-category h4 {padding-left: 0px;}
.sidebar-white .sidebar-category ul {padding-left: 0px;}
.sidebar-white .block-mag {margin-right: 0px;}
.sidebar-white .facebook-wiget {margin-top: 80px;}
.sidebar-white .connect-wiget {padding-top: 70px; padding-bottom: 75px;}
.popular-article {position: relative; float: left; width: 100%; margin: 65px 0px 0px;}
.popular-article .block-with-img {margin: 30px 0px 20px;} 
.popular-article .block-img {bottom: -73px;}
.block-with-caption {position: relative; float: left; width: 100%; margin: 20px 0px; text-align: left;}
.block-with-caption img {width: 100%; height: auto;}
.left-color-line {position: absolute; width: 5px; height: 100%; left: 0px; bottom: 0px;}
.popular-ar-caption {position: absolute; left: 0px; bottom: 0px; background: rgba(41,47,51,0.7); height: 82px; width: 100%; padding: 10px 60px 10px 30px;}
.popular-ar-caption h5 a {color:#fff;}
.sidebar-white .follow-block span {font-size: 12px; line-height: 18px;}
.loaded-article {text-align: center;}
.loaded-article .itemLoad-article {position: relative; float: none; display: inline-block; padding-top: 20px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - CATEGORY*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.category .main-window-wrapper {padding-top: 65px;}
.category .category1 .sidebar-count {margin-top: 0px;}
.category1.sidebar-white {padding-left: 0px;}
.category1.sidebar-white .sidebar-category {padding-top: 70px; padding-left: 30px;}
.category1.sidebar-white .facebook-wiget {padding-left: 30px;}
.category1.sidebar-white .connect-wiget {padding-left: 30px;}
.category1.sidebar-white .subscribe {margin-left: 30px;}
.category1.sidebar-white .archive {padding-left: 30px;}
.category1.sidebar-white .sidebar-comments {padding-left: 30px;}
.category .category1.sidebar-white {padding-left: 0px;}
.category .category1.sidebar-white  .tabs-sidebar {padding-top: 25px;}
@media screen and (max-width: 1200px) {
     .category1.sidebar-white .follow-block-wrap {width: 91px;}
     .arc-year span {margin-top: 70px; margin-left: 0px;}
     .sidebar-white .follow-block-wrap {width: 101px;}
}
@media screen and (max-width: 990px) {
     .visible-block {opacity: 1; position: relative; float: left;}
     .block-with-img .point-caption {display: none;}
     .category .header-tabs {display: none;}
     .category .navigation nav a {margin: 5px 0px;}
     .category .navigation .sub-menu span a {margin: 0px;}
     .category1.sidebar-white .facebook-wiget {padding-left: 0px;}
     .category1.sidebar-white .connect-wiget {padding-left: 0px;}
     .category1.sidebar-white .subscribe {margin-left: 0px;}
     .category1.sidebar-white .archive {padding-left: 0px;}
     .category1.sidebar-white .sidebar-comments {padding-left: 0px;}
     .category1.sidebar-white .sidebar-category {padding-left: 0px;} 
     .category1.sidebar-white .follow-block-wrap {width: 33.3333%;}
}
@media screen and (max-width: 768px) {
     .category .block-point {display: none;} 
     .preview .slide-next {top: -10px;}
     .preview .slide-prev {top: -10px; opacity: 1;}
     .contact-us {bottom: 70px;}
     .item {float: left;}
}
@media screen and (max-width: 480px) {
     .category .footer-write .button-main {width: 100%;}
}
@media screen and (max-width: 400px) {
     .category .drop-left {margin-right: 20px;}
     .category .drop-right {margin-right: 20px;}
     .category .envelop {padding-right: 50px;}
     .category .header-dark .top-setting {padding-left: 26px;}
}

.green-logo .trend-caption {left: 0px;}
.green-logo .trend-tabs {left: 267px; max-width: 900px; margin-left: 0px;}
.green-logo .trend-tags-wrap:after {content: '';position: absolute;right: 0px;top: 0px;height: 120px;width: 50px;background: #fff;z-index: 500; box-shadow: -30px -12px 40px #fff;}
.green-logo .top-slider-tabs:after {background: none; box-shadow: none;}
.green-logo .wrapper {position: relative; float: left; width: 100%; padding-top: 65px;}
.green-logo .tabs-sidebar {padding-top: 25px;}
.green-logo .sidebar-count {margin-top: 0px;}
@media screen and (max-width: 768px) {
     .block-point {display: none;} 
     .preview {height: 70px;}
     .preview .slide-next {top: 0px;}
     .preview .slide-prev {top: 0px; opacity: 1;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - SINGLE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------====SINGLE-1===--------------------------------*/

.search.width-border {border: 1px solid #e1e8ed; width: 270px;}
.single-column {position: relative; float: left; width: 100%; text-align: left;}
.single-column .news-content-wrapper {padding: 75px 0px 70px; border-bottom: 1px solid #ccd6dd;}
.single-column img {width: 100%; height: auto;}
.last-com img {width: 41px; height: 41px;}
.sidebar-white.single {padding-left: 30px; margin-top: -10px;}
.single-column .news-content-wrapper h4 {letter-spacing: 0.8px;}
.single-column .news-content-wrapper .like-wrap {padding-top: 3px;}
.single-column .news-content-wrapper .last-com h6 {padding-top: 16px; padding-left: 3px; }
.single-column .news-content-wrapper .like-bottom {padding-top: 19px;}
.single-column .like-wrap .fa {padding-left: 60px;}
.single-column .like-wrap .fa-comment {padding-left: 40px;}
.single-column .news-content-wrapper p {padding: 24px 0px 5px;letter-spacing: 0.64px; line-height: 33px;}
.single-column .half-column-block {position: relative; float: left; width: 100%; padding: 39px 0px 7px;}
.single-column .half-column-text p {padding: 0px; line-height: 32px; margin-top: -5px; padding-bottom: 36px;}
.single-column .quote-block {position: relative; float: left; width: 100%; padding-bottom: 32px;}
.single-column .quote-block .fa {font-size: 64px; line-height: 32px; color: #8aba56; padding-top: 53px;}
.single-column .quote-bg {background: #effafe; width: 700px; height: 120px; margin-left: 67px; margin-top: -34px;}
.single-column .quote-block p {padding: 16px 0px 0px 0px;}
.single-column .single-block-list {position: relative; float: left; width: 100%;}
.single-column .single-block-list h5 {padding-top: 33px; padding-bottom: 10px;}
.single-column .single-block-list p {padding: 0px;}
.single-column .list-sing {padding-bottom: 5px; position: relative; float: left; width: 100%;} 
.single-column .caption-half-img {position: relative; float: left; width: 100%;}
.single-column .sing-img-title {background: rgba(41,47,51,0.7); position: absolute; left: 0px; bottom: 0px; width: 100%;padding: 7px 30px;}
.single-column .sing-img-title h5 {color:#fff;}
.single-column .half-column-block h6 {color:#ccd6dd; padding-top: 13px; position: relative; float: left;}
.single-column .social-share {position: relative; float: left; width: 100%; padding-top: 36px; margin-left: -2px;}
.single-column .recom-block {padding: 30px 0px 40px; margin: 42px 0px 13px;}
.single-column .recom-block .slide-next {right: 0px; top: 50%;}
.single-column .recom-block .slide-prev {right: 70px; top: 50%;}
.single-column .about-author {position: relative; float: left; width: 100%; border-bottom: 1px solid #ccd6dd; padding-bottom: 69px;}
.single-column .about-author h4 {padding-bottom: 25px; padding-top: 6px;}
.single-column .about-author a {color: #dd4b39;}
.single-column .about-author img {width: 100px; height: 100px; position: relative;float: left; margin-right: 30px;}
.single-column .author-name {padding-left: 30px;}
.single-column .author-name p {line-height: 32px;}
.single-column .author-share {position: absolute; right: 21px; top: 71px;}
.single-column .author-share .fa {font-size: 20px; margin-left: 35px;}
.single-column .last-comment {position: relative; float: left; width: 100%; padding-top: 70px; border-bottom: 1px solid #ccd6dd; text-align: center; overflow: hidden; padding-bottom: 29px;}
.single-column .last-comment h4 {padding-bottom: 25px; text-align: left;}
.single-column .comment-block {position: relative; float: left; padding-bottom: 63px; text-align: left;}
.single-column .comment-block p {line-height: 33px;}
.single-column .comment-block img {width: 70px; height: 70px; position: relative; float: left; margin-right: 30px;}
.single-column .reply-icon {position: absolute; right: 21px; top: 4px;}
.single-column .reply-icon .fa {font-size: 20px; margin-left: 35px;}
.single-column .comment-block.later-com {padding-left: 99px; padding-top: 1px;}
.single-column .bottom-shadow {width: 100%; height: 1px; background: none; position: absolute; left: 0px; bottom: -1px; box-shadow: 0px 0px 31px 36px #f3f3f3;}
.load-more-comment {position:absolute; left: 50%; top: -25px; width: 127px; border:1px solid #ccd6dd; border-radius: 30px; height: 50px; background: #e1e8ed; text-align: center; padding-top: 8px; bottom: -25px; z-index: 5; margin-left: -63px;}
.load-more-comment a {font-size: 16px; line-height: 32px; color: #8899a6;}
.single-column .load-more-com {position: relative; float: left; width: 100%;}
.single-column .form-comment {position: relative; float: left; width: 100%; padding-top: 99px; padding-bottom: 130px;}
.send-comment input {width: 100%; height: 60px; border:1px solid #ccd6dd; position: relative; float: left; border-radius: 5px; padding-left: 20px; font-size: 16px; color: #ccd6dd; margin-bottom: 30px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; letter-spacing: 0.6px;}
.single-column .form-comment h4 {padding-bottom: 28px;}
.send-comment input:focus {border: 1px solid #8899a6; color: #8899a6;}
.send-comment input[type="submit"] {background: #8aba56; border: 0px none; width: 100%; color:#fff; margin-top: 26px; padding-left: 4px; letter-spacing: 0.6px;}
.send-comment ::-webkit-input-placeholder {color:#ccd6dd;}
.send-comment ::-moz-placeholder          {color:#ccd6dd;}
.send-comment :-moz-placeholder           {color:#ccd6dd;}
.send-comment :-ms-input-placeholder      {color:#ccd6dd;}
.send-comment textarea {position: relative; float: left; width: 100%; height: 170px; padding: 9px 0px 0px 20px; letter-spacing: 0.6px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.send-comment textarea:focus {border: 1px solid #8899a6; color: #8899a6;}
.single-column .news-tags {padding-top: 71px;}
.single-column .news-tags a {padding: 7px 18px; margin: 0px 3px}
@media screen and (max-width: 1200px) {
    .sidebar-white.single {padding-left: 0px;}
    .follow-block-wrap {margin: 0px; width: 101px;}
    .block-read-big .like-bottom {float: right;}
}
@media screen and (max-width: 1020px) {
    .padding-none.container {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width: 990px) {
    .bg-white .header-white .search button {background: none;}
    .bg-white .header-white .search input {background: none; right: -19%;}
    .bg-white .header-white .search input.right-slide {background: #fff; right: 0px;}
   
    .search.width-border {border: 0px none;}
    .header-white .navigation nav {margin-left: 0px;}
    .single-column .quote-bg {width: 100%; margin-left: 0px; margin-top: 0px;}
    .single-column .half-column-block img {margin-bottom: 40px;}
    .half-column-block .caption-half-img img {margin-bottom: 0px;}
    .sidebar-white .block-mag { margin-top: 0px;}
    .sidebar-white .facebook-wiget { margin-top: 70px;}
    .follow-block-wrap {width: 16.666%;}
    .single-column .form-comment {padding-bottom: 30px;}
    .single-column .news-tags {padding-top: 40px;}
    .single-column .news-tags .fa {top: 40px;}
}
@media screen and (max-width: 770px) {
    .single-column .news-tags a {margin: 0px 45px;}
    .sidebar-white .block-mag {width: 100%; margin-top: 40px;}
    .sidebar-white .facebook-wiget {width: 100%; margin-top: 40px;}
    .inner-mag-wrap {width: 100%; margin: 0px;}
    .single-column .quote-bg {display: none;}
    .single-column .comment-block.later-com {padding-left: 0px;}
    .follow-block-wrap {width: 33.333%;}
}
@media screen and (max-width: 654px) {
    .single-column .news-tags a {margin: 0px 25px;}
}
@media screen and (max-width: 525px) {
    .single-column .news-tags a {margin: 0px 13px;}
}
@media screen and (max-width: 554px) {
   .bg-white .single-column .like-wrap .fa {padding-left: 0px;}
   .bg-white .like-wrap span {padding-right: 30px;}
}
@media screen and (max-width: 456px) {
    .single-column .news-tags a {margin: 0px 8px;}
}
@media screen and (max-width: 480px) {
   .follow-block-wrap {width: 50%;}
   .search.width-border {width: 270px;}
   .bg-white .header-white .search input.right-slide {margin-left: 0px; width: 100%; left: auto; right: 15px;}
   .bg-white .header-white .search button {left: auto; right: 10px;}
}
@media screen and (max-width: 360px) {
   .single-column .news-tags a {margin: 0px 35px;}
}

/*-----------------------------====SINGLE-2===--------------------------------*/

.single-wrap .news-slider {padding-bottom: 0px;}
.single-wrap .news-slider .slide-next {bottom: 0px;}
.single-wrap .news-slider .slide-prev {bottom: 0px;}
.single2 .single-column {padding-left: 70px; background: #fff; padding-right: 70px;}
.single2 .single-column .half-column-block {padding-top: 38px; padding-bottom: 27px;}
.single2 .single-column .half-column-block img {width: auto;}
.single2 .single-column .half-column-text {position: relative; float: left; width: 55%; padding-left: 27px;}
.single2 .single-column .half-column-text p {padding-right: 20px;}
.single2 .single-column .caption-half-img {position: relative; float: left; width: 45%;}
.single2 .single-column .half-column-block-rev {position: relative; float: left; width: 100%; padding-top: 37px; padding-bottom: 9px;}
.single2 .single-column .half-column-block-rev .half-column-text {position: relative; float: left; width: 45%; padding-left: 0px;}
.single2 .single-column .half-column-block-rev .half-column-text p {padding-left: 0px;}
.single2 .single-column .half-column-block-rev .caption-half-img {position: relative; float: left; width: 45%; margin-left: 3%;}
.single2 .single-column .half-column-block-rev h6 {position: relative; float: left; padding-left: 24px; padding-top: 10px;}
.single2 .single-column .author-share .fa {margin: 0px 29px 0px 6px;}
.single2 .single-column .reply-icon .fa {margin: 0px 30px 0px 6px;}
.single2 .single-column .reply-icon .fa:hover {color: #f1c40f; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.single2 .single-column .form-comment {padding-right: 60px;}
.single2 .single-column .recom-block .slide-prev {top: 47%;}
.single2 .single-column .recom-block .slide-next {top: 47%;}
.single2 .header-white .search {background: none;}
.single2 .header-white .search input {width: 0px;}
.single2 .header-white .search input.right-slide {width: 270px;}

@media screen and (max-width: 1200px) {
    .single2 .single-column {padding-left: 30px; padding-right: 30px;}
    .single2 .single-column .caption-half-img {width: 50%;}
    .single2 .single-column .half-column-text {width: 50%;}
    .single2 .single-column .half-column-block-rev .half-column-text {width: 50%;}
    .single2 .single-column .half-column-block-rev .caption-half-img {margin-left: 0px; width: 50%;}
    .single2 .single-column .half-column-block img {width: 100%; height: auto;}  
}
@media screen and (max-width: 768px) {
    .single2 .single-column .half-column-block-rev .half-column-text {width: 100%;}
    .single2 .single-column .half-column-block-rev .caption-half-img {width: 100%;}
    .single2 .single-column .half-column-block .half-column-text {width: 100%; padding-left: 0px;}
    .single2 .single-column .half-column-block .caption-half-img {width: 100%; padding-bottom: 40px;}
    .single2 .single-column .form-comment {padding-right: 0px;}
}
@media screen and (max-width: 560px) {
    .single-column .author-share {position: relative; float: left; margin-top: 20px; right: auto; top: auto;}
    .single-column .reply-icon {right: 0px;}
    .single2 .single-column .reply-icon .fa {margin: 0px 0px 0px 6px;}
}
@media screen and (max-width: 530px) {
    .top-share .fa {margin-right: 15px;}
}
@media screen and (max-width: 400px) {
    .header-white .close-mobile-menu .fa {margin-top: 20px;}
    .single-column .comment-block img {display: none;}
    .single-column .comment-block {padding-bottom: 43px;}
    .single-column .about-author img {float: none; margin-right: 0px;}
    .single-column .author-name {padding-left: 0px; text-align: left;padding-top: 0px;}
    .single-column .about-author {text-align: center;}
    .single-column .about-author h4 {text-align: left;}
}

/*-----------------------------====SINGLE-3===--------------------------------*/

.news-slider.full-width .slide-next {right: 120px;} 
.news-slider.full-width .slide-prev {right: 190px;}
@media screen and (max-width: 768px) {
     .news-slider.full-width .slide-next {right: 0px; top: auto;} 
     .news-slider.full-width .slide-prev {right: 70px; top: auto;}
}

/*-----------------------------====SINGLE-4===--------------------------------*/

.header-white.on-slider {position: absolute; top: 0px; left: 0px; width: 100%;}
.single4 .header-white.simple-logo {border: 0px none;}
.single4 .news-slider.full-width .slide-next {bottom: 0px;}
.single4 .news-slider.full-width .slide-prev {bottom: 0px;}
.single4 .news-slider {padding-bottom: 0px;}
.single4 .navigation nav a:hover {background: none;}
.single4 .header-white.simple-logo .search.show-field {background: #fff; border: 0px none;}
.single4 .header-white .top-seting-button .fa {color: #dd4b39;}
@media screen and (max-width: 1200px) {
     
}
@media screen and (max-width: 990px) {
    .single4 .header-white.simple-logo .search {background: #f5f8fa;}
    .single4 .header-white.simple-logo .search input {width: 100%; left: 0px; right: 0px;}
    .single4 .header-white.simple-logo .search input.right-slide {background: #f5f8fa;}
}
@media screen and (max-width: 768px) {
    .single4 .news-slider.full-width .slide-prev {bottom: -70px;}
    .single4 .news-slider.full-width .slide-next {bottom: -70px;}
}

/*-----------------------------====SINGLE-5===--------------------------------*/

.single5 .header-white.simple-logo {border: 1px solid #ccd6dd;}

/*-----------------------------====SINGLE-6===--------------------------------*/

.single6 .header-white.simple-logo {margin-bottom: 0px; padding-bottom: 0px; height: 175px;}
.single6 .header-white.simple-logo .navigation nav a:hover {background: none;}
.single6 .header-white.simple-logo .navigation nav .sub-menu span .fa {color: #fff;}
.single6 .header-white.simple-logo .navigation nav .sub-menu span {border-radius: 3px;}
.single6 .header-white.simple-logo .navigation nav .sub-menu span a {color: #9ba9b3}
.single6 .header-white.simple-logo .navigation nav .sub-menu span a:hover {background: #e1e8ed; color:#dd4b39; } 
.single6 .header-white .count {border: 2px solid #292f33; padding-top: 0px;}
.single6 .header-white .count a {color: #292f33;}
.single6 .header-white .count a:hover {color: #292f33;}
.single6 .news-slider {padding-top: 160px;}
.single6 .news-slider .slide-prev {bottom: 0px; right: 15px;}
.single6 .news-slider .slide-next {bottom: 0px; right: -55px;}
@media screen and (max-width: 990px) {
     .single6 .news-slider .slide-prev {bottom: 0px; right: 85px;}
     .single6 .news-slider .slide-next {bottom: 0px; right: 15px;}
     .single6 .news-slider {padding-top: 60px;}
     .single6 .header-white.simple-logo .logo img {height: 62px;}
     .single6 .header-white.simple-logo .width-25-right {background: #292f33;}
}
@media screen and (max-width: 480px) {
    .single6 .search button {left: auto;}
    .single6 .news-slider {padding-top: 40px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - 404*/
/*-------------------------------------------------------------------------------------------------------------------------------*/*/

.nofound .header-white.simple-logo {margin-bottom: 0px;}
.page-404 {position: relative; float: left; height: 100%; width: 100%; text-align: center;}
.center-block {position: absolute; width: 100%; max-width: 480px; left: 50%; margin-left: -191px; top: 50%; margin-top: -350px;}
.center-block .fa {font-size: 500px; color: #f5f8fa;}
.page-404-text {position: absolute; left: 0px; top: 50px; text-align: center;}
.page-404-text h3 {padding-top: 40px;}
.page-404-text h4 {font-size: 21px; letter-spacing: 0.3px; padding-top: 1px; padding-right: 2px;}
.page-404-text h6 {padding-top: 67px; color:#8899a6; letter-spacing: 1px; font-size: 15px;}
.page-404-text h6 a {color:#8899a6; border-bottom: 1px dashed #8899a6;}
.page-404-text h6 a:hover {color: #dd4b39; border-bottom: 1px dashed #dd4b39;}
.nofound .move-top-page {margin-top: 3px;}
.nofound footer {overflow: visible;}
.nofound .footer-wrap {overflow: visible;}
@media screen and (max-width: 990px) {
     .center-block {width: 100%; left: auto; margin-left: 0px; max-width: 100%; margin-top: -250px;}
     .page-404-text {width: 100%;}
}
@media screen and (max-width: 600px) {
     .center-block .fa {font-size: 300px;padding-left: 48px;margin-top: -10px;}
     .center-block {margin-top: -200px;}
}
@media screen and (max-width: 460px) { 
     .page-404-text img {width: 80%; height: auto;}
     .center-block .fa {display: none;}
     .page-404-text h3 {font-size: 26px; padding: 15px 10px;}
     .page-404-text h4 {font-size: 18px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - SIGN IN*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.logoin {position: relative; float: left; width: 100%; height: 450px;}
.sign-in .sigin-form {border: 1px solid #e1e8ed; border-radius: 5px; background: #f5f8fa; padding: 21px 30px; width: 403px; position: absolute; left: 50%; margin-left: -198px;}
.login-button {margin-top: -17px;}
.sign-in .header-white.simple-logo {margin-bottom: 0px;}
.sign-in .move-top-page {margin-top: 3px;}
.sign-in .header-white {height: 342px;}
.input-wrap {background: #fff; height: 62px; width: 100%; margin: 28px 0px;}
.input-wrap .fa {font-size: 24px; color:#ccd6dd; line-height: 32px; position: absolute; right: 50px; margin-top: -47px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.input-wrap input {height: 60px; padding-left: 20px; font-size: 16px; line-height: 32px; color:#afb1b2; text-transform: lowercase; letter-spacing: 0.6px; position: relative; width: 100%; border: 1px solid #ccd6dd; border-radius: 5px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}


.input-wrap input:focus {color: #354b5e; border: 1px solid #354b5e;}
.input-wrap .fa.color {color:#354b5e;} 


.sigin-form ::-webkit-input-placeholder {color:#ccd6dd; opacity: 1;}
.sigin-form ::-moz-placeholder          {color:#ccd6dd; opacity: 1;}
.sigin-form :-moz-placeholder           {color:#ccd6dd; opacity: 1;}
.sigin-form :-ms-input-placeholder      {color:#ccd6dd; opacity: 1;}
.sigin-form a {font-size: 12px; line-height: 12px; color:#f1c40f; position: relative; float: left; width: 100%;}
.sigin-form input[type="submit"] {background: #8aba56; border-radius: 5px; height: 50px; width: 150px; font-size: 16px; line-height: 32px; color:#fff; position: relative; float: left; margin: 29px 0px 0px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.sigin-form input[type="submit"]:hover {background: #292f33; color:#fff;}
.sigin-form button {background: none; border-radius: 5px; border: 1px solid #e1e8ed; height: 50px; width: 151px; font-size: 16px; line-height: 32px; color:#8899a6; position: relative; float: right; margin: 28px 0px 16px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.sigin-form button:hover {background: #8aba56; color:#fff;}
.slesh {font-size: 12px; line-height: 32px; position: relative; float: left; padding-top: 37px; padding-left: 19px;}
.remember {position: relative; float: left; width: 100%;}
.remember label {font-size: 12px; position: relative; float: left; color: #ccd6dd; position: relative; float: left; line-height: 32px;}
.chek:checked + label:before{color: #8aba56;}
.remember label .fa {font-size: 12px; line-height: 32px; color:#8aba56; position: absolute; left: 7px; top: 0px;}
.remember input[type="checkbox"] {display:none;}
.remember input[type="checkbox"] + label span {height: 25px; width: 25px; background: none; border: 1px solid #e1e8ed; border-radius: 3px; display: inline-block; vertical-align:middle; margin-right: 9px;}
.remember input[type="checkbox"] + label span .fa {opacity: 0;}
.remember input[type="checkbox"]:checked + label span .fa {opacity: 1;}
.sign-in footer {overflow: visible;}
.sign-in .footer-wrap {overflow: visible;}

@media screen and (max-width: 990px) {
    .sign-in .header-white .top-seting-button .fa {display: none;}
    .sign-in .header-white {height: 220px;}
}
@media screen and (max-width: 450px) {
    .sign-in .sigin-form {width: 100%; margin-left:auto; left: auto;}
    .slesh {display: none;}
    .sigin-form input[type="submit"] {width: 100%;}
    .sigin-form button {width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - ABOUT*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-us {position: relative; float: left; width: 100%; padding-top: 60px;}
.about-image {position: relative; float: left; width: 100%;}
.about-image img {width: 100%; height: auto;}
.about-text {position: relative; float: left; width: 100%; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccd6dd;}
.about-text h4 {color:#ccd6dd; padding-bottom: 40px;}
.about-text p {padding-bottom: 20px;}
.about-us .connect-wiget {padding: 60px 0px 160px;}
.about-us .follow-block-wrap {width: 150px;}
.follow-block-wrap:nth-child(4) {margin-right: 5px;}
.contact-form input {height: 50px; margin-bottom: 10px; background: #fff;}
.contact-form .send-comment input[type="submit"] {margin: 10px 0px;}

@media screen and (max-width: 1200px) {
    .follow-block-wrap:nth-child(4) {margin-right: 0px;}
}
@media screen and (max-width: 990px) {
     .about-us .follow-block-wrap {width: 240px;}
}
@media screen and (max-width: 768px) {
     .about-us .follow-block-wrap {width: 200px;}
}
@media screen and (max-width: 430px) {
    .about-us .follow-block-wrap {width: 50%;}
    .about-us .connect-wiget {padding-bottom: 60px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - CONTACT*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.contact-page {position: relative; float: left; width: 100%; padding-top: 60px; background: #fff;}
.contact-page h4 {text-transform: uppercase; padding-bottom: 40px; color:#bbbbbb;}
.contact-adress {position: relative; float: left; width: 100%;}
.contact-adress .footer-adress-block {width: 100%; padding-top: 60px;}
.contact-form {position: relative; float: left; width: 100%; padding-top: 60px;}
.map {width: 100%; position: relative; float: left; margin: 60px 0px 160px;}
.map-canvas {position: relative; float: left; width: 100%; height: 300px;}
.map h2 {padding-bottom: 40px;}

@media screen and (max-width: 768px) {
    .contact-page {text-align: center;}
    .contact-adress {text-align: left;}
    .contact-form {text-align: left;}
}
@media screen and (max-width: 480px) {
    .map {margin-bottom: 60px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - FOOTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

footer {position: relative; float: left; width: 100%; overflow: hidden; background: #292f33; margin-top: 160px;}
.footer-single {margin-top: 0px;}
.footer-wrap {position: relative; width: 100%; background: #292f33; overflow: hidden;}
.footer-top-line {position: absolute; top: -6px; left: 0px; width: 100%; height: 3px;}
.footer-top-line img {width: 100%; height: 3px;}

.footer-adress-block {position: relative; float: left; width: 23%; padding-top: 75px;}
.footer-adress-block h3 {color:#5a5d60; padding-bottom: 25px; line-height: 33px;}
.footer-adress-block ul li {position: relative; float: left; width: 100%; padding-bottom: 19px; padding-top: 2px;}
.footer-adress-block ul li .fa {color:#dd4b39; font-size: 18px; line-height: 30px; position: absolute; left: 0px; top: 0px;}
.footer-adress-block ul li a {padding-left: 37px; font-size: 14px; line-height: 30px; color: #8899a6;}
.footer-adress-block ul li a:hover {color: #f1c40f;}

.footer-flikr {position: relative; float: left; width: 28%;}
.footer-flikr h4 {color: #fff; padding-top: 70px;}
.flikr-block {position: relative; float: left; width: 100%; padding-top: 30px; padding-bottom: 31px;}
.flikr-img {width: 33.33333%; padding: 0px 0px 1px 1px; position: relative; float: left;}
.flikr-img img {width: 100%; height: auto;}
.footer-flikr span {font-size: 16px; line-height: 32px; color:#8899a6;}
.footer-flikr span a {color:#dd4b39;}

.footer-link {position: relative; float: left; width: 23.2%; padding-left:72px;}
.footer-link h4 {padding-top: 70px; color:#fff; padding-bottom: 19px;}
.footer-link ul li {position: relative; float: left; padding-bottom: 20px; width: 100%;}
.footer-link ul li a {font-size: 14px; line-height: 30px; color: #8899a6;}
.footer-link ul li a:hover {color: #dd4b39;}

.footer-write {position: relative; float: left; width: 25.8%;}
.footer-write h4 {padding-top: 70px; color:#fff; padding-bottom: 16px;}
.footer-write .button-main {padding: 0px 90px; text-transform: none; font-size: 16px; line-height: 32px; width: 300px; margin-top: 16px; height: 61px; margin-bottom: 13px;}

.move-top-page {position: relative; float: left; width: 100%; border: 1px solid #3f4448; margin-top: 60px;}
.footer-bottom-content {position: relative; float: left; width: 100%;}
.button-totop {position: absolute; top: -35px; right: 0px; width: 70px; height: 70px; border-radius: 50%; z-index: 500; background: #fff; cursor: pointer;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.button-totop:hover {background: #dd4b39;}
.button-totop .fa {font-size: 24px; color: #dd4b39; position: absolute; right: 28px; top: 22px; cursor: pointer; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.button-totop:hover .fa {color:#fff;}
.footer-bottom-content nav {position: relative; float: left; padding: 53px 0px;}
.footer-bottom-content nav a {font-size: 14px; line-height: 30px; color: #8899a6; margin-right: 35px;}
.footer-bottom-content nav a:hover {color: #dd4b39;}
.copyright {position: relative; float: right; font-size: 12px; line-height: 20px; color: #66757f; text-align: right; margin-top: 57px;}

.white-footer {background: #effafe;}
.white-footer .footer-wrap {background: #effafe;}
.white-footer .button-totop {background: #8899a6;}
.white-footer .button-totop .fa {color: #fff;}
.white-footer .button-totop:hover {background: #dd4b39;}
.white-footer .footer-flikr h4 {color:#354b5e;}
.white-footer .footer-link h4 {color:#354b5e;}
.white-footer .footer-write h4 {color:#354b5e;}
.white-footer .footer-adress-block h3 {color: #ccd6dd;}
.white-footer .move-top-page {border: 1px solid #d1dce0;}
.white-footer .footer-write .button-main.bg-grey {color:#8899a6; border: 1px solid #8899a6;}
.white-footer .footer-write .button-main.bg-grey:hover {color:#fff; border: 0px none;}

.thank {position: fixed; text-align: center; width: 100%; height: 100%; left: 0px; top: 0px;}
.th-caption {position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -40px; width: 300px; height: 80px;}
.th-caption h2 {font-size: 50px;}

@media screen and (max-width: 1095px) {
    .footer-adress-block {width: 33.3333%;}
    .footer-flikr {width: 33.3333%;}
    .footer-link {width: 33.3333%;}
    .footer-write {width: 100%;}
    .footer-write .button-main {margin-right: 70px;}
    .footer-write .button-main.bg-fio-point {float: right; margin-right: 0px;}
}
@media screen and (max-width: 980px) {
    .sidebar-white {padding-top: 60px;}
    footer {margin-top: 80px;}
    .footer-adress-block {padding-left: 20px;}
    .padding-none.container {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width: 786px) {
    .sidebar-white {padding-bottom: 0px;}
    .footer-write {text-align: center;}
    .footer-write .button-main {width: 80%; float: none; display: inline-block; position: relative; margin-right: 0px;}
    .footer-write .button-main.bg-fio-point {position: relative; float: none; display: inline-block;}
    .button-totop {right: 20px;}
    .copyright {padding-right: 20px; width: 100%; float: left; text-align: center; padding-top: 0px; padding-bottom: 30px;}
    .footer-bottom-content {text-align: center;}
    .footer-bottom-content nav {float: none; display: inline-block; text-align: center;}
    .footer-flikr {width: 50%; padding-right: 20px;}
    .footer-adress-block {width: 50%;}
    .footer-link {width: 100%; padding-left: 20px;}
    .footer-link ul li {width: auto; margin-right: 20px;} 
}
@media screen and (max-width: 540px) {
    .footer-adress-block {width: 100%;}
    .footer-flikr {width: 100%; padding-left: 20px;}
    .footer-flikr h4 {padding-top: 40px;}
    .footer-link h4 {padding-top: 40px;}
    .footer-write h4 {padding-top: 40px;}
}
@media screen and (max-width: 360px) {
    .footer-write .button-main {padding: 0px;}
    .footer-bottom-content nav {margin-left: 20px; margin-right: 20px;}
    .footer-bottom-content nav a {margin-right: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - MEDIA QUERYES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1280px) {
    .inner-mag-wrap .button-mag.bg-red {float: right;}
    .inner-mag-wrap .button-mag {margin-right: 0px;}
}
@media screen and (max-width: 990px) {
   .inner-mag-wrap .button-mag.bg-red {float: left;}
    .inner-mag-wrap .button-mag {margin-right: 10px;}
    .archive-slide {width: 33%; margin-right: 0px;}
}
@media screen and (max-width: 768px) {
    .block-read-small {margin-bottom: 40px;}
    .white-version .block-read-big {margin-bottom: 40px;}
    .block-small-img {width: 100%; height: auto;}
    .block-small-text {width: 100%;}
    
    .sidebar-white {padding-top: 40px;}
    .sidebar-white .popular-article {margin-bottom: 80px;}
    .sidebar-white .more-like {padding-bottom: 30px;}
    .sidebar-white .facebook-wiget {margin-top: 40px;}
    .sidebar-white .connect-wiget {padding-top: 30px;padding-bottom: 35px;}
    .archive {padding: 40px 0px;}
    .sidebar-white .popular-article {margin-top: 40px;}
}
@media screen and (max-width: 680px) {
    .white-version .block-read-big .like-wrap {width: 100%; padding-left: 0px;}
}
@media screen and (max-width: 616px) {
     .inner-mag-wrap {padding: 24px 10px 33px 24px}
}
@media screen and (max-width: 530px) {
    .like-bottom {position: relative; float: left; width: 100%; padding-left: 5px;}
    .like-wrap .fa {padding-left: 0px;}
    .block-read-big .like-wrap span {padding-right: 35px;}
    .block-small-text .like-wrap {float: right;}
    .block-small-text .like-wrap span {padding-right: 35px;}
}
@media screen and (max-width: 516px) {
    .inner-mag-wrap {padding: 24px 30px 33px 24px}
}
@media screen and (max-width: 420px) {
    .block-small-text .like-wrap {width: 100%; padding-top: 25px;}
}

@media screen and (max-width: 1200px) {
    .block-mag {margin-right: 0px;}
    .block-img .like-wrap span {padding-right: 30px;}
    .block-img {padding-right: 30px; bottom: 10px;}
    .like-wrap {padding-left: 0px; padding-top: 20px;}
    .like-wrap .fa {padding-left: 0px;}
    .like-wrap span {padding-right: 30px;}
    .count-block span {font-size: 12px;} 
    .count-block sup {padding-left: 5px;}
    .count-block .bg-red sup {padding-left: 5px;}
    .preview .slide-next {top: 0px;}
    .preview .slide-prev {top: 0px;}
    .preview {margin-left: 0px;}
    .preview-hover {margin-left: 0px; width: 100%;}
    .preview .block-point {padding-left: 0px;}
    .block-read-big .like-wrap {width: 100%;}
    .last-com {padding-right: 20px;}
    #tab_l1, #tab_l2 {width: 47%;}
    .post-mini-block img {display: none;}
    .mini-text-block {padding: 10px 20px; width: 100%;}
    .sidebar-white {padding-left: 0px;}
}
@media screen and (max-width: 990px) {
    .sidebar-white .popular-article {margin-bottom: 0px;}
    .block-mag {margin-right: 0px;}
    .sidebar-white {padding-left: 0px;}
}
@media screen and (max-width: 768px) {
    .sidebar-white .follow-block-wrap {width: 33.333%;}
    .sidebar-white {padding-left: 0px;}
}
@media screen and (max-width: 553px) {
    .like-wrap {float: right; width: 100%;}
    .contact-us {left: -120px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
    .contact-us .fa {top: -50px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; cursor: pointer;}
    .contact-us:hover {left: -70px;}
    .contact-us:hover .fa {top: 0px;}
}
@media screen and (max-width: 480px) {
    .header-white .search.white-field button {float: right; left: auto;}
    .header-white .search.white-field input {left: auto;}
    .subscribe {padding: 10px;}
}
@media screen and (max-width: 465px) {
    .slide-desc p {display: none;}

}
@media screen and (max-width: 425px) {
    .sidebar-white .follow-block-wrap {width: 50%;}
}
@media screen and (max-width: 340px) {
   .inner-mag-wrap .button-mag.bg-red {float: right;}
   .inner-mag-wrap {padding: 25px 23px 33px 30px}
    .block-img {bottom: 10px;}
    .block-img .like-wrap span {padding-right: 35px;}
}