html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu,
nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1.3;font-size:14px;background:#fff;font-family:'Rubik', Georgia, 'Times New Roman';overflow-x:hidden;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
strong, b{font-weight: 500 !important}
li{list-style:none;}
*{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*,
*:after,
*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} [class*='sutun-']{position:relative;float:left !important;}
[class*='sutun-']:after{clear:both;}
[class*='sutun-']:last-of-type{float:right;}
.sira{position:relative;}
.sira:before,
.sira:after{display:table;content:" ";}
.sira:after{clear:both;}
.clearfix:after{content:"";display:table;clear:both;} .sutun-1{width:8.333333333333333%;}
.sutun-2{width:16.66666666666667%;}
.sutun-25{width:20%;}
.sutun-3{width:25%;}
.sutun-4{width:33.33333333333334%;}
.sutun-5{width:41.66666666666667%;}
.sutun-6{width:50%;}
.sutun-7{width:58.33333333333334%;}
.sutun-8{width:66.66666666666667%;}
.sutun-9{width:75%;}
.sutun-10{width:83.33333333333333%;}
.sutun-11{width:91.66666666666667%;}
.sutun-12{width:100%;}
.moz-gizle{display:none;visibility:hidden;} .esit-1{margin-left:8.333333333333333%;}
.esit-2{margin-left:16.66666666666667%;}
.esit-25{width:20%;}
.esit-3{margin-left:25%;}
.esit-4{margin-left:33.33333333333334%;}
.esit-5{margin-left:41.66666666666667%;}
.esit-6{margin-left:50%;}
.esit-7{margin-left:58.33333333333334%;}
.esit-8{margin-left:66.66666666666667%;}
.esit-9{margin-left:75%;}
.esit-10{margin-left:83.33333333333333%;}
.esit-11{margin-left:91.66666666666667%;}
.esit-12{margin-left:100%;} @media only screen and (max-width:1000px){.sutun-1-lap{width:8.333333333333333%;}
.sutun-2-lap{width:16.66666666666667%;}
.sutun-25-lap{width:20%;}
.sutun-3-lap{width:25%;}
.sutun-4-lap{width:33.33333333333334%;}
.sutun-5-lap{width:41.66666666666667%;}
.sutun-6-lap{width:50%;}
.sutun-7-lap{width:58.33333333333334%;}
.sutun-8-lap{width:66.66666666666667%;}
.sutun-9-lap{width:75%;}
.sutun-10-lap{width:83.33333333333333%;}
.sutun-11-lap{width:91.66666666666667%;}
.sutun-12-lap{width:100%;}
.moz-gizle-lap{display:none;visibility:hidden;}
} @media only screen and (max-width:750px){.sutun-1-tab{width:8.333333333333333%;}
.sutun-2-tab{width:16.66666666666667%;}
.sutun-25-tab{width:20%;}
.sutun-3-tab{width:25%;}
.sutun-4-tab{width:33.33333333333334%;}
.sutun-5-tab{width:41.66666666666667%;}
.sutun-6-tab{width:50%;}
.sutun-7-tab{width:58.33333333333334%;}
.sutun-8-tab{width:66.66666666666667%;}
.sutun-9-tab{width:75%;}
.sutun-10-tab{width:83.33333333333333%;}
.sutun-11-tab{width:91.66666666666667%;}
.sutun-12-tab{width:100%;}
.moz-gizle-tab{display:none;visibility:hidden;}
} @media only screen and (max-width:550px){.sutun-1-btel{width:8.333333333333333%;}
.sutun-2-btel{width:16.66666666666667%;}
.sutun-25-btel{width:20%;}
.sutun-3-btel{width:25%;}
.sutun-4-btel{width:33.33333333333334%;}
.sutun-5-btel{width:41.66666666666667%;}
.sutun-6-btel{width:50%;}
.sutun-7-btel{width:58.33333333333334%;}
.sutun-8-btel{width:66.66666666666667%;}
.sutun-9-btel{width:75%;}
.sutun-10-btel{width:83.33333333333333%;}
.sutun-11-btel{width:91.66666666666667%;}
.sutun-12-btel{width:100%;}
.moz-gizle-btel{display:none;visibility:hidden;}
} @media only screen and (max-width:480px){.sutun-1-tel{width:8.333333333333333%;}
.sutun-2-tel{width:16.66666666666667%;}
.sutun-25-tel{width:20%;}
.sutun-3-tel{width:25%;}
.sutun-4-tel{width:33.33333333333334%;}
.sutun-5-tel{width:41.66666666666667%;}
.sutun-6-tel{width:50%;}
.sutun-7-tel{width:58.33333333333334%;}
.sutun-8-tel{width:66.66666666666667%;}
.sutun-9-tel{width:75%;}
.sutun-10-tel{width:83.33333333333333%;}
.sutun-11-tel{width:91.66666666666667%;}
.sutun-12-tel{width:100%;}
.moz-gizle-tel{display:none;visibility:hidden;}
} .container{width:100%;max-width:1100px;margin:0 auto;}
.container-full{width:100%;max-width:100%;margin:0 auto;}
.moz-merkez{display:block;float:none !important;margin-right:auto;margin-left:auto;}
.moz-sag{float:right !important;}
.moz-full-genis{box-sizing:border:box;width:100%;}
.clear{clear:both;}h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Rozha One', Georgia, 'Times New Roman';
font-weight: normal;
line-height: 1.2;
}
input,
textarea,
select {
font-family: 'Rubik', Arial, Helvetica;
max-width: 100%;
padding: 6px 10px;
color: #555;
border: 1px solid #d8dbf0;
border-radius: 2px;
background-color: #fff;
}
p {
line-height: 1.4;
}
::-moz-selection {
color: #fff;
background: #2542ef;
}
::selection {
color: #fff;
background: #2542ef;
}
a {
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
text-decoration: none;
color: #000;
}
a:hover {
color: #2542ef;
} figure img {
max-width: 100%;
height: auto;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
vertical-align: middle;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
} strong,
b {
font-weight: bold;
}
em {
font-style: italic;
}
u,
ins {
text-decoration: underline;
}
abbr {
cursor: help;
}
var,
cite {
font-style: italic;
color: #5f5f5f;
}
cite {
font-size: 12px;
left: .05em;
text-transform: uppercase;
}
kbd,
samp,
code {
font-family: monospace;
}
kbd {
font-size: 90%;
padding: 3px 6px !important;
color: #fff;
border-radius: 2px;
background: #333 !important;
}
code {
font-size: 90%;
padding: 3px 6px;
color: #c7254e;
border-radius: 2px;
background: #f9f2f4;
}
sub,
sup {
font-size: 80%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.3em;
}
sub {
bottom: -.25em;
}
mark {
padding: 2px 3px;
background: #fbd400;
}
small {
font-size: 12px;
}
address {
font-style: italic;
}
del {
color: #d0214e;
}
ins {
color: #0d980b;
} blockquote {
font-style: italic;
overflow: auto;
}
blockquote p {
margin: 0 !important;
} pre {
font: 16px monospace;
overflow: auto;
overflow: auto;
padding: 15px 25px 15px 25px;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
border: 1px solid #eee;
border-radius: 5px;
background: #f9f9f9;
} dt {
font-weight: bold;
}
dd {
margin-left: 10px;
padding-left: 10px;
border-left: 3px solid #ccc;
}
table {
margin-bottom: 1.5em;
border-collapse: collapse;
border: 1px solid #e6e6e6;
}
td,
th {
padding: 8px 15px !important;
vertical-align: top;
border-top: 1px solid #e6e6e6;
}
th {
font-weight: bold;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='datetime-local'],
input[type='date'],
input[type='search'],
select {
height: 35px;
margin-bottom: 20px;
padding: 5px 10px;
border: 0;
border: 1px solid #cecece;
background: #fff;
}
input[type='radio'],
input[type='checkbox'] {
display: inline;
margin-right: 2px;
}
input:hover,
textarea:hover {
border: 1px solid #d9d9d9;
}
input:focus,
textarea:focus {
border-color: #cbcbcb;
}
input[type='submit'],
input[type='button'],
button {
font-size: 12px;
font-weight: 500;
font-weight: bold;
margin-bottom: 20px;
padding: 9px 17px 9px 17px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
text-transform: uppercase;
color: #fff;
border: 0;
background: #121212;
}
input[type='submit']:hover,
input[type='button']:hover,
button:hover {
opacity: .8;
}
textarea {
font-size: 14px;
margin-bottom: 20px;
padding: 14px 15px;
border: 1px solid #cecece;
background: #fff;
}
article figure img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
article figure img:hover {
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.yak-color,
.yak-color a {
color: #2542ef;
}
.font-B {
font-family: 'Rubik', Arial, Helvetica !important;
} .section-title {
font-family: 'Rubik', Arial, Helvetica;
font-size: 16px;
font-weight: 500;
position: relative;
margin-bottom: 30px;
padding: 15px 0;
color: #2542ef;
border-bottom: 1px solid #efefef;
}
.section-title span {
padding: 15px 25px;
border-bottom: 1px solid #2542ef;
}
.section-title .all-button {
font-size: 11px;
font-weight: 500;
float: right;
padding: 0 20px 0 0;
padding-top: 5px;
text-transform: uppercase;
border: 0;
}
.section-title .all-button a {
color: #c4c4c4;
}
.section-title .all-button a:hover {
color: #999;
}
.section-title-02 {
font-family: 'Rubik', Arial, Helvetica;
font-size: 1.2em;
font-weight: 500;
margin-bottom: 20px;
color: #333;
} .title-min {
font-size: 16px;
font-weight: normal;
}
.title-normal {
font-size: 24px;
font-weight: normal;
line-height: 26px;
}
.title-big {
font-size: 32px;
line-height: 38px;
} .entry-cat-date,
.entry-cat-date a {
font-size: 11px;
color: #a7a6a6;
}
.entry-cat-date a:hover {
color: #8f8f8f;
}
.entry-cat {
font-weight: 500;
text-transform: uppercase;
}
.entry-cat:after {
margin: 0 7px;
content: '/';
color: #ccc;
}
.entry-cat a {
color: #a7a6a6;
}
.entry-footer {
margin-top: 5px;
}
.entry-detail,
.entry-detail a,
.entry-author,
.entry-author a {
font-size: 11px;
color: #a7a6a6;
}
.entry-detail a,
.entry-author a {
color: #989898;
}
.entry-detail a:hover,
.entry-author a:hover {
color: #8f8f8f;
}
.entry-author a {
font-weight: 500 !important;
font-style: normal;
}
.entry-author:after {
margin: 0 5px 0 7px;
content: '—';
}
.entry-author-by {
font-weight: normal;
font-style: italic;
color: #c1c1c1;
}
.entry-view:before {
font-family: 'fontAwesome';
margin-right: 3px;
content: '\f06e';
}
.entry-date:before {
font-family: 'fontAwesome';
margin-right: 3px;
content: '\f017';
}
.entry-comment:before {
font-family: 'fontAwesome';
margin: 0 3px 0 7px;
content: '\f086';
}
.category-on-image {
position: absolute;
z-index: 90;
top: 0;
padding: 30px 35px;
text-transform: uppercase;
}
.category-on-image a {
font-size: 12px;
font-weight: 500;
padding: 5px 8px;
color: #fff;
background-color: #000;
}
.title-on-image a {
font-size: 32px;
background-color: #fff;
padding:0 5px;
box-decoration-break: clone;
} .width {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
} #header {
height: 270px !important;
margin-bottom: 30px;
} .header-top {
line-height: 24px;
position: relative;
height: 215px;
padding: 15px 0 10px 0;
color: #fff;
} .header-social-media li {
display: inline;
float: left;
margin-right: 17px;
}
.header-social-media li a {
color: #000;
text-shadow: 3px 3px 2px rgba(0, 0, 0, .2);
} .header-menu {
float: right !important;
text-align: right;
text-transform: uppercase;
white-space: nowrap;
}
.header-menu li {
font-size: 12px;
font-weight: 500;
display: inline;
margin-left: 10px;
text-shadow: 3px 3px 2px rgba(0, 0, 0, .2);
}
.header-menu li a {
color: #000;
}
#mailpoet_form_1{
border:0!important;
}
.mailpoet_paragraph{
display: inline;
}
.newslatter-input:before{
display:none!important;
}
#mailpoet_form_1 form.mailpoet_form{
padding:0!important;
}
.mailpoet_paragraph input[type=email]{
margin-left: 25px!important;
width: 250px!important;
}
.header-menu li ul {
display: none;
} #logo {
position: relative;
display: block;
height: 176px;
}
#logo a {
position: absolute;
bottom: 10px;
margin: 0;
padding: 0;
}
#logo a img {
vertical-align: bottom;
}
#logo h1 a {
font-size: 72px;
color: #fff;
} .search-s {
position: static !important;
height: 176px;
}
.search-button {
position: absolute;
right: 20px;
bottom: 20px;
}
.search-s a {
font-size: 24px;
color: #fff;
}
.search-container {
position: absolute;
z-index: 1;
bottom: -53px;
left: 0 !important;
display: none;
width: 100%;
height: 54px;
background-color: white;
}
.search-container input[type='text'] {
font-size: 24px;
width: 95%;
height: 54px;
margin-top: 0;
padding: 0 20px;
border: 0;
}
.cls-pop {
position: absolute;
margin-top: 13px !important;
margin-left: 23px;
color: #000 !important;
} .header-bottom {
font-size: 13px;
font-weight: 500;
height: 55px;
margin: 0 !important;
border-bottom: 1px solid #efefef;
background-color: #fff;
}
.header-sticky-margin {
margin-top: 32px !important;
} #menu {
position: static;
margin-top: 2px;
}
#menu li {
display: inline;
float: left;
text-transform: uppercase;
}
#menu li a {
line-height: 47px;
padding: 17px 12px 17px 12px;
transition: color .3s;
color: #000;
}
#menu > li a:hover {
color: #2542ef;
}
#menu > li::after {
display: block;
width: 0;
height: 2px;
margin-top: 3px;
padding: 0 !important;
content: '';
transition: width .2s;
background: #2542ef;
}
#menu li:hover::after {
width: 100%;
transition: width .2s;
}
#menu .sub-menu {
position: absolute;
z-index: 99;
visibility: hidden;
overflow: visible;
padding: 15px 0;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
opacity: 0;
background-color: #212224;
}
#menu li:hover > .sub-menu {
top: 54px;
visibility: visible;
opacity: 1;
}
#menu .sub-menu li {
position: relative;
display: list-item;
float: none;
}
#menu .sub-menu li a {
line-height: 35px;
display: block;
padding: 0 55px 0 30px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
white-space: nowrap;
color: #fff !important;
}
#menu .sub-menu li a:hover {
background-color: #2542ef;
}
#menu > li > a:after {
font-family: 'fontAwesome';
margin-left: 3px;
content: '\f107';
}
#menu li > a:only-child:after {
content: '';
}
#menu .sub-menu li ul{
display: none;
}
.sub-menu-2-column > ul {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.sub-menu-3-column > ul {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.sub-menu-4-column > ul {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.sub-menu-5-column > ul {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
.sub-menu-category {
position: absolute;
z-index: 99;
right: 0;
left: 0 !important;
visibility: hidden;
width: 100% !important;
padding: 15px 15px 0 15px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
white-space: normal !important;
opacity: 0;
background-color: #212224;
}
#menu li:hover > .sub-menu-category {
top: 54px;
visibility: visible;
opacity: 1;
}
.sub-menu-category-child {
position: relative;
float: left !important;
width: calc(20% - 30px);
margin: 15px;
text-transform: none !important;
}
.sub-menu-category-child:hover a {
color: #cbcbcb !important;
}
.sub-menu-category-child a {
font-size: 16px;
line-height: 20px !important;
padding: 0 !important;
white-space: normal !important;
color: #fff !important;
}
.sub-menu-category-child figure {
overflow: hidden;
height: 120px;
margin-bottom: 10px;
}
.sub-menu-category-child figure img {
width: 100%;
height: 120px;
object-fit: cover;
} .menu-right {
float: right !important;
text-align: right;
}
.menu-right li {
line-height: 50px;
display: inline;
padding: 18px 0 17px 24px;
cursor: pointer;
}
.menu-right li:hover {
color: #2542ef;
}
#more-menu {
position: absolute;
z-index: 999;
right: 0;
left: 0;
display: none;
background-color: #212224;
}
.more-menu-content {
z-index: 99999;
padding: 30px 0 0 0;
color: #fff;
}
.more-menu-content a {
color: #fff;
}
.more-menu-content > ul {
margin-bottom: 30px;
}
.more-menu-content > ul ul {
margin-bottom: 15px;
}
.more-menu-content > ul > li {
font-size: 16px;
line-height: 22px;
display: inline-block;
box-sizing: border-box;
width: 24.8%;
padding: 0 20px;
vertical-align: top;
}
.more-menu-content > ul > li a {
font-size: 14px;
display: block;
margin-bottom: 5px;
padding-bottom: 5px;
text-transform: uppercase;
border-bottom: 1px solid #2e2e2e;
}
.more-menu-content > ul > li > ul > li > a {
font-size: 14px;
line-height: 24px;
margin: 0;
padding: 0;
text-transform: capitalize;
color: #d2d2d2;
border: 0;
}
.more-menu-content > ul > li > ul > li > a:hover {
color: #fff;
}
.more-menu-content ul li ul li ul{
display: none;
}
.more-menu-search {
height: 50px;
margin-bottom: 30px;
padding: 0 20px;
}
.more-menu-search input {
font-size: 18px;
width: 95%;
height: auto;
height: 50px !important;
margin-bottom: 30px;
padding: 0 20px !important;
color: #fff;
border: 0;
background-color: #2a2c2e;
}
.more-menu-search button {
font-size: 28px;
line-height: 18px;
width: 5%;
height: 50px;
vertical-align: top;
background-color: #212224;
}
.more-articles {
padding: 0 5px;
}
.more-articles .section-title-02 {
padding: 0 15px;
color: #fff;
}
.more-article {
display: inline-block;
width: 24.8%;
padding: 0 15px;
}
.more-article figure {
padding-right: 10px;
}
.more-article img {
height: 80px;
object-fit: cover;
}
.more-article a:hover {
color: #eee;
}
.more-social-media {
margin-top: 40px;
text-align: center;
}
.more-social-media li {
display: inline;
width: auto !important;
}
.more-social-media li a {
font-size: 16px !important;
display: inherit !important;
padding: 0 10px;
color: #555;
border: 0 !important;
}
.more-social-media li a:hover {
color: #999;
} .bag {
position: relative;
}
.bag span {
font-size: 10px;
font-weight: normal;
line-height: 9px;
position: absolute;
top: 0;
right: 0;
width: 13px;
height: 13px;
margin-top: 10px;
margin-right: -10px;
padding-top: 3px;
text-align: center;
color: #fff;
border-radius: 50%;
background-color: #2542ef;
} .header-bottom-fixed {
position: fixed !important;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 55px;
background-color: #fff;
} #main {
position: relative;
background-color: #fff;
}
#home-two {
position: relative;
} #featured-top {
margin-bottom: 30px;
}
.featured-top-child {
position: relative;
display: table;
max-height: 95px;
}
.featured-top-child:nth-child(1) {
padding-right: 15px;
}
.featured-top-child:nth-child(2) {
padding-right: 15px;
}
.featured-top-child figure {
float: left;
width: 140px;
margin-right: 10px;
}
.featured-top-child figure img {
width: 140px;
max-height: 95px;
object-fit: cover;
}
.featured-top-child h3 {
position: relative;
display: table-cell;
padding-bottom: 5px;
vertical-align: middle;
}
.featured-top-child h3 a {
display: table;
width: 100%;
table-layout: fixed;
text-align: left;
} #newslatter {
margin: 0px 0px 30px 0px;
padding: 30px 0 40px 0;
border: 1px solid #efefef;
}
.newslatter-left {
padding-right: 50px;
text-align: right;
}
.newslatter-left img {
float: left;
margin-right: 20px;
}
.newslatter-left h5 {
font-size: 24px;
margin-top: 3px;
}
.newslatter-left p {
font-size: 12px;
color: #878787;
}
.newslatter-input {
position: relative;
float: right;
padding-top: 7px;
padding-left: 50px;
text-align: right !important;
}
.newslatter-input input[type='email'] {
font-size: 12px;
line-height: 42px;
position: relative; float: left;
height: 42px;
margin-bottom: 0;
padding-left: 35px;
color: #8f919c;
border: 1px solid #d8dbf0; border-radius: 8px;
background-color: #f6fafe;
}
.newslatter-input label {
display: none;
}
.newslatter-input:before {
font-family: 'fontAwesome';
font-size: 15px;
position: absolute;
z-index: 99;
top: 18px;
display: block;
padding-left: 13px;
content: '\f0e0';
color: #babcc7;
}
.newslatter-input input[type='submit'] {
font-size: 12px;
font-weight: 500;
line-height: 20px;
width: 30% !important;
height: 42px;
margin-bottom: 0;
margin-left: 10px;
cursor: pointer;
color: #fff;
border: 0;
border-radius: 8px;
background-color: #2542ef;
} #content {
float: left;
width: calc(100% - 385px);
margin-right: 50px;
margin-bottom: 50px;
}
.content-right {
float: right !important;
margin-right: 0 !important;
margin-left: 50px !important;
}
.content-left {
float: left !important;
margin-right: 0 !important;
margin-left: 50px !important;
}
.content-02 {
position: relative;
top: 0;
float: left;
width: calc(100% - 645px) !important;
margin-left: 50px;
padding-top: 10px;
}
.content-02-right {
position: absolute;
left: 350px !important;
width: calc(100% - 675px) !important;
}
ul.tab-menu {
margin-bottom: 30px;
padding: 0;
list-style: none;
border-bottom: 1px solid #efefef;
}
ul.tab-menu li {
font-size: 16px;
display: inline;
float: left;
padding: 10px 25px;
cursor: pointer;
color: #a0a0a0;
}
ul.tab-menu li.current {
font-weight: 500;
margin-bottom: -1px;
color: #2542ef;
border-bottom: 1px solid #2542ef;
}
.entry-list {
display: none;
margin-bottom: 30px;
}
.entry-list.current {
display: inherit;
} .entry-01 {
margin-bottom: 30px;
}
.entry-01-image {
position: relative;
overflow: hidden;
max-height: 240px;
object-fit: cover;
padding-right: 15px;
}
.entry-01-image figure img{
max-height: 240px;
object-fit: cover;
}
.entry-01 header,
.entry-01 p,
.entry-01 footer {
padding-left: 5px;
}
.entry-footer-no{
float: right !important;
}
.entry-01 header {
margin-top: 20px;
}
.entry-01 h2 {
margin: 6px 0;
}
.entry-01 p {
color: #222;
} .entry-02 {
position: relative;
}
.entry-02 figure {
overflow: hidden;
width: 100%;
text-align: center;
}
.entry-02 figure img {
max-width: auto !important;
height: 546px !important;
margin: 0 -50px;
text-align: center;
object-fit: cover;
} .entry-03 {
margin-bottom: 30px;
}
.entry-03 figure {
overflow: hidden;
height: 114px;
}
.entry-03 .entry-cat-date {
margin: 1px 0 8px 0;
}
.entry-03 .entry-cat-date .entry-cat:after {
margin: 0;
content: '';
}
.entry-03 .sutun-7 {
float: right;
padding-left: 10px;
}
.entry-03 .entry-author:after {
margin: 0;
content: '';
} .entry-04 {
position: relative;
margin-bottom: 30px;
}
.entry-04 figure {
overflow: hidden;
}
.entry-04 figure img {
width: 100%;
height: auto;
margin: -25px 0;
} .entry-05:nth-child(odd) {
padding-right: 15px;
}
.entry-05:nth-child(even) {
padding-left: 15px;
}
.entry-05 {
margin-bottom: 50px;
}
.entry-05 figure {
overflow: hidden;
max-height: 250px;
margin-bottom: 15px;
}
.entry-05 .entry-cat-date {
margin-bottom: 6px;
} .entry-06 {
overflow: hidden;
height: 257.5px;
margin-bottom: 30px;
}
.entry-06 .title-on-image a {
font-size: 24px !important;
} .entry-07 {
border-top: 1px solid #eee;
}
article.entry-07:last-of-type {
border-bottom: 1px solid #eee;
}
.entry-07 a {
display: block;
padding: 15px 0;
transition: padding .3s ease;
}
.entry-07 a:hover {
padding-left: 15px;
background-color: #f9f9f9;
} .entry-08 .title-min {
font-size: 1.15em;
margin: 10px 0 7px 0;
}
.entry-08 p {
font-size: .9em;
color: #333;
} .entry-09 {
display: table;
max-height: 155px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.entry-09:last-of-type {
border: 0;
}
.entry-09 figure {
overflow: hidden;
height: 155px;
}
.entry-09 header {
display: table;
height: 155px;
padding-right: 15px;
}
.entry-09-con {
position: relative;
display: table-cell;
height: 155px;
padding-right: 15px;
vertical-align: middle;
}
.entry-09 .title-min {
font-size: 1.4em;
margin: 8px 0 5px 0;
}
.entry-09 p {
font-size: .9em;
color: #555;
} .entry-10 {
position: relative;
display: inline-block;
float: left;
margin-bottom: 30px;
}
.entry-10 .category-on-image {
padding: 25px 25px;
}
.entry-10 img {
width: 100%;
object-fit: cover;
}
.entry-10:first-of-type {
width: 50%;
min-height: 500px;
padding-right: 30px;
}
.entry-10:nth-of-type(6) {
float: left;
width: 50%;
padding-left: 30px;
}
.entry-10:first-of-type figure,
.entry-10:nth-of-type(6) figure {
overflow: hidden;
height: 290px;
}
.entry-10:first-of-type .sec-04-fig-mid,
.entry-10:nth-of-type(6) .sec-04-fig-mid {
display: none;
}
.entry-10:nth-of-type(2) .sec-04-fig-big,
.entry-10:nth-of-type(3) .sec-04-fig-big,
.entry-10:nth-of-type(4) .sec-04-fig-big,
.entry-10:nth-of-type(5) .sec-04-fig-big{
display: none;
}
.entry-10:nth-of-type(2) img,
.entry-10:nth-of-type(3) img,
.entry-10:nth-of-type(4) img,
.entry-10:nth-of-type(5) img{
height: 197px;
object-fit: cover;
}
.entry-10:nth-of-type(2),
.entry-10:nth-of-type(3) {
width: 25%;
min-height: 500px;
padding-right: 15px;
}
.entry-10:nth-of-type(4),
.entry-10:nth-of-type(5) {
width: 25%;
min-height: 500px;
padding-right: 15px;
}
.entry-10 figure {
margin-bottom: 20px;
}
.entry-10 .title-normal {
margin-top: 7px;
}
.entry-10 p {
padding: 10px 0 8px 0;
color: #555;
} .format-video .sutun-7 h2:before {
font-family: 'fontAwesome';
font-size: 18px;
content: '\f04b';
color: #2542ef;
}
.format-gallery .sutun-7 h2:before {
font-family: 'fontAwesome';
font-size: 18px;
content: '\f03e';
color: #2542ef;
}
.format-video .entry-01-image:before {
font-family: 'fontAwesome';
font-size: 3.5em;
position: absolute;
top: 40%;
left: 46%;
content: '\f04b';
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: #fff;
-webkit-box-shadow: 7px 7px 3px -2px rgba(0, 0, 0, .05);
-moz-box-shadow: 7px 7px 3px -2px rgba(0, 0, 0, .05);
box-shadow: 7px 7px 3px -2px rgba(0, 0, 0, .05);
}
.format-video:hover .entry-01-image:before {
color: transparent;
}
.post-format-gallery {
position: relative;
margin-bottom: 30px;
}
.post-format-gallery .owl-nav {
position: absolute;
top: 0;
width: 100%;
color: #fff;
}
.post-format-gallery .owl-next,
.post-format-gallery .owl-prev {
font-size: 1.6em;
width: 40px;
height: 40px;
padding-top: 4px;
text-align: center;
color: #fff;
background: #2542ef;
}
.post-format-gallery .owl-next {
position: absolute;
top: 0;
right: 0;
} .section-01-left {
float: left;
overflow: hidden;
height: 546px;
margin-bottom: 30px;
padding-right: 21.5px;
}
.section-01-left .featured-content {
padding-right: 50px;
}
.section-01-right {
padding-left: 8.5px;
} .section-02 {
padding-left: 9px;
} #section-videos {
margin-bottom: 10px;
}
.section-videos-left {
float: left;
width: calc(100% - 385px);
margin-right: 50px;
}
.section-videos-left {
position: relative;
overflow: hidden;
height: 404px;
}
.section-videos-left figure {
position: relative;
}
.section-videos-left figure:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 404px;
content: ' ';
opacity: .2;
background-color: #000;
}
a.all-video-href {
position: absolute;
z-index: 999;
top: 0;
display: block !important;
width: 100%;
}
.section-videos-left img {
width: 100%;
height: 404px;
object-fit: cover;
}
.section-videos-left:hover img {
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.section-videos-left .sutun-2 {
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
.section-videos-left:hover .sutun-2 {
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.section-videos-left i {
font-size: 36px;
line-height: 80px;
width: 80px;
height: 80px;
padding-left: 29px;
color: #fff;
border-radius: 50%;
background-color: #2542ef;
}
.section-videos-left header {
position: absolute;
top: 50%;
right: 20px;
left: 20px;
max-width: 600px;
margin: 0 auto;
transform: translateY(-50%);
}
.section-videos-left header a {
color: #fff;
}
.section-videos-left .entry-cat-date {
margin-top: -15px;
color: #fff !important;
}
.section-videos-left span {
color: #fff !important;
}
.section-videos-left header .sutun-10 {
padding-left: 5px;
}
.section-videos-left header .sutun-10 h2 a {
font-size: 28px;
display: block;
margin: 5px 0 0 0;
color: #fff;
text-shadow: 2px 2px 0 rgba(37, 66, 239, 1.9);
}
.section-videos-right {
float: right;
width: 335px;
}
.section-videos-child {
display: table !important;
width: 100%;
max-height: 80px !important;
margin-bottom: 27.5px;
}
.section-videos-child-figure {
position: relative;
overflow: hidden;
width: 120px;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
opacity: .6;
}
.section-videos-child-figure img{
object-fit: cover;
width: 100%;
height: 80px;
}
.section-videos-child-figure:before {
font-family: 'fontAwesome';
font-size: 24px;
position: absolute;
top: 32%;
right: 0;
left: 0;
margin: 0 auto;
content: '\f144';
text-align: center;
color: #2542ef;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}
.section-videos-child:hover .section-videos-child-figure:before,
.section-videos-child:hover .section-videos-child-figure:after {
-webkit-transition: 2100ms blur ease, 900ms border-color ease, 1000ms -webkit-transform ease;
transition: 2100ms blur ease, 900ms border-color ease, 1000ms -webkit-transform ease;
transition: 1000ms transform ease, 2100ms blur ease, 900ms border-color ease;
transition: 1000ms transform ease, 2100ms blur ease, 900ms border-color ease, 1000ms -webkit-transform ease;
-webkit-transform: scale(4);
transform: scale(4);
border-color: transparent;
-webkit-filter: blur(8px);
filter: blur(8px);
}
button:hover:after {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.section-videos-child:hover .section-videos-child-figure {
opacity: 1;
}
.section-videos-child h2 {
font-size: 16px;
position: relative !important;
display: table-cell !important;
padding-left: 15px;
vertical-align: middle !important;
} #section-videos-02 {
margin-bottom: 30px;
padding: 30px 0;
background-color: #212224;
}
#section-videos-02 .section-title-02 {
padding-left: 10px;
color: #fff;
}
#section-videos-02 .width .sira {
margin: 0 -10px;
}
.section-videos-02-child {
padding: 0 10px;
}
.section-videos-02-child .title-min a {
color: #fff;
}
.section-videos-02-child figure {
position: relative;
overflow: hidden;
height: 120px;
margin-bottom: 10px;
}
.section-videos-02-child figure img {
opacity: .6;
object-fit: cover;
height: 120px;
}
.section-videos-02-child figure:after {
font-family: 'fontAwesome';
font-size: 2em;
position: absolute;
top: 35%;
left: 46%;
content: '\f04b';
color: #fff;
}
.section-videos-02-child:hover figure img {
opacity: 1;
}
.section-videos-02-child:hover figure:after {
opacity: 0;
} #section-slider-01 {
width: 100%;
margin-bottom: 30px;
}
.section-slider-01-child {
position: relative;
overflow: hidden;
width: 100%;
height: 500px;
}
.section-slider-01-child figure {
position: relative;
width: 100%;
}
.section-slider-01-child figure img {
position: relative;
}
.section-slider-01-child:after {
position: absolute;
z-index: 1;
top: 0;
width: 100%;
max-height: 500px;
content: '';
background-color: rgba(255, 255, 255, .2);
}
.section-slider-01-child figure img{
height: 500px;
object-fit: cover;
}
.section-slider-01-child .category-on-image {
z-index: 2;
padding: 60px;
}
#section-slider-01 .featured-content {
z-index: 2;
max-width: 100;
padding: 200px 58% 50px 60px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .38) 30%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .38) 30%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .38) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#adffffff', GradientType=0);
}
.section-slider-01-child .featured-content p {
font-size: 1em;
color: #fff;
}
.section-slider-01-child .title-on-image a {
font-size: 2.286em;
-webkit-animation: fadeUpIn 3s;
animation: fadeUpIn 3s;
}
#section-slider-01 .owl-nav {
position: absolute;
right: 60px;
bottom: 60px;
}
#section-slider-01 .owl-nav div {
display: inline;
margin-left: 5px;
padding: 8px 15px;
background-color: #fff;
} #section-05 {
overflow: hidden;
margin-bottom: 40px;
}
#section-05 > .sira {
margin: 0 -15px !important;
}
#section-05 .sutun-4 {
padding: 0 15px;
}
#section-05 > .sutun-4 figure {
overflow: hidden;
height: 220px;
margin-bottom: 15px;
}
#section-05 > .sutun-4 figure img {
margin-top: -25px;
}
#section-05 > .sutun-4 .title-normal {
margin-top: 5px;
}
#section-05 > .sutun-4 p {
margin: 5px 0;
color: #333;
}
#section-05 .entry-05 {
padding-left: 0;
}
.section-more {
font-size: .857em;
margin-top: 15px;
text-align: left;
}
.section-more:after {
font-family: 'fontAwesome';
margin-left: 3px;
content: '\f0da';
transition: margin .3s;
}
.section-more:hover:after {
margin-left: 10px;
} #section-06 {
margin-bottom: 30px;
padding: 30px 0;
background-color: #f9f9f9;
}
#section-06 .width > .sira {
margin: 0 -15px auto;
}
#section-06 div > article {
padding: 0 10px;
}
#section-06 .section-title-02 {
padding-left: 10px;
}
#section-06 figure img {
max-height: 125px;
object-fit: cover;
height: 120px;
}
#slider-02 {
overflow: hidden;
height: 500px;
margin-bottom: 30px;
}
.slider-02-child {
overflow: hidden;
max-height: 500px;
}
.slider-02-child img {
height: 500px;
object-fit: cover;
}
.slider-02-child .featured-content,
.slider-02-child .category-on-image {
padding: 30px 30px 30px 10px !important;
}
.slider-02-child .title-on-image a {
font-size: 32px;
} .section-07 {
margin-bottom: 30px;
}
.featured-left {
position: relative;
float: left;
overflow: hidden;
width: calc(50% - 5px) !important;
height: 600px;
margin-right: 5px;
}
.featured-left img {
height: 600px;
width: 100%;
object-fit: cover;
}
.featured-right {
padding-left: 5px;
}
.featured-right-child {
position: relative;
overflow: hidden;
height: 295px;
}
.featured-right-child img {
margin-top: 0;
object-fit: cover;
height: 295px;
width: 100%;
}
.featured-right-child:first-child {
margin-bottom: 10px;
}
.featured-right-child h2 a {
font-size: 24px;
}
.featured-content {
position: absolute;
bottom: 0;
padding: 30px 35px;
}
.featured-content-bg {
padding-top: 150px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .5) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .5) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.featured-content p {
font-size: 15px;
margin-top: 20px;
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
} .pagination {
margin-top: 30px;
text-align: center;
}
.page-numbers {
font-size: 14px;
font-weight: 500;
display: inline-block;
width: 50px;
}
.page-numbers {
color: #666;
}
.pagination .current {
color: #222;
} .post-01 {
position: relative;
padding-top: 5px;
}
.post-01-header > div {
display: inline;
}
.post-01-header > div:last-of-type:before {
font-size: 11px;
margin: 0 5px;
content: '/';
color: #ccc;
}
.post-title-01 {
margin: 15px 0;
}
.post-01-figure {
position: relative;
display: block;
clear: both;
margin: 5px 0 30px 0;
height: 100%;
z-index: 5;
}
.post-01-figure img{
height: auto;
}
.post-01-video {
position: relative;
display: block;
clear: both;
width: 100%;
height: 460px;
margin: 5px 0 30px 0;
}
.post-01-video iframe {
width: 100%;
height: 460px;
}
.page-page .page-break{
margin:20px 0 0 0;
} .min-read {
font-size: 12px;
font-weight: 500;
position: absolute;
top: 15px;
left: 15px;
padding: 1px 5px;
text-transform: uppercase;
border-radius: 2px;
background-color: #fff;
} .post-01-left-sticky {
position: absolute;
max-width: 90px;
text-align: center;
overflow: hidden;
clear:both;
min-height: 200px;
}
.post-01-left-sticky-stick {
position: fixed;
top: 0;
width: 68px;
text-align: center;
}
.post-01-author figure {
text-align: center;
}
.post-01-author img {
max-width: 60px;
margin: 0 auto;
margin-bottom: 5px;
border-radius: 50%;
}
.post-01-author {
font-size: 12px;
margin-bottom: -75px;
color: #a7a6a6;
z-index: 5;
}
.post-01-author span {
color: #a7a6a6;
}
.post-01-author a {
font-size: 12px;
font-weight: 500;
display: block;
margin-top: 1px;
color: #a7a6a6;
}
.post-01-author a:hover {
text-decoration: underline;
color: #999;
}
.post-01-share {
font-size: 14px;
padding: 100px 0 200px 0;
}
.post-01-share li {
margin-bottom: 8px;
}
.post-01-share a {
display: inline-block;
width: 36px;
height: 36px;
padding: 9px 0;
color: #fff;
border-radius: 50%;
}
.facebook-bg-color a,
.twitter-bg-color a,
.pinterest-bg-color a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.facebook-bg-color a {
background-color: #3b5998;
}
.twitter-bg-color a {
background-color: #00aced;
}
.pinterest-bg-color a {
background-color: #e54a59;
}
.facebook-bg-color a:hover,
.twitter-bg-color a:hover,
.pinterest-bg-color a:hover {
opacity: .8;
}
.other-bg-color a {
padding: 8px 0;
color: #d9d9d9;
border: 1px solid #eee;
}
.other-bg-color a:hover {
color: #cbcbcb;
border: 1px solid #d8d8d8;
} .post-content {
font-size: 15px;
box-sizing: border-box;
min-height: 200px;
padding-left: 100px;
color: #444;
}
.post-content-page {
padding-left: 0 !important;
} .post-content p {
line-height: 1.6;
}
.post-content p,
.post-content ol,
.post-content ul,
.post-content dl,
.post-content table,
.post-content fieldset,
.post-content figure,
.post-content address,
.post-content blockquote,
.post-content hr,
.post-content pre,
.post-content form,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
margin-bottom: 25px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
font-family: 'Rubik', Arial, Helvetica;
font-weight: 500;
}
.post-content h1 {
font-size: 3.8em;
}
.post-content h2 {
font-size: 2.6em;
}
.post-content h3 {
font-size: 2.2em;
}
.post-content h4 {
font-size: 1.9em;
}
.post-content h5 {
font-size: 1.6em;
padding-bottom: 10px;
color: #2344f1;
border-bottom: 1px solid #2344f1;
}
.post-content h6 {
font-size: 1.2em;
}
.post-content p a {
text-decoration: underline;
color: #2344f1;
}
.post-content p a:hover {
text-decoration: none;
}
.post-content strong,
.post-content b {
font-weight: bold;
}
.post-content iframe {
max-width: 100%;
height: auto;
min-height: 400px;
}
.post-content table {
width: 100%;
}
.post-content sup {
font-size: 85%;
position: relative;
top: -.5em;
}
.post-content sub {
font-size: 85%;
position: relative;
bottom: -.3em;
}
.post-content code {
background-color: #edf0ff;
}
.post-content dt,
.post-content dd {
padding-bottom: 5px;
}
.post-content dd {
font-style: italic;
color: #666;
}
.post-content table {
border: 1px solid #eee;
}
.post-content table td {
padding: 15px 20px !important;
}
.post-content table th {
font-weight: 500;
padding: 15px 20px !important;
text-align: left;
background-color: #f9f9f9;
} .post-content img,
.post-content figure {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.post-content figure{
text-align: center;
}
.post-content blockquote {
font-size: 20px;
position: relative;
margin-left: 20px;
padding: 10px 20px;
border-left: 3px solid #2344f1;
background: #fff;
}
.post-content blockquote cite {
letter-spacing: -.5px;
}
.post-content q {
font-style: normal;
}
.post-content pre {
padding: 20px 25px;
color: #fff;
background-color: #333;
}
.post-content pre code {
font-weight: bold;
color: #dbdbdb;
background: transparent;
}
.post-content td,
.post-content th {
padding: 10px 20px;
border-bottom: 1px solid #e1e1e1;
}
.post-content hr {
border: 1px solid #eee;
} .post-content ul li,
.post-content ol li {
line-height: 1.7;
margin-left: 25px;
list-style: inside;
}
.post-content ul ul,
.post-content ol ol {
margin: 0;
}
.post-content ul ul,
.post-content ol ol,
.post-content ol ul,
.post-content ul ol {
margin: 0;
} .post-content ul li {
list-style: disc;
}
.post-content ul ul li {
list-style: circle;
} .post-content ol li {
list-style: decimal;
}
.post-content p input,
.post-content p textarea {
margin-bottom: 0;
}
.post-content fieldset {
margin-bottom: 1em;
padding: 25px;
border: 2px solid #eee;
}
.post-content fieldset legend {
font-style: italic;
padding: 5px 20px;
background-color: #eee;
}
.alignleft {
float: left;
max-width: 50%;
margin: 0 30px 30px 0;
}
.alignright {
float: right;
max-width: 50%;
margin: 0 0 30px 30px;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
.text-first-letter {
font-size: 32px;
line-height: 22px;
margin-right: 5px;
vertical-align: middle;
color: #555;
}
.screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
.screen-reader-text:focus {
font-size: 14px;
font-size: .875rem;
font-weight: bold;
line-height: normal;
z-index: 100000;
top: 5px;
left: 5px;
display: block;
clip: auto !important;
width: auto;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
color: #21759b;
border-radius: 3px;
background: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}
.link-pages {
margin-top: 40px;
color: #727272;
}
.link-pages a {
display: inline-block;
margin: 0 0;
background: #fff;
}
.page-break-title {
font-size: 12px;
font-weight: bold;
padding: 0 !important;
text-transform: uppercase;
border: 0 !important;
}
.page-break span {
font-weight: bold;
margin-right: 3px;
padding: 5px 11px;
border: 1px solid #ccc;
}
.page-break {
font-weight: normal !important;
margin: 20px 0 60px 100px;
padding: 10px 15px;
border-radius: 2px;
background-color: #333;
}
.page-break .page-break-title {
font-size: 12px;
font-weight: 500;
color: #888;
}
.page-break a {
color: #fff;
}
.page-break a span {
font-weight: normal;
padding: 10px 17px 10px 10px;
color: #999;
border: 0;
border-right: 1px solid #555;
}
.page-break a:hover span {
color: #fff;
}
.page-break span {
font-weight: normal;
font-weight: bold;
padding: 10px 17px 10px 10px;
color: #fff;
border: 0;
border-right: 1px solid #555;
} .gallery {
margin-right: -.5em;
margin-left: -.5em;
}
.gallery:after {
display: table;
clear: both;
content: '';
}
.gallery-item {
float: left;
margin: 0;
margin: 5px;
padding: 5px;
text-align: center;
border: 1px solid #eee;
}
.gallery-item img {
max-width: 100%;
margin-bottom: 0;
}
.gallery-caption {
font-size: 14px;
font-style: italic;
margin-top: 5px;
padding: 5px;
color: #434343;
background: #eee;
}
.gallery-columns-1 .gallery-item {
float: none;
width: calc(100% - 10px);
}
.gallery-columns-2 .gallery-item {
width: calc(50% - 10px);
}
.gallery-columns-3 .gallery-item {
width: calc(33.3333% - 10px);
}
.gallery-columns-4 .gallery-item {
width: calc(25% - 10px);
}
.gallery-columns-5 .gallery-item {
width: calc(20% - 10px);
}
.gallery-columns-6 .gallery-item {
width: calc(16.6667% - 10px);
}
.gallery-columns-7 .gallery-item {
width: calc(14.2857% - 10px);
}
.gallery-columns-8 .gallery-item {
width: calc(12.5% - 10px);
}
.gallery-columns-9 .gallery-item {
width: calc(11.1111% - 10px);
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.wp-caption {
margin-bottom: 20px;
padding: 5px;
background: #eee;
}
.wp-caption img {
margin-bottom: 5px !important;
}
.wp-caption p {
margin-bottom: 10px !important;
}
.wp-caption-text {
font-size: 12px;
font-style: italic;
text-align: center;
} .button-black a {
font-size: 12px;
font-weight: bold;
padding: 10px 20px;
text-decoration: none !important;
letter-spacing: .5px;
text-transform: uppercase;
color: #fff !important;
background-color: #121212;
}
.button-white a {
font-size: 12px;
font-weight: bold;
padding: 10px 20px;
text-decoration: none !important;
letter-spacing: .5px;
text-transform: uppercase;
color: #666 !important;
border: 1px solid #d4d4d4;
background-color: #fff;
}
.button-black a:hover,
.button-white a:hover {
opacity: .9;
}
.grid {
display: flex;
margin: 0 -20px;
padding-bottom: 25px;
}
.grid-item {
padding: 0 20px;
flex: 1 1 auto;
}
.message {
font-style: italic;
position: relative;
margin-bottom: 25px;
padding: 15px 25px 15px 67px;
color: #fff;
}
.message:before {
font-family: 'fontAwesome';
font-size: 16px;
font-style: normal;
position: absolute;
top: -1px;
left: 0;
width: 50px;
padding: 15px 0;
text-align: center;
}
.message.error {
border: 1px solid #c21537;
background-color: #dc143c;
}
.message.error:before {
content: '\f057';
background-color: #c21537;
}
.message.warning {
border: 1px solid #cfaf05;
background-color: #eec904;
}
.message.warning:before {
content: '\f06a';
background-color: #cfaf05;
}
.message.success {
border: 1px solid #37a066;
background-color: #3cb371;
}
.message.success:before {
content: '\f00c';
background-color: #37a066;
}
.message.notice {
border: 1px solid #008b8b;
background-color: #20b2aa;
}
.message.notice:before {
content: '\f00c';
background-color: #008b8b;
} .post-footer {
margin-top: 25px;
} .post-tags-category a {
font-size: 13px;
line-height: 32px;
padding: 5px 10px;
color: #666;
border: 1px solid #eee;
border-radius: 2px;
}
.post-tags-category a:hover {
color: #444;
border-color: #d8d8d8;
}
.post-tags-category span {
font-size: 13px;
font-weight: 500;
padding: 5px 10px;
color: #fff;
border: 1px solid #a9a9a9;
border-radius: 2px;
background-color: #a9a9a9;
}
.post-tags-category:last-of-type {
text-align: right;
} .post-next-prev {
margin-top: 50px;
}
.post-next-prev-sp {
font-size: 12px;
font-weight: 500;
display: block;
margin-bottom: 15px;
text-transform: uppercase;
color: #666;
}
.post-next-prev .sutun-6:first-of-type {
width: calc(50% - 15px);
margin-right: 15px;
padding-right: 15px;
}
.post-next-prev .sutun-6:last-of-type {
width: calc(50% - 15px);
margin-left: 15px;
padding-left: 15px;
text-align: right;
border-left: 1px solid #eee;
}
.post-next-prev .sutun-6:first-of-type i {
padding-right: 5px;
-webkit-transition: padding .2s ease-in-out;
-moz-transition: padding .2s ease-in-out;
-o-transition: padding .2s ease-in-out;
transition: padding .2s ease-in-out;
}
.post-next-prev .sutun-6:first-of-type:hover i {
padding-right: 10px;
}
.post-next-prev .sutun-6:last-of-type i {
padding-left: 5px;
-webkit-transition: padding .2s ease-in-out;
-moz-transition: padding .2s ease-in-out;
-o-transition: padding .2s ease-in-out;
transition: padding .2s ease-in-out;
}
.post-next-prev .sutun-6:last-of-type:hover i {
padding-left: 10px;
}
.post-next-prev a {
line-height: 1.6;
} .post-footer-author {
margin-top: 40px;
padding: 30px 40px;
border-radius: 2px;
background-color: #212224;
}
.post-footer-author figure img {
max-width: 100%;
border: 3px solid #fff;
border-radius: 50%;
}
.post-footer-author-right {
padding: 13px 0 0 15px;
}
.author-by {
font-size: 12px;
color: #626774;
}
.author-name {
font-size: 20px;
margin: 5px 0 5px 0;
}
.author-name a {
color: #fff;
}
.post-footer-author-right p {
line-height: 1.5;
color: #a2a8b3;
} .post-related {
margin: 30px -15px;
}
.post-related h3 {
margin-right: 15px;
margin-left: 15px;
}
.post-related-child {
padding: 0 15px;
}
.related-content {
padding: 10px 0 10px 0;
}
.post-related .title-min {
font-size: 18px;
}
.related-content p {
font-size: 12px;
margin-top: 10px;
color: #666;
} #comments {
padding-top: 40px;
}
.comment-title-container {
position: relative;
}
.comment-title-container h3 a {
color: #2542ef !important;
}
.comment-title-button {
position: absolute !important;
top: 0;
right: 0;
margin-top: 15px;
}
.comment-title-button .section-title-02 a {
font-size: 12px;
text-transform: uppercase;
color: #999;
}
.comment-title-button .section-title-02 a:hover {
color: #555;
} #comments li {
position: relative;
}
.comment-content {
min-height: auto !important;
margin-bottom: 25px;
}
.comment-author-avatar img {
border-radius: 50%;
}
.comment-entry .sutun-11 > h4 {
font-size: 20px;
margin: 8px 0 0 5px;
}
.comment-entry span a {
font-size: 12px;
font-weight: 500;
margin: 0 0 0 5px;
color: #999;
}
.comment-entry span a:hover {
color: #666;
}
#comments .post-content {
padding: 0;
}
.comment-content {
position: relative;
margin-top: 20px;
padding: 25px 30px 0 30px !important;
border: 1px solid #eee;
}
.comment-content p {
line-height: 1.6 !important;
}
.comment-content:after {
position: absolute;
bottom: 100%;
left: 3.4%;
width: 0;
height: 0;
margin-left: -8px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 8px;
border-color: rgba(238, 238, 238, 0);
border-bottom-color: #eee;
} .reply {
font-size: 11px;
position: absolute;
z-index: 99;
top: 61px;
right: 0;
text-align: right;
letter-spacing: .5px;
text-transform: uppercase;
}
.reply a {
font-weight: 500;
padding: 6px 12px;
color: #999;
border: 1px solid #eee;
border-bottom-color: #fff;
border-radius: 2px;
background-color: #fff;
}
.reply a:hover {
color: #777;
background-color: #eee;
}
#respond {
margin-top: 30px;
}
#respond small a {
font-size: 11px;
font-weight: 500;
float: right;
margin-right: 20px;
text-align: right;
text-transform: uppercase;
color: #999;
}
#respond small a:hover {
color: #666;
}
#reply-title {
margin-bottom: 10px;
}
.comment-notes {
font-size: 12px;
margin-bottom: 20px;
color: #666;
}
#respond textarea {
width: 100%;
min-height: 120px;
border: 2px solid #eee;
}
#respond input[type='text'] {
width: 100%;
padding: 8px 10px 8px 46px !important;
border: 2px solid #eee;
}
.cr-inputs span:first-child {
position: relative;
width: calc(33.3333333333% - 15px);
margin-right: 15px;
}
.cr-inputs span:last-child {
position: relative;
width: calc(33.3333333333% - 15px);
margin-left: 15px;
}
#respond .cr-inputs span:first-child:before,
#respond .cr-inputs span:nth-child(2):before,
#respond .cr-inputs span:last-child:before {
font-family: 'fontAwesome';
font-size: 12px;
position: absolute;
padding: 9px 14px;
color: #999;
background-color: #eee;
}
#respond .cr-inputs span:first-child:before {
content: '\f007';
}
#respond .cr-inputs span:nth-child(2):before {
content: '\f0e0';
}
#respond .cr-inputs span:last-child:before {
content: '\f0c1';
}
.comment-awaiting-moderation {
font-size: 12px;
padding-left: 5px;
color: darkgoldenrod;
}
#comments li .children {
margin-left: 25px;
}
.comment-respond {
margin-bottom: 30px;
}
.logged-in-as {
font-size: 12px;
padding: 5px 0 15px 0;
}
.bypostauthor > .comment-entry > .comment-author-header > .sutun-11 > h4 {
color: #2542ef;
}
.bypostauthor > .comment-entry > .comment-author-header > .sutun-11 > h4:after {
font-family: 'fontAwesome';
font-size: 18px;
margin-left: 5px;
content: '\f040';
}
.closed-comment{
margin:10px 0;
font-weight: 500;
padding:10px;
border:1px solid #EEE;
border-radius: 2px;
color: #999;
} #sidebar,
#sidebar-two {
float: right;
width: 335px;
padding-top: 2px;
padding-bottom: 30px;
}
.sidebar-left {
float: left !important;
} .st-widget {
margin-bottom: 30px;
}
.st-widget:after {
clear: both;
} .st-widget h3 {
font-family: 'Rubik', Arial, Helvetica;
font-size: 16px;
font-weight: 500;
position: relative;
margin-bottom: 20px;
padding: 10px 0;
color: #2542ef;
border-bottom: 1px solid #efefef;
}
.st-widget h3 span {
padding: 10px 25px;
border-bottom: 1px solid #2542ef;
} [id*='widget-social-media-'] ul {
margin: 0 -5px 0 -5px;
}
[id*='widget-social-media-'] li {
display: inline-block;
float: left;
width: calc(20% - 10px);
margin: 0 5px 5px 5px;
text-align: center;
}
[id*='widget-social-media-'] li a {
font-size: 18px;
display: block;
width: 100%;
padding: 9px 5px;
color: #fff;
border-radius: 2px;
}
[id*='widget-social-media-'] li a:hover {
opacity: .8;
}
.widget-facebook a {
background-color: #3b5999;
}
.widget-twitter a {
background-color: #00aced;
}
.widget-google-plus a {
background-color: #d44332;
}
.widget-linkedin a {
background-color: #3b5999;
}
.widget-youtube a {
background-color: #90030c;
}
.widget-instagram a {
background-color: #e4405f;
}
.widget-pinterest a {
background-color: #bd081c;
}
.widget-tumblr a {
background-color: #90030c;
}
.widget-flickr a {
background-color: #ff0084;
}
.widget-foursquare a {
background-color: #f94877;
}
.widget-reddit a {
background-color: #ff5700;
}
.widget-dribbble a {
background-color: #ea4c89;
}
.widget-behance a {
background-color: #131418;
} [id*='widget-recent-post-'] figure {
overflow: hidden;
max-width: 70px;
}
[id*='widget-recent-post-'] figure img {
width: 70px;
height: 70px;
object-fit: cover;
}
[id*='widget-recent-post-'] .sutun-9 {
padding-left: 15px;
}
[id*='widget-recent-post-'] header {
margin-top: 7px;
}
[id*='widget-recent-post-'] li {
margin-bottom: 20px;
} [id*='yakamoz_popular_posts_widget-'] li,
[id*='yakamoz_popular_posts_widget-'] figure {
position: relative;
overflow: hidden;
height: 90px;
}
[id*='yakamoz_popular_posts_widget-'] img {
margin: -70px 0;
}
[id*='yakamoz_popular_posts_widget-'] header {
position: absolute;
top: 0;
display: flex;
width: 100%;
height: 90px;
background-color: rgba(0, 0, 0, .4);
justify-content: left;
align-items: center;
}
[id*='yakamoz_popular_posts_widget-'] header,
[id*='yakamoz_popular_posts_widget-'] h2 {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
[id*='yakamoz_popular_posts_widget-'] a {
color: #fff;
}
[id*='yakamoz_popular_posts_widget-'] h2 {
padding: 7px 15px;
border-left: 5px solid #2542ef;
}
[id*='yakamoz_popular_posts_widget-'] li:hover h2 {
padding: 15px 15px;
text-align: left;
}
[id*='yakamoz_popular_posts_widget-'] li:hover header {
background-color: rgba(0, 0, 0, .6);
} .widget_categories li,
.widget_archive li,
.widget_pages li,
.widget_nav_menu li,
.widget_meta li {
padding: 8px 0;
border-bottom: 1px solid #efefef;
}
.widget_categories li ul,
.widget_archive li ul,
.widget_pages li ul,
.widget_nav_menu li ul,
.widget_meta li ul {
padding-top: 6px;
}
.widget_categories li li,
.widget_archive li li,
.widget_pages li li,
.widget_nav_menu li li,
.widget_meta li li {
border-bottom: 0;
}
.widget_categories li li a,
.widget_archive li li a,
.widget_pages li li a,
.widget_nav_menu li li a,
.widget_meta li li a {
font-size: 14px !important;
padding-left: 10px;
}
.widget_categories li:last-child,
.widget_archive li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child,
.widget_meta li:last-child {
border: 0;
}
.widget_categories li a,
.widget_archive li a,
.widget_pages li a,
.widget_nav_menu li a,
.widget_meta li a {
font-family: 'Rozha One', Georgia, 'Times New Roman';
font-size: 16px;
font-weight: normal !important;
}
.widget_categories li a:before,
.widget_archive li a:before,
.widget_pages li a:before,
.widget_nav_menu li a:before,
.widget_meta li a:before {
font-family: 'fontAwesome';
font-size: 12px;
margin: 0 7px;
content: '\f0da';
color: #595a68;
}
.post-count {
font-size: 12px;
position: relative;
bottom: -.25em;
float: right;
vertical-align: bottom;
color: #c3c4d7;
}
.widget_archive label,
.widget_categories label {
display: none;
}
.widget_archive select, .widget_categories select{
width: 100%;
padding:5px 8px;
}
.widget_archive option, .widget_categories option{
padding:8px 10px;
} .tagcloud a {
font-size: 12px !important;
font-weight: 500;
line-height: 30px;
margin-right: 2px;
padding: 3px 7px;
text-transform: uppercase;
color: #515151;
border: 2px solid #626262;
}
.tagcloud a:hover {
color: #fff;
background-color: #626262;
} .widget_calendar table {
width: 100%;
text-align: center;
}
#wp-calendar tbody td {
padding: 8px 5px 8px 5px;
text-align: center;
color: dimgrey;
border: 1px solid #eee;
background-color: #f5f5f5;
}
#wp-calendar thead th {
font-size: 12px;
font-weight: 500;
padding: 7px 10px;
color: dimgrey;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar caption {
font-size: 12px;
font-weight: 500;
padding: 0 0 10px 0;
text-align: right;
text-transform: uppercase;
color: darkslategrey;
}
#wp-calendar #prev {
font-size: 12px;
padding-top: 10px;
text-align: left;
text-transform: uppercase;
color: dimgrey;
} .widget_recent_comments li {
position: relative;
margin-bottom: 10px;
padding: 0 0 10px 25px;
color: #777;
border-bottom: 1px solid #efefef;
}
.comment-author-link {
font-weight: 500;
}
.recentcomments::before {
font: 12px 'fontAwesome', arial;
position: absolute;
left: 0;
margin: 2px 7px 0 7px;
content: '\f0e5';
vertical-align: middle;
color: #989898;
} .widget_recent_entries li {
position: relative;
margin-bottom: 10px;
padding: 0 0 10px 25px;
color: #777;
border-bottom: 1px solid #efefef;
}
.widget_recent_entries li .post-date {
font-size: 12px;
font-style: italic;
color: #999;
}
.widget_recent_entries li .post-date:before {
content: '- ';
}
.comment-author-link {
font-weight: 500;
}
.widget_recent_entries li::before {
font: 12px 'fontAwesome', arial;
position: absolute;
left: 0;
margin: 2px 7px 0 7px;
content: '\f016';
vertical-align: middle;
color: #989898;
} #search-form input[type='text'] {
width: 60%;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#search-form input[type='submit'] {
width: 40%;
border: 1px solid #111;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .widget_rss li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.widget_rss .rsswidget {
font-size: 14px;
font-weight: 500;
}
.widget_rss .rss-date {
font-size: 13px;
color: #666;
}
.widget_rss .rss-date:before {
content: '- ';
}
.widget_rss .rssSummary {
font-size: 13px;
margin: 10px 0;
color: #444;
} .widget_mc4wp_form_widget {
position: relative;
margin-top: 70px;
padding: 15px 35px 35px 35px;
text-align: center;
border: 3px solid #f1f1f1;
border-radius: 2px;
}
.widget_mc4wp_form_widget:before {
font-family: fontAwesome;
font-size: 52px;
position: absolute;
top: -38px;
right: 0;
left: 0;
height: 80px;
margin: 0 auto; color: #2542ef;
border-radius: 50%;
}
.widget_mc4wp_form_widget h3 span,
.widget_mc4wp_form_widget h3 {
font-size: 18px;
padding: 20px 0 0 0;
text-align: center;
border: 0;
}
.widget_mc4wp_form_widget label {
font-size: 13px;
display: block;
margin-bottom: 10px;
color: #999;
}
.widget_mc4wp_form_widget input {
width: 100%;
margin-bottom: 0 !important;
}
.widget_mc4wp_form_widget input[type='email'] {
margin-bottom: 10px !important;
text-align: center;
border: 3px solid #f1f1f1;
} .left-mini-sidebar {
float: left;
max-width: 200px;
padding-top: 10px;
}
.left-mini-sidebar .section-title-02 {
margin-bottom: 15px;
}
.mini-sidebar-child {
margin-bottom: 20px;
}
.mini-sidebar-child .title-min a {
font-size: 1em;
}
.mini-sidebar-child figure {
overflow: hidden;
height: 100px;
margin-bottom: 10px;
}
.mini-sidebar-child figure img {
margin: -25px 0;
}
.mini-sidebar-child:hover figure img {
margin: -15px 0;
}
.minisidebar-right {
float: right;
} #archive-title {
margin-top: 30px;
margin-bottom: 30px;
padding: 35px 0 30px 0;
color: #222;
background-color: #f1f1f1;
}
#author-t {
position: relative;
}
#archive-title span {
font-size: 15px;
font-weight: 300;
display: block;
margin-bottom: 5px;
color: #666;
}
#archive-title h3 {
font-size: 65px;
}
.article-title-author-avatar {
position: absolute;
top: 0;
right: 0;
}
.article-title-author-avatar img {
border-radius: 50%;
} .not-found-page h4 {
font-size: 125px;
}
.not-found-page h5 {
font-size: 42px;
}
.not-found-page p {
font-size: 24px;
margin-top: 17px;
}
.sticky {
padding: 10px;
border: 1px solid #eee;
border-radius: 2px;
background-color: #f9f9f9;
}
.sticky a {
color: #000 !important;
}
.noting-found{
border:1px solid #EEE;
padding:30px;
text-align: center;
}
.noting-found h4{
font-size: 54px;
margin-bottom: 15px;
}
.noting-found span i{
color:firebrick;
font-size: 42px;
margin-bottom: 10px;
}
.noting-found p{
font-size: 16px;
color: #777;
}
.noting-found input[type="text"]{
width: 60%;
display: block;
margin:0 auto;
margin-bottom: 10px;
margin-top: 10px;
}
.noting-found input[type="submit"]{
width: 60%;
display: block;
margin:0 auto;
} #footer {
margin-top: 70px;
color: #fff !important;
position: relative;
}
#footer h1 a {
font-size: 72px;
color: #fff;
}
#footer > .parallax-footer {
background: transparent;
}
#footer:after {
position: absolute;
z-index: 1;
top: 0;
bottom: 50px;
display: block;
width: 100%;
content: ' ';
background-color: rgba(0, 0, 0, .4);
} .footer-top {
z-index: 2;
text-align: center;
padding: 90px 0 125px 0;
}
.footer-logo {
margin-bottom: 5px;
}
.footer-logo img {
text-shadow: 3px 3px 2px rgba(0, 0, 0, .2);
} .footer-social-media li {
display: inline;
}
.footer-social-media li a {
font-size: 1.4em;
padding: 0 25px;
color: #fff;
text-shadow: 3px 3px 2px rgba(0, 0, 0, .2);
}
.footer-social-media li a:hover {
color: #f9f9f9;
text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);
} .footer-bottom {
color: #999 !important;
background-color: #212224;
padding: 15px 0;
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 98;
}
.footer-bottom a {
color: #999 !important;
}
.footer-bottom a:hover {
color: #fff !important;
}
.footer-copyright {
font-size: .9em;
line-height: 20px;
} .footer-menu {
padding-right: 30px;
text-align: right;
}
.footer-menu li {
font-size: .9em;
display: inline;
margin-right: 5px;
text-transform: uppercase;
}
.footer-menu li ul{
display: none;
}
.footer-menu li:last-child {
margin: 0;
}
.footer-menu li a {
opacity: .8;
}
.footer-menu li:after {
margin-left: 6px;
content: '/';
color: #3a3c40;
}
.footer-menu li:last-child:after {
content: '';
}
.mobile-menu-button{
display: none;
}
.post-share-mobile{
display: none;
}  @media all and (max-width: 1280px) {
.width {
max-width: 980px !important;
}
.featured-content p, .entry-01 p {
display: none;
}
.entry-10:first-of-type figure,
.entry-10:nth-of-type(4) figure {
height: 250px;
}
.entry-01 header{
margin:0;
}
.title-normal{
font-size: 22px;
}
.post-01-figure{
height: calc(100% - 500px) !important;
}
.section-videos-02-child:nth-last-of-type(5), .section-videos-02-child:nth-last-of-type(6), .entry-08:nth-of-type(5), .entry-08:nth-of-type(6){
display: none;
}
.post-related-child:last-of-type{
display: none;
}
.entry-08, .section-videos-02-child{
width: 25%;
}
.section-01-left{
width: 100%;
}
.section-01-right{
width: 100%;
margin:0;
padding: 0;
}
.section-01-left{
padding: 0 5px;
}
.section-02{
padding-left: 5px;
padding-right: 5px;
}
.section-02 img{
height: 300px;
object-fit: cover;
}
.left-mini-sidebar {
display: none;
}
.content-02{
width: calc(100% - 385px) !important;
margin-left: 0 !important
}
} @media all and (max-width: 980px) {
.width {
max-width: 736px !important;
}
.header-top-top{
display: none;
}
.header-top, #header{
height: 100px !important;;
}
#logo{
height: 85px;
margin-bottom: 30px;
}
.search-s{
display: none;
}
.header-bottom{
display: none;
}
.mobile-menu-button{
display: inherit;
margin-top: 30px;
font-size: 32px;
padding:0 0 0 20px;
}
.mobile-menu-button a{
color: #FFF;
}
.mobile-m-menu {
text-align: left;
padding: 30px 0px 100px;
}
.mobile-m-menu li {
border-bottom: 1px solid #efefef;
position: relative;
line-height: 24px;
}
.mobile-m-menu li a:before {
content: '●';
color: #135BBF;
position: absolute;
left: -10px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.mobile-m-menu li a:hover:before {
left: 12px;
}
.mobile-m-menu li:first-child {
border-top: 1px solid #efefef;
}
.mobile-m-menu li a {
font-size: 15px;
letter-spacing: .5;
padding: 10px 30px 10px 30px;
color: #555;
display: block;
font-weight: 500;
}
.mobile-m-menu li a:hover {
color: #111 !important;
}
.mobile-m-menu li ul li a {
text-transform: lowercase;
padding-left: 40px;
font-weight: normal;
}
.mobile-m-menu li ul li ul li a {
padding-left: 60px;
}
.mobile-m-menu li ul li ul li ul li a {
padding-left: 80px;
}
.mobile-m-menu li a:hover {
color: #f64e4e;
background: #f9f9f9;
}
.mobile-m-menu .menu-item-has-children {
position: relative;
}
.mobile-m-menu .menu-item-has-children .sub-menu {
display: none;
}
.mobile-m-menu .menu-item-has-children .sub-menu li:last-child {
border: 0;
}
.mobile-m-menu-arrow {
display: none;
}
.mobile-m-menu .menu-item-has-children > .mobile-m-menu-arrow {
display: inherit !important;
}
.mobile-m-menu-arrow:after {
font: 18px 'FontAwesome';
content: "\f107";
padding: 8px 23px 8px 20px;
height: 47px;
line-height: 34px;
color: #999;
position: absolute;
vertical-align: middle;
float: right;
top: -1.5px;
right: 0px;
border-left: 1px solid #efefef;
}
.mobile-m-menu-arrow:hover:after {
cursor: pointer;
font-weight: bold;
color: #f64e4e;
}
.mobile-m-menu-arrow:active:after {
top: 2px;
}
.featured-top-child figure{
width: 80px;
}
.featured-top-child h3{
font-size: 14px;
}
.newslatter-input {
padding-left: 0;
margin-top: 15px;
}
.newslatter-left{
padding-right: 0;
}
#content {
width: calc(100% - 245px);
margin-right: 25px;
}
#sidebar, #sidebar-two{
width: 220px;
}
[id*="widget-recent-post-"] header{
margin-top: 0;
}
.title-min, .st-widget h3{
font-size: 14px;
}
.st-widget h3 span{
padding:10px 10px;
}
.post-01-left-sticky{
display: none;
}
.post-content{
padding-left: 0;
}
.post-next-prev .sutun-6:first-of-type {
width: 100% !important;
margin-bottom: 20px;
}
.post-next-prev .sutun-6:last-of-type {
width: 100%;
padding:0;
margin:0;
border: 0;
}
.post-tags-category, .post-tags-category{
width:100%;
text-align: left !important;
margin-bottom: 10px;
}
.entry-10 p{
display: none;
}
.entry-10:first-of-type figure, .entry-10:nth-of-type(4) figure{
height: auto;
}
.post-01-share{
display: none !important;
}
.post-share-mobile{
display: inherit !important;
}
.post-share-mobile ul{
display: flex;
}
.post-share-mobile li{
flex: 1 1 auto;
text-align: center;
}
.post-share-mobile li a{
width: 100%;
display: block;
padding: 12px;
font-size: 16px;
color: #FFF;
}
.m-facebook a{
background-color: #3b5998;
}
.m-twitter a{
background-color: #00aced;
}
.m-pinterest a{
background-color: #e54a59;
}
.m-email-print a{
background-color: #f9f9f9;
color: #777 !important;
}
.entry-10:nth-of-type(2), .entry-10:nth-of-type(5), .entry-10:nth-of-type(3), .entry-10:nth-of-type(6), .entry-10:first-of-type{
min-height: 370px !important;
}
.section-videos-right{
width: 200px;
}
.section-videos-child-figure{
width: 90px;
}
.section-videos-child h2{
font-size: 14px;
padding-left: 8px;
}
.section-videos-left {
float: left;
width: calc(100% - 230px);
margin-right: 30px;
}
.section-videos-left .sutun-2{
display: none;
}
#section-slider-01 .featured-content {
z-index: 2;
max-width: 100;
padding: 200px 100px 30px 30px;
}
.alignleft {
float: inherit !important;
max-width: 100%;
margin: 0 0 30px 0;
display: block;
}
.alignright {
float: inherit !important;
max-width: 100%;
margin: 0 0 30px 0;
display: block;
}
.content-02{
width: calc(100% - 265px) !important;
margin-left: 0 !important
}
.mobile-menu{
visibility: visible!important;
}
} @media all and (max-width: 736px) {
.width {
max-width: 480px !important;
}
#featured-top{
display: none;
}
.featured-right, .featured-left{
width: 100% !important;
}
.featured-left img, .featured-left{
height: 300px;
}
.featured-right{
padding-left: 0;
margin-top: 10px;
}
.featured-content-bg{
padding: 17px 17px 17px 17px;
}
.category-on-image {
padding: 20px 25px;
}
.title-on-image a{
font-size: 24px;
display: block;
padding:3px 7px;
}
.featured-content {
padding: 25px 20px;
}
#content{
width: 100% !important;
}
ul.tab-menu li {
font-size: 14px;
padding: 10px 15px;
}
#sidebar{
width: 100%;
}
.title-min, .st-widget h3{
font-size: 16px;
}
.entry-10{
width: 100% !important;
padding:0 !important;
}
.entry-08:nth-last-of-type(3), .entry-08:nth-last-of-type(4), .section-videos-02-child:nth-last-of-type(3), .section-videos-02-child:nth-last-of-type(4){
display: none;
}
.entry-10:nth-of-type(2), .entry-10:nth-of-type(5), .entry-10:nth-of-type(3), .entry-10:nth-of-type(6), .entry-10:first-of-type, .entry-10:nth-of-type(4), .entry-10:nth-of-type(5){
min-height: auto !important;
}
.entry-10:first-of-type figure, .entry-10:nth-of-type(6) figure{
height: auto;
}
.entry-08, .section-videos-02-child{
width: 50%;
}
.footer-menu{
text-align: center !important;
margin-top: 5px;
padding:0;
}
.footer-social-media li a {
padding: 0 10px;
}
.footer-bottom{
text-align: center !important;
}
.post-footer-author-avatar{
width: 100%;
}
.title-normal{
font-size: 20px;
}
.entry-footer{
margin-top: 0;
}
.entry-01 header{
margin-top: 10px;
}
.entry-01 header, .entry-01 p, .entry-01 footer{
padding-left: 0;
}
.section-slider-01-child .title-on-image a{
font-size: 22px;
}
.slider-02-child .title-on-image a {
font-size: 22px;
}
.section-slider-01-child .category-on-image{
padding:30px;
}
.section-videos-left {
width: 100%;
}
.section-videos-right{
width: 100%;
margin-top: 25px;
}
#section-05 .sutun-4{
margin-bottom: 30px;
}
.cr-inputs span, .cr-inputs span:first-child, .cr-inputs span:last-child{
width: 100% !important;
}
.cr-inputs span:last-child{
margin:0;
}
.entry-05:nth-child(2n+1), .entry-05:nth-child(2n){
width: 100%;
padding:0;
}
.entry-06{
width: 100%;
}
#archive-title h3{
font-size: 32px;
}
.entry-01 header{
margin-top:0;
}
} @media all and (max-width: 480px) {
.post-footer-author {
padding: 20px 20px;
}
.entry-09 header{
padding-right: 0;
padding-bottom: 20px;
}
.entry-01-image{
padding-right: 0;
}
.entry-01-image img{
object-fit: cover;
}
.entry-01 > header.sutun-7{
margin-top: 7px;
}
}
@media all and (max-width: 380px) {
.mobile-menu-button{
margin-top: 45px;
font-size: 24px;
}
.newslatter-left img{
display: none;
}
.newslatter-input input[type="email"] {
width: 55% !important;
}
.newslatter-input input[type="submit"] {
width: 40% !important;
}
.newslatter-left{
text-align: left;
}
ul.tab-menu li {
font-size: 12px;
padding: 10px 5px;
}
.entry-01 header{
margin-top:15px;
}
}
[data-sidebar] {
display: none;
position: fixed;
height: 100%;
z-index: 999;
overflow-y: scroll !important;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
[data-sidebar-overlay] {
display: none;
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100% !important;
min-height: inherit;
background-color: #333;
z-index: 9999;
}
.mobile-menu {
background: #fff;
width: 280px !important;
height: 100%;
padding-bottom: 80px !important;
position: fixed;
top: 0;
z-index: 99999;
visibility: hidden;
}
.mobile-menu-title {
position: relative;
padding:40px 25px 0 25px;
}
.mobile-menu-title h1 {
font-size: 36px;
}
.close-button {
position: absolute;
top: 0;
right: 0;
left: 0;
line-height: 40px;
color: #999;
font-size: 24px;
cursor: pointer;
z-index: 98;
width: 280px;
text-align: center;
}