@charset "utf-8";
@charset "utf-8";

   body,textarea,input,button,select{
font-family:'Montserrat',serif;	
}
html{font-size: 17px;}
html,body, p, input, h1, h2, h3, h4, h5, h6, ul, ol,li, dl, dt, dd, form,figure{margin: 0; padding: 0;}
li{list-style-type: none;}
img{border:none;border:0;vertical-align: middle;}
body,li,a,div,nav,header,footer,section,span,p,article,ol,figure,form,input,textarea,em,i,img{box-sizing: border-box;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{ display: none; }
input,button{-webkit-appearance: none;}
textarea,input,a,div,img,button,select{outline:none;}
body{
position: relative;
background-color: #fff;
overflow-x:hidden;
color: #343536;
}
body,.features-box em.intro,.features-group.type-02 .text h4~small,.top-banner .text em{
font-size: 1rem;
}
body.modal{
overflow:hidden;
}
iframe{
max-width: 100%;
border:none;
}
svg{
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
line-height: normal;
}
p a{
vertical-align: baseline;
}
a {
word-break: break-all;
}
table{
width: 100%;
border-width: 1px;
border-color: #E4E4E4;
border-collapse: collapse;
}
table th{
border-width: 1px;
padding: 15px;
border-style: solid;
border-color: #E4E4E4;
background-color: #f4f4f4;
text-align: left;
}
table td{
border-width: 1px;
padding: 15px;
border-style: solid;
border-color: #E4E4E4;
}
blockquote{
position: relative;
font-size: 120%;
margin: 30px 0;
line-height: 120%;
overflow: hidden;
font-style: italic;
}
blockquote p{
font-size: 140% !important;
line-height: 120% !important;
margin-bottom: 0 !important;
}
pre {
white-space: pre-line;
} img.alignright { float: right; margin: 1em 0 1em 1em; }
img.alignleft { float: left; margin: 1em 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4118em;
margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2353em;
}
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: rgba(128, 128, 128, 0.8);
font-family: "Noto Sans", sans-serif;
font-size: 0.75rem;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
} .detail-info ul li,.comment-wrap ul li, .info ul li, .text ul li,.without-section ul li{list-style-type: disc;list-style-position: inside;}
.detail-info ol li,.comment-wrap ol li, .info ol li, .text ol li,.without-section ol li{list-style-type: decimal;list-style-position: inside;}
.detail-info ul ul,.comment-wrap ul ul,.detail-info ol ol,.comment-wrap ol ol,.without-section ul ul,.without-section ol ol{padding-left: 30px;}
body.site-border{
padding-left:30px !important; 
padding-right:30px !important; 
}
body.site-border:after{
content: '';
position: fixed;
width: 100%;height: 30px;left: 0;bottom: 0;
background-color: #fff;
z-index: 998;
}
body.site-border footer{
margin-bottom: 30px;
}
.for-header-03{
padding-left: 260px;
}
.text p:empty,.detail-info p:empty,.main-content>p:empty,.code-container p:empty,.detail-share-item:empty{
display: none;
}
.widget table th,
.widget table td{
padding: 10px 0;
text-align: center;
font-size: 0.75rem;
}
.widget table td#today{
color: #fff;
}
.widget caption{
margin-bottom: 20px;
font-size: 0.75rem;
text-align: left;
}
.widget_archive>label.screen-reader-text,.widget_categories>label.screen-reader-text{
display:none;
}
.widget select{
height: 40px;
padding: 10px;
width: 100%;
}
.detail-info p,.meta-label p,.meta-label a,
.comment-body>p{
color: #666;
}
.info a,.tabs-item a,.detail-info a,.comment-body p a,
.promo-box .text p a,.textwidget a{
margin: 0 2px;
text-decoration: underline;
vertical-align: baseline;
}
a.btn{text-decoration: none;}
.dark a{color: #fff;}
.code-box p,.code-box .info,.code-box .text,.mix-box .text p,.features-group .text,
.detail-info p,.contact .text,.detail-info,.comment-body>p,
.without-section,.meta-label,.promo-box .text,.type-tabs .tabs-item,
.boxed .mix-box.type-05 .text p,.boxed .mix-box.type-06 .text p,
.features-box,.features-group.type-02 em.intro,.skill-group .section-title p,
.count-box span,.type-02 .team-box .text,
.team-group.for-3 .team-box em.intro,.hide-side-box .text,.hide-side-box p,
.detail-share-item a,.detail-ctrl .ctrl p,
.widget_most_popular p a,.comment-author .text,
.widget_text,.detail-ctrl .ctrl span,.comment-author .text cite a,.comment-wrap,.comment-author .text cite{
font-size: 1rem;
line-height: 170%;
}
.pic-box img,
.blog-box img,
.detail-info img,
.info img,
.text img,
.without-section img{max-width: 100%;height: auto;}
.without-section img{margin-bottom: 30px;}
.detail-info figure{max-width: 100%;}
a{-webkit-tap-highlight-color:rgba(19,20,21,0);text-decoration: none;color: #343536;vertical-align: middle;} a.full,a.promo-link-03{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(19,20,21,.0);opacity: 0; z-index: 999;}
.cf:after,.section:after,.blog-type-01 .blog-box:after{
content: '';
clear: both;
display: block;
height: 0;
}
.detail-info blockquote{
padding: 24px 5%;
}
.detail-info blockquote:before{
content: '';
position: absolute;
left: 0;bottom: 0;
height: 100%;width: 4px;
}
.detail-info blockquote:after{
content: '\e90b';
position: absolute;
right: 0;
bottom: 30%;
color: rgba(111,111,111,.05);
font-size: 300%;
font-family: 'my_icons';
font-style: normal;
}
h1,h2,h3,h4,h5,h6{
white-space: pre-line;
margin-bottom: 10px;
margin-top: 10px;
font-weight: normal;
}
h1,h2{
line-height: 100%;
}
h3{
line-height: 110%;
}
h4,h5,h6{
line-height: 130%;
}
strong,b{
font-weight: 700;
}
.detail-info .h{
margin-top: 0;
}
.info h4,.info h5,.info h6,
.detail-info h4,.detail-info h5,.detail-info h6,
.right.detail-info .h{
font-weight: 100;
}
.h small{
display: inline-block;
font-size: 80%;
line-height: 100%;
}
.h img{
display: block;
margin: 0 auto 20px;
max-width: 100%;
}
.section-title .h img{
max-height: 80px;
}
@media screen and (min-width: 1921px) {
.pt-slider .h{letter-spacing: 2px;}
.pt-slider h1{font-size: 110px;}
h1,.pt-slider h2{font-size: 70px;}
h2,.pt-slider h3{font-size: 58px;}
h3,.pt-slider h4{font-size: 48px;}
h4,.pt-slider h5{font-size: 30px;}
h5,.pt-slider h6{font-size: 24px;}
h6{font-size: 1.125rem;}
}
@media screen and (max-width: 1920px){
.pt-slider h1{font-size: 100px;}
h1,.pt-slider h2{font-size: 60px;}
h2,.pt-slider h3{font-size: 48px;}
h3,.pt-slider h4{font-size: 30px;}
h4,.pt-slider h5{font-size: 24px;}
h5,.pt-slider h6{font-size: 20px;}
h6{font-size: 1rem;}
}
@media screen and (max-width: 1281px){
.pt-slider h1{font-size: 80px;}
h1,.pt-slider h2{font-size: 50px;}
h2,.pt-slider h3{font-size: 36px;}
h3,.pt-slider h4{font-size: 26px;}
h4,.pt-slider h5{font-size: 20px;}
h5,.pt-slider h6{font-size: 1.125rem;}
h6{font-size: 0.875rem;}
}
@media screen and (max-width: 1024px) {
.pt-slider h1{font-size: 50px;}
h1,.pt-slider h2{font-size: 36px;}
h2,.pt-slider h3{font-size: 30px;}
h3,.pt-slider h4{font-size: 24px;}
h4,.pt-slider h5{font-size: 1rem;}
h5,.pt-slider h6{font-size: 0.875rem;}
h6{font-size: 0.75rem;}
}
@media screen and (max-width: 768px) {
.pt-slider h1{font-size: 44px;}
h1,.pt-slider h2{font-size: 36px;}
h2,.pt-slider h3{font-size: 30px;}
h3,.pt-slider h4{font-size: 24px;}
h4,.pt-slider h5{font-size: 20px;}
h5,.pt-slider h6{font-size: 1rem;}
h6{font-size: 0.875rem;}
}
@media screen and (max-width: 480px) {
.pt-slider h1{font-size: 24px;}
h1,.pt-slider h2{font-size: 20px;}
h2,.pt-slider h3{font-size: 18px;}
h3,.pt-slider h4{font-size: 16px;}
h4,.pt-slider h5{font-size: 14px;}
}
.h{
position: relative;
}
.h i{
position: relative;
margin-right: 20px;
}
.no-margin{
margin: 0 !important;
}
.h_90{
height: 90px;
}
.h_60,.header-02~.margin-box.h_60{
height: 60px;
}
.h_120,.header-02~.margin-box.h_120{
height: 120px;
}
.header-02.type-02-2:not(.light)~.margin-box:not(.h-120):not(.h-60){
background-color: #000;
}
.col-5,.col-4,.col-3,.col-2,.col-1,.col-3-4,.col-2-3,.col-4-10,.col-3-10{
display: inline-block;
padding: 20px;
vertical-align: top;
}
.col-5{ width: 20%;
}
.col-4{ width: 25%;
}
.col-3{ width: 33.333333%;
}
.col-2{ width: 50%;
}
.col-1{ width: 100%;
}
.col-3-4{ width: 75%;
}
.col-2-3{ width: 66.66%;
}
.col-4-10{ width: 40%;
}
.col-3-10{ width: 30%;
}
.img{
position: relative;
overflow: hidden;
}
.img img{
width: 100%;
height: auto;
}
.pt-slider .img img{
position: relative;
top: 50%;
width: auto;
max-width: 70%;
max-height: 90%;
}
.page-title {
font-size: 30px;
padding: 10px 0;
margin: 10px 0;
} a.btn{
position: relative;
display: inline-block;
color: #fff;
font-weight: 100;
margin: 8px 8px 8px 0;
vertical-align: middle;
text-transform: uppercase;
z-index: 3;
}
a.btn i{
vertical-align: middle;
}
a.btn em{
position: relative;
font-style: normal;
z-index: 3;
}
a.btn.dark{
color: #343536;
}
a.btn.light{
color: #fff;
}
a.btn.dark{
border-color: #343536 !important;
}
a.btn.light{
border-color: #fff !important;
} a.style-01{
padding: 0 70px 0 30px;
height: 50px;
line-height: 46px !important;
border: 2px solid #fff;
letter-spacing: 1px;
overflow: hidden;
font-size: 0.875rem;
}
a.style-01.small{
height: 30px;
line-height: 30px !important;
font-size: 0.75rem;
padding: 0 40px 0 20px;
border-width: 2px;
}
a.style-01.small:hover{
padding: 0 20px 0 40px;
}
a.style-01.small:after{
font-size: 23px;
right: 14px;
}
a.style-01.small:before{
font-size: 23px;
}
a.style-01.small:hover:before{
left: 14px;
}
a.style-01:after,
a.style-01:before{
content: '\e900';
position: absolute;
font-family: 'my_icons';
font-size: 25px;
font-weight: normal !important;
}
a.style-01:after{right: 24px;}
a.style-01:before{left: -40px;}
a.style-01:hover:after{
right: -100px;
}
a.style-01:hover:before{
left: 30px;
}
a.style-01:hover{
padding: 0 30px 0 70px;
}
a.style-01.dark:hover,
a.style-01.dark:hover:after,
a.style-01.dark:hover:before,
a.style-01.dark i:hover:before{
color: #343536 !important;
}
a.style-01.light:hover,
a.style-01.light:after,
a.style-01.light:before,
a.style-01.light i:hover:before{
color: #fff !important;
} a.style-02{
padding: 6px 50px 6px 0;
border-bottom: 2px solid;
letter-spacing: 2px;
font-size: 0.875rem !important;
line-height: normal !important;
overflow: hidden;
}
a.style-02.small{
border-width: 2px;
font-size: 0.75rem !important;
}
a.style-02:after,
a.style-02:before{
content: '\e900';
position: absolute;
font-family: 'my_icons';
font-size: 25px;
line-height: 20px;
font-weight: normal !important;
}
a.style-02.small:after,
a.style-02.small:before{
font-size: 23px;
line-height: 16px;
}
a.style-02:after{left: -50px}
a.style-02:before{right: 0}
a.style-02:hover{padding: 6px 0 6px 50px;}
a.style-02:hover:after{left: 0;}
a.style-02:hover:before{right: -50px;}
a.style-02.dark:hover,
a.style-02.dark:hover:before,
a.style-02.dark i:hover:before,
a.style-02.dark:hover:after{
color: #343536 !important;
}
a.style-02.light:hover em,
a.style-02.light i:hover:before{
color: #fff !important;
} a.style-03.light:after{
background-color: #fff !important;
}
a.style-03.light:hover em,
a.style-03.light:hover i:before{
color: #fff !important;
}
a.style-03{
position: relative;
padding: 0 44px;
height: 50px;
line-height: 50px;
letter-spacing: 3px;
overflow: hidden;
}
a.style-03.small{
height: 30px;line-height: 30px;
padding: 0 20px;
letter-spacing: 0;
font-size: 0.688rem !important;
}
a.style-03 em{font-size: 0.75rem !important;}
a.style-03:before{
content: '';position: absolute;width: 0;height: 0;left: 50%;top: 50%;
margin-left: 0;margin-top: 0;
border-radius: 100px;
z-index: 1;
}
a.style-03.light em,
a.style-03.light i:before{
color: #343536 !important;
}
a.style-03.dark em,
a.style-03.dark i:before{
color: #fff !important;
}
a.style-03:after{
content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
background-color: #343536;
z-index: 0;
}
a.style-03:hover:before{
width: 120%;height: 200px;
margin-top: -100px;margin-left: -60%;
} a.style-04,
a.style-04-2,
a.style-05,
a.style-06{
position: relative;
padding: 0 50px;
font-size: 0.875rem;
line-height: 50px;
letter-spacing: 1px;
}
a.style-06.small,
a.style-04.small,
a.style-04-2.small,
a.style-05.small{
font-size: 0.75rem;
padding: 0 20px;
line-height: 30px;
}
a.style-04.light:hover,
a.style-04-2.light:hover{
background-color: #fff !important;
}
a.style-04.light em,
a.style-04-2.light em,
a.style-04-2.light i:before,
a.style-04.light i:before,
a.style-04.dark em,
a.style-04-2.dark em,
a.style-04.dark i:hover:before,
a.style-04-2.dark i:hover:before{
color: #fff !important;
}
a.style-04.light:hover em,
a.style-04-2.light:hover em,
a.style-04.light:hover i:before,
a.style-04-2.light:hover i:before,
a.style-04.light i:hover:before,
a.style-04-2.light i:hover:before{
color: #343536 !important;
}
a.style-04.dark:hover,
a.style-04-2.dark:hover{
background-color: #343536 !important;
}
a.style-04-2{
border-radius: 30px;
} a.style-05:after{
content: '';position: absolute;bottom: 0;right: 0;left: 0;top: 0;
border: 2px solid;
border-radius: 30px;
}
a.style-05.small:after{
border-width: 2px;
}
a.style-05.light i:before,
.style-05.dark:hover em,
.style-05.dark:hover i:before{
color: #fff;
}
a.style-05.dark i:before{
color: #343536;
}
a.style-05:hover:after{
background-color: #fff !important;
}
a.style-05.dark:hover:after{
background-color: #343536 !important;
}
a.style-05.light:after{
border-color: #fff !important;
}
a.style-05.dark:after{
border-color: #343536 !important;
}
a.style-06{
border-radius: 4px;
}
a.style-06.dark{
color: #343536;
}
a.style-06.light{
color: #fff;
}
a.style-06:hover{
filter: contrast(1.3);
-ms-filter: contrast(1.3);
-webkit-filter: contrast(1.3);
-moz-filter: contrast(1.3);
}
.btn-more{
text-align: center;
margin: 40px 0;
}
.button-group a.btn{
margin-right:50px; 
} .fadeout{
opacity: 0;
visibility: hidden;
}
header{
position: fixed;
width: 100%;
top: 0;left: 0;
z-index: 9990;
}
header.header-01,header.header-01 a{
color: #fff;
}
header.header-02,header.header-02 a{
color: #343536;
}
.header-base{
position: relative;
}
.side-bg{
position: fixed;
width: 0;height: 100%;
top: 0;right: 0;
background: rgb(12,12,14);
z-index: 1;
}
.side-bg-open{
width: 100%;
}
.header-02 .side-bg-open,
.header-02 .hide-side-box{
width: 400px;
}
.side-btn-close{
position: absolute;
right: 40px;
top: 36px;
width: 46px;height: 46px;
font-family: 'my_icons';
cursor: pointer;
z-index: 2;
opacity: 0;
visibility: hidden;
box-sizing:content-box;
transition: all 0.4s 0.2s;
}
.side-btn-fade{
opacity: 1;
visibility: visible;
}
.side-btn-close:after{
content: '\e902';
font-size: 46px;
line-height: 46px;text-align: center;
position: absolute;top: 0;left: 0;width: 100%;height: 100%;
color: #e1e2e5;
}
.hide-side-box{
display: none;
position: fixed;
width: 100%;height: 100%;
left: 0;top: 0;
padding-left: 4%;
background-size: cover;
background-position: center;
-webkit-transform: translateZ(0);
overflow: hidden;
font-size: 0;
z-index: 1;
}
.menu-side-wrapper{
display: inline-block;
width: 50%;
margin-right:20px;
vertical-align: middle;
line-height: 190%;
overflow: hidden;
color: #999;
color: rgba(222,222,222,.7);
}
.mobile-mode .menu-side-wrapper{
margin-right: 0;
}
.menu-side-wrapper .inner{
width: 120%;
width: calc(100% + 20px);
overflow-x: hidden;
}
.mobile-mode  .menu-side-wrapper .inner{
width: 100% !important;
}
.header-02 .menu-side-wrapper .inner{
padding:0 70px 0 50px;
position: relative;
left: 0;
opacity: 0;
}
.header-02 .menu-side-wrapper.overflow .inner,
.mobile-mode .menu-side-wrapper.overflow .inner{
padding:0 50px;
}
.hide-side-box .text{
padding: 60px 0;
max-width: 400px;
}
.hide-side-box .text>img{
margin: 20px 0;
}
.header-01 .hide-side-box .text{
width: 50%;
}
.mobile-header .hide-side-box{
padding-left: 0;
}
.mobile-header .hide-side-box .text{
margin: 0 auto;
width: 80%;
}
.hide-side-box .item img{
max-width: 100%;
}
.hide-side-box .item{
margin: 30px 0;
}
.hide-side-box .item:hover img{
opacity: 0.7;
-webkit-transform: translateY(-5px);
}
.header-02 .hide-side-box{
left: auto;right: -400px;
padding: 0;
background:rgb(12,12,14) !important;
overflow: visible;
z-index: 9;
}
.header-02 .side-btn-close{
right: 30px;top: 20px;
z-index: 10;
}
.header-02 .menu-side-wrapper{
width: 100%;
text-align: center;
margin: 0 auto;
}
.header-02 .side-bg{
display: none;
width: 100%;
opacity: 0.5;
z-index: 3;
}
.hide-side-box .text .h{
color: #e1e2e5;
margin: 10px 0;
}
.hide-side-box p{
line-height: 150%;
margin: 20px 0;
}
.hide-side-box:before{
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
header:not(.side-only-social) .nav-icon:hover,.btn-search:hover,.side-only-social .nav-icon .pt-social i:hover{
opacity: 0.6;
}
.side-only-social .nav-icon .pt-social i{
background-color: transparent;
height: 40px;line-height: 40px;
vertical-align: top;
margin: 0;
}
.side-only-social .nav-icon .pt-social a{
vertical-align: top;
}
.btn-search +.nav-icon .pt-social{
position: relative;
}
.btn-search +.nav-icon .pt-social:before{
content: '';position: absolute;left: -10px;top:13px;height: 14px;width: 1px;background-color:rgba(136, 136, 136, 0.5);
} .search_box{
position: fixed;
width: 100%;height: 100%;
top: 0;left: 0;
display: none;
text-align: center;
z-index: 9990;
}
.header-03 .search_box{
display: block;
}
.search_box em{
position: absolute;
width: 100%;height: 100%;
left: 0;top: 0;
background-color: rgba(14,15,16,.94);
z-index: -1;
}
.header-03 .search_box em{
display: none;
}
header .search-submit:after,
.mobile-search:before{
content: "\f002";
position: absolute;
right: 0;top: 0;
font-family: 'FontAwesome';
color: #555;
background-color: transparent;
text-align: center;
}
header .search-submit:after{
line-height: 90px;
width: 90px;
font-size: 24px;
color: #fff;
opacity: 0.7;
}
.search-submit:hover:after{
opacity: 1;
}
.search_box input{
position: absolute;
width: 100%;height: 100%;
right: 0;top: 0;
padding: 0 30px;
background-color: rgba(14,15,16,.3);
border: 2px solid #fff;
color: #fff;
font-size: 30px;
}
.search_box input::-webkit-input-placeholder{color: #555;}
.search_box input::-moz-placeholder{color: #555;}
.search_box input:-ms-input-placeholder{color: #555;}
.header-01 i.fa.fa-search{vertical-align: middle;position:relative;top:-1px;}
.search_box i{
display: none;
}
.btn-search em{
display: none;
position: absolute;
width: 100%;height: 100%;
right: 0;bottom: 0;
background-color: transparent;
}
.search_box i:hover{
background-color: #000203;
}
.search_box form.search-form{
position: absolute;
height: 90px;width: 50%;
top: 45%;left: 25%;
margin-top: -40px;
}
.search-submit-hidden{
display: block !important;
position: absolute;
right: 0;top: 0;
width: 90px;height: 90px;
background-color: transparent;
border: none;
cursor: pointer;
}
.mobile-mode .search-submit-hidden{
display: none !important;
} .nav-dark .nav-icon>i:before{
background-color: #343536;
}
.header-01 .nav-dark i:before{
color: #343536;
}
.nav-dark .nav-icon-01{border-color: #343536;}
.side-btn-close:hover:after{
-webkit-animation-name:moveit;
-webkit-animation-duration:0.2s;
}
@-webkit-keyframes moveit {
to{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
} nav.mobile{
display: none;
} header nav a{
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
}
nav{
text-transform:uppercase;
}
.header-01 nav{
display: none;
position: fixed;
width: 50%;height: 100%;
top: 0;right: 0;
z-index: 2;
}
.header-01 .main-menu{
position: absolute;
top: 48%;right: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
text-align: right;
}
header .main-menu>li{
position: relative;
}
.header-01 .main-menu>li{
top: -10px;
opacity: 0;
} header.header-01.menu-no-side nav{
width: 100%;
}
header.header-01.menu-no-side .main-menu{
right: 0;
width: 100%;
text-align: center;
}
header.header-01.menu-no-side .main-menu>li>a{
position: relative;
font-size: 50px;
line-height: 110%;
letter-spacing: 1px;
padding: 0;
}
header.header-01.menu-no-side .sub-menu{
display: none;
}
header.header-01.menu-no-side nav .pt-social{
position: fixed;
width: 100%;
bottom: 10%;left: 0;
text-align: center;
}
.header-01  nav .pt-social i{
width: 36px;height: 36px;line-height: 36px;font-size: 22px;
color: #343536 !important;
background-color: rgba(233,233,233,.7);
margin: 0 10px;
} .sub-menu .sub-menu{
position: relative !important;
left: 0 !important;top: 0;
padding: 2px 0 10px;
border: none !important;
}
.header-01 .sub-menu li.has-sub>a:after,
.sub-menu li.has-sub:after{
content: '\e91b';
position: absolute;
width: 20px;
padding-left: 10px;
font-family: 'my_icons';
font-size: 0.75rem;
top: 0;
right: 10px;
color: #888;
}
.header-03 .sub-menu li.has-sub:after{
line-height: 25px;
right: -20px;
}
.header-01 .sub-menu li.has-sub:after{display: none;}
.header-01 .sub-menu li.has-sub>a:after{content: '\e919';right: auto;}
.header-03.light .sub-menu li.has-sub:after{
color: #454647;
}
.header-01 .main-menu>li>a{
display: inline-block;
padding-right: 10px;
font-size: 40px;
line-height: 100%;
color: rgba(255,255,255,.6);
}
.header-01 li.current-menu-parent>a,
.header-01 li.current-menu-item>a,
.header-01 li.current_page_item>a,
.header-01 li.current-menu-ancestor>a{
color: rgba(255,255,255,1) !important;
}
.header-01 .sub-menu{
display: none;
position: absolute;
left: 100%;top: 2px;
padding-left: 20px;
white-space: nowrap;
z-index: 9;
}
.header-01 .sub-menu .sub-menu{
padding-left: 0;
}
.header-01 .sub-menu .sub-menu li{
left: 20px;
}
.header-01 .main-menu>li>.sub-menu:before{
content: '';
position: absolute;
top: 2px;left: 15px;
width: 2px;height: 100%;
background-color: rgba(255,255,255,.5);
}
.header-01 .main-menu>li>.sub-menu:after{
content: '';
position: absolute;
top: -10%;left: 0;
width: 100%;height: 120%;
z-index: -1;
}
.header-01 .sub-menu li{
text-align: left;
min-width: 200px;
line-height: 120%;
}
.sub-menu li{
position: relative;
}
.header-01 .sub-menu li a{
position: relative;
display: inline-block;
left: 0;
padding: 0 24px;
font-size: 0.875rem;
line-height: 150%;
color: rgba(255,255,255,.5);
}
.header-01 ul.main-menu:hover li.current-menu-parent>a,
.header-01 ul.main-menu:hover li.current-menu-item>a{
color: rgba(255,255,255,.5)
}
.header-01 ul.main-menu li.current-menu-parent>a:hover,
.header-01 ul.main-menu li.current-menu-item>a:hover,
.header-01 ul.main-menu li.current_page_item>a:hover,
.menulight{
color: rgba(255,255,255,1) !important;
}
.header-01 .main-menu>li:hover >a{
color: #fff !important;
}
.header-01 .sub-menu li:hover>a{
color: rgba(255,255,255,1);
}
.header-01 .sub-menu:hover a{
color: rgba(255,255,255,.5);
} .header-03{
position: fixed;
width: 260px;
height: 100%;
left: 0;top: 0;
color: #e1e2e5;
background-color: #131415;
font-size: 0;
}
.header-03.light{
background-color: #fff;
color: #343536;
box-shadow: 1px 2px 6px rgba(22,23,26,.05)
}
.header-03 .header-base{
position: absolute;
width: 100%;
top: 0;
padding: 40px;
}
.has-wp-bar .header-03 .header-base{
top: auto;
}
.header-03 .logo{
width: 100%;
}
.header-03 .logo img{
max-width: 100%;
height: auto;
}
.header-03 .logo .horizontal,.header-03 .logo .vertical{
width: 100%;
height: auto;
text-align: center;
}
.header-03:after{
content: '';
height: 100%;width: 0;
display: inline-block;
vertical-align: middle;
}
.header-03 nav{
display: inline-block;
vertical-align: middle;
width: 99%;
padding: 40px;
margin-top: -10%;
}
.header-03 .main-menu li:hover>a{
color: #fff;
}
.header-03.light .main-menu li:hover>a{
color: #343536;
}
.header-03.light .main-menu li a{
color: #999;
}
.header-03 .main-menu li a{
display: inline-block;
color: #aaa;
font-size: 0.75rem;
line-height: 24px;
letter-spacing: 1px;
}
.header-03 .main-menu>li.current-menu-ancestor>a:after,
.header-03 .main-menu>li.current-menu-parent>a:after,
.header-03 .main-menu>li.current-menu-item>a:after,
.header-03 .main-menu>li.current_page_item>a:after,
.header-03 .main-menu>li.current-menu-ancestor>a:after{
content: '';
position: absolute;
left: -8px;
top: 10px;
height: 4px;
width: 4px;
border-radius: 50%;
}
.header-03 .main-menu>li.current-menu-parent>a,
.header-03 li.current_page_item>a,
.header-03 li.current_page_item>a,
.header-03 .sub-menu>li.current-menu-item>a,
.header-03 li.current-menu-ancestor>a{
position: relative;
color: #fff;
}
.header-03.light .main-menu>li.current-menu-parent>a,
.header-03.light li.current_page_item>a,
.header-03.light li.current-menu-ancestor>a,
.header-03.light .sub-menu>li.current-menu-item>a{
color: #343536;
}
.header-03 .main-menu{
text-align: center;
}
.header-03 .sub-menu{
position: absolute;
width: 180px;
left: 130%;
top: -30px;
padding: 30px;
text-align: left;
background-color: rgba(32,33,35,.95);
opacity: 0;
visibility: hidden;
z-index: 8;
}
.header-03 .sub-menu .sub-menu{
left: 100% !important;
left: calc( 100% + 30px) !important;
position: absolute !important;
background-color: rgba(22,23,25,.95);
}
.header-03 .main-menu>li>.sub-menu:before{
content: "";
position: absolute;
top: 33px;
left: -10px;
border-right: 10px solid rgba(33,33,33,.95);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.header-03.light .main-menu>li>.sub-menu{
background-color: rgba(244,244,244,.95);
}
.header-03.light .sub-menu .sub-menu{
background-color: rgba(250,250,250,.95);
}
.header-03.light .main-menu>li>.sub-menu:before{
border-right: 10px solid rgba(244,244,244,.95);
}
.header-03 .main-menu>li:hover >.sub-menu,
.header-03 .sub-menu li:hover .sub-menu{
opacity: 1;
visibility: visible;
left: 100%;
z-index: 10;
}
.header-03 .nav-btn,
.header-03 .logo .light,
.header-03.light .logo .dark,
.header-03 .hide-side-box:before,
.header-03 .search_box i{
display: none;
}
.header-03.light .logo .light{
display: block;
}
.header-03 .search_box{
position: absolute;
top: auto !important;
bottom: 110px;left: 0;
height: 36px;
padding:0 30px;
background-color: transparent;
}
.header-03 form.search-form{
height: 36px;
width: 100%;
left: 0;
padding: 0 30px;
}
.header-03 .search_box input{
position: relative;
width: 100%;
padding: 0 0 0 10px;
border: 1px solid rgba(111,111,111,.3);
font-size: 0.75rem;
line-height: 30px;
background-color: transparent;
}
.header-03.light .search_box input,
.header-03.light .search-submit-hidden:after{
color: #343536;
}
.header-03 .search-submit-hidden{
width: 36px;height: 36px;
right: 30px;
}
.header-03 .search-submit-hidden:after{
font-size: 0.875rem;width: 36px;height: 36px;line-height: 36px;
} .header-02 nav{
position: relative;
z-index: 2;
}
.header-02 .header-base{
position: absolute;
height: 80px;width: 100%;
left: 0;top: 0;
background-color: rgba(19,20,21,0);
z-index: 0;
}
.header-02:not(.type-02-2){
background-color: rgba(255,255,255,0);
}
.header-02:not(.type-02-2) .header-base{
height: 100px;
}
.header-02:not(.type-02-2) .main-menu{
line-height: 100px;
}
.header-02:not(.type-02-2) .nav-btn{
top: 30px;
}
.header-02:not(.type-02-2) .logo{
padding: 20px 0;
margin-left: 40px;
}
.header-02.type-02-2 .header-base{
background-color: rgba(19,20,21,1);
border-bottom: 1px solid rgba(19,20,21,.0);
}
.header-02.header-02-small .header-base{
height: 60px;
border-bottom: 1px solid rgba(19,20,21,.0);
background-color: rgba(19,20,21,.9);
}
.site-border .header-02.header-02-small .header-base{
border-bottom: 1px solid rgba(19,20,21,.0);
}
.header-02-small.no-header .header-base{
background-color: rgba(19,20,21,.95);
}
.header-02.light.header-02-small .header-base{
background-color: rgba(255,255,255,1);
}
.header-02.light .header-base{
background-color: rgba(255,255,255,1);
}
.header-02.type-02-2~.margin-box{
height: 80px;
}
.logo_small{
margin-top: 5px !important;
height: 50px !important;
line-height: 50px !important;
}
.header-02 .main-menu{
float: right;
line-height: 78px;
right: 0;
z-index: 2;
}
.header-02.menu-no-side:not(.type-02-2) .main-menu{
margin-right: 30px;
}
.call-side-box,.header-02.menu-no-side .side-btn-close,.header-02.menu-no-side .hide-side-box{
display: none !important;
}
.header-02-small .main-menu{
line-height: 60px !important;
}
.header-02-small.header-02:not(.type-02-2) .logo{
padding: 10px 0;
}
.header-02.type-02-2{
text-align: center;
}
.header-02.header-02-small .nav-btn{
top: 10px !important;
}
.header-02.type-02-2 .nav-btn{
position: absolute;
}
.header-02.type-02-2 nav{
display: inline-block;
}
.header-02.type-02-2 .main-menu{
position: relative;
float: none;
top: 0;
}
.header-02 .main-menu>br{display: none;}
.header-02 .main-menu>li{
position: relative;
display: inline-block;
line-height: 60px;
margin: 0 16px;
}
.header-02 .main-menu>li.current-menu-parent:after,
.header-02 .main-menu>li.current-menu-ancestor:after,
.header-02 .main-menu>li.current_page_item:after{
content: '';
position: absolute;
height: 1px;width: 50%;
left: 24.4%;top: 42px;
background-color: #343536;
}
.header-02:not(.type-02-2) .main-menu>li.current-menu-parent:after,
.header-02:not(.type-02-2) .main-menu>li.current_page_item:after{
display: none;
}
.header-02:not(.type-02-2) .main-menu>li.current-menu-parent>a,
.header-02:not(.type-02-2) .main-menu>li.current_page_item>a{
opacity: 0.7;
}
.header-02 .main-menu>li>a{
vertical-align: top;
font-size: 0.813rem;
letter-spacing: 1px;
color: #fff;
}
.header-02.light .main-menu>li>a{
color: #444546;
}
.header-02 .btn-search i:before{
color: #fff;
}
.header-02.light .btn-search i:before,
.header-02.light .nav-icon .pt-social i,.header-02.light .nav-icon .pt-social i:hover:before{
color: #444546 !important;
}
.header-02 .sub-menu{
position: absolute;
width: 240px;
left: 0;top: 80px;
background-color: rgba(33,34,36,.97);
text-align: left;
opacity: 0;
visibility: hidden;
z-index: 9;
}
.header-02 .sub-menu .sub-menu{
left: 100% !important;
background-color: rgba(23,24,26,.97);
top: -24px;
padding: 2px 0 2px 0;
}
.header-02 .sub-menu .right-sub-menu .sub-menu{
left: -100% !important;
}
.header-02 .sub-menu li:hover .sub-menu{
opacity: 1;
visibility: visible;
top: -54px;
}
.header-02 .sub-menu li{
position: relative;
line-height: 30px;
height: 30px;
}
.mobile-header hr,header hr{
display: none;
}
.header-02 .sub-menu li.has-hr,
.header-03 .sub-menu li.has-hr{
height: 40px;
}
.header-02 .sub-menu li.has-hr>a,
.header-03 .sub-menu li.has-hr>a{
height: 40px;
display: block;
}
.header-02 .sub-menu li.has-hr hr,
.header-03 .sub-menu li.has-hr hr{
display: block;
border-bottom: none;
position: relative;
top: -1px;
opacity: 0.2;
}
.header-02 .sub-menu li.current_page_ancestor>a,
.header-02 .sub-menu li.current-menu-item>a,
.header-02 .sub-menu li.current_page_item>a{
opacity: 1;
}
.header-02 .sub-menu li:first-child{margin-top: 20px;}
.header-02 .sub-menu li:last-child{margin-bottom: 20px;}
.header-02 .sub-menu li a{
display: block;
height: 30px;
padding: 0 30px;
font-size: 0.813rem;
letter-spacing: 1px;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;   
color: #fff;
opacity: 0.6;
}
.header-02 .main-menu>li:hover>a{
opacity: 0.6;
}
.header-02 .main-menu>li.current-menu-parent:hover:after,
.header-02 .main-menu>li.current_page_item:hover:after{
opacity: 0;bottom: 10px;
}
.header-02 .sub-menu li a:hover{
opacity: 1;
}
.header-02 .main-menu>li:hover >.sub-menu{
opacity: 1;
visibility: visible;
top: 60px;
} .nav-btn{
position: relative;
float: right;
top: 36px;
right: 0;
margin-right: 42px;
}
.header-02.side-only-social .nav-btn{
margin-right: 24px;
}
.header-02 .nav-btn{
z-index: 4;
}
.btn-search{
position: relative;
display: inline-block;
width: 40px;height: 40px;
margin-right: 30px;
font-size: 0.875rem;
line-height: 40px;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.nav-icon{
position: relative;
display: inline-block;
line-height: 40px;
vertical-align: middle;
cursor: pointer;
}
.nav-icon-04{
margin-right: 10px;
}
.nav-icon>i{
position: relative;
height:40px;
display: inline-block;
vertical-align: top;
font-family: 'my_icons';
font-style: normal;
font-weight: normal;
}
.nav-icon>i:before{
content: '';
position: relative;
display: inline-block;
vertical-align: top;
text-align: right;
color: #fff;
}
.header-02.light .nav-icon>i:before{
color: #343536;
}
.nav-icon-01>i:before{
content: '\e933';
font-size: 40px;
line-height: 42px;
}
.nav-icon-02{left: -5px;}
.nav-icon-02>i:before{
content: '\e940';
font-size: 40px;
line-height: 44px;
}
.nav-icon-03:before{
content: 'MENU';
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 4px;
font-size: 0.75rem;
line-height: 40px;
}
.nav-icon-03>i:before{
content: '\e940';
font-size: 40px;
line-height: 43px;
}
.nav-icon-04>i:before{
content: "\e93e";
font-size: 33px;
line-height: 42px;
}
.header-02 .nav-btn{
top: 20px;
margin-left: 20px;
}
.header-02.menu-no-side .nav-btn{
margin-left: 0;
}
.header-02 .btn-search{
margin-right: 10px;
}
.header-02 .nav-icon:before{
display: none !important;
}
.header-02 .nav-icon>i:before{
content: '\e120' !important;
font-size: 24px !important;
line-height: 40px !important;
}
.header-01 .nav-dark~.nav-btn .nav-icon>i:before,
.header-01 .nav-dark~.nav-btn .nav-icon-03:before,
.header-01 .nav-dark~.nav-btn .btn-search i:before{
color: #343536;
}
.header-01 .nav-dark~.nav-btn.dark>i:before,
.dark:not(.header-02) .nav-icon>i:before,
.dark:not(.header-02) .nav-icon:before{
color: #bbb !important;
} .header-01 .header-base .logo{
position: absolute;
margin-top:30px;
margin-left:30px;
width: 100px;height: 50px;
}
.header-01 .logo img{
position: absolute;
max-height: 100%;
max-width: 100%;
left: 0;top: 0;
}
.header-01 .logo .light{opacity: 0;}
.header-01 .logo .dark{opacity: 1;}
.header-01 .nav-dark .logo .light{opacity: 1;}
.header-01 .nav-dark .logo .dark{opacity: 0;}
.header-02 .logo{
position: absolute;
height: 100%;
top: 0;left: 0;
padding: 10px 0;
margin-left: 30px;
}
.header-02 .logo img{
height: 100%;
}
.header-02 .logo img.light{
display: none;
}
.header-02 .logo img.dark{
display: block;
}
.header-02.light .logo img.light{
display: block;
}
.header-02.light .logo img.dark{
display: none;
}
.header-02 ~ .mode-03,.header-02 ~ .mode-04{
margin-top: 20px;
}
.has-wp-bar body:not(.mobile-mode) .header-03{
top: 32px;
height: calc(100% - 32px);
} .mobile-header{
display: none;
position: relative;
min-height: 60px;width: 100%;
top: 0;left: 0;
background-color: rgb(11,11,11);
text-align: center;
z-index: 9990;
}
.mobile-header.light{
background-color: #fff;
box-shadow: 1px 0px 1px rgba(19,20,21,.1);
}
.collapse{
display: none;
text-align: left;
padding: 30px 6.5%;
}
.mobile-search{
position: relative;
}
.mobile-search:before{
right: auto;
left: 0;
top: 50%;
margin-top: -10px;
}
.collapse input{
width: 100%;
margin: 30px 0;
line-height: 30px;
border:none;
border-bottom: 1px solid #555;
padding-left: 30px;
color: #fff;
background-color: transparent;
}
.light .collapse input{
border-color: #ddd;
}
.collapse a{
display: inline-block;
color: #999;
font-size: 0.75rem;
line-height: 30px;
}
.collapse .current-menu-parent>a,
.collapse .current-menu-item a,
.collapse .current_page_item>a{
color: #fff;
}
.mobile-header .sub-menu a{
font-size: 0.75rem;
text-transform: uppercase;
}
.down:after{
transform:scaleY(-1) !important;
}
.collapse li{
border-bottom: 1px solid rgba(111,111,111,.2);
}
.collapse li:last-child{
border: none;
}
.collapse .sub-menu .sub-menu li:last-child{
padding-bottom: 0;
}
.mobile-main-menu>li{
position: relative;
}
.mobile-main-menu .sub-menu .sub-menu{
display: block;
}
.mobile-main-menu>li.has-sub:after{
content: '\e919';
position: absolute;height: 30px;line-height: 30px;
top: 0;right: 0;
font-family: 'my_icons';
font-size: 20px;
color: #ccc;
}
.mobile-header .sub-menu{
display: none;
padding-bottom: 20px;
}
.mobile-header .sub-menu li{
padding-left: 30px;
}
.mobile-logo{
display: inline-block;
height: 60px;
width: 50%;text-align: center;
margin: 0 auto;
font-size: 0;
}
.mobile-logo a {
vertical-align: top;
display: block;
line-height: 60px;height: 100%;
}
.mobile-logo img{
max-height: 100%;
padding: 4%;
max-width: 100%;
}
.mobile-logo img.light,
.light .mobile-logo img.dark{display: none;}
.light .mobile-logo img.light,
.mobile-logo img.dark{display: inline-block;}
.call-collapse,
.call-side-box{
position:absolute;
width: 60px;height: 60px;
line-height: 60px;top: 0;
}
.call-collapse{left: 0;}
.call-side-box{right: 0;}
.call-collapse:before,
.call-side-box:before{
position: absolute;
top: 0;left: 0;
height: 100%;
width: 100%;
text-align: center;
color: #fff;
font-size: 20px;
font-family: 'my_icons';
cursor: pointer;
}
.call-collapse:before{
content: '\e933';
}
.call-side-box:before{
content: '\e922';
}
.light .call-collapse:before,
.light .call-side-box:before,
.light .collapse a,
.light .collapse input{
color: #343536;
}
.not-scroll{
overflow-y: hidden;
}
.mobile-header .side-btn-close{
position: fixed;
margin-top: 10px;
right: 10px;
top: 0;
}
.mobile-header .hide-side-box{
display: none !important;
width: 100%;
left: auto;
right: -100%;
opacity: 1 !important;
background-image: none !important;
background-color: #141516;
}
.mobile-header .hide-side-box .menu-side-wrapper{
width: 80%;
} .section.boxed .mix-box,
.section.boxed .banner-box{
margin-left:20px;
margin-right:20px;
}
.detail-info .banner-box,
.fullwidth .pic-group-content.pic-type-carousel{
margin-left:0 !important;
margin-right:0 !important;
}
.fullwidth .pic-group-content.pic-type-carousel.margin{
margin-left:15px !important;
margin-right:15px !important;
}
.without-section{
padding: 20px;
margin: 0 auto 100px;
}
.top-banner.mode-03 .img,
.top-banner.mode-04 .img{
max-width: 90%;
}
.top-banner.social .pt-social{margin-top:30px;}
.section.fullwidth .pic-group-content.pic-type-08.margin{
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.section.fullwidth .pic-group-content.pic-type-08.margin .pic-box{
margin-top: 10px;
margin-bottom: 15px;
}
.section.boxed .code-container,
.section.boxed .comment-list,
.section.boxed .comment-form,
.section.boxed.has-side,
.top-banner.mode-03 .img,
.top-banner.mode-04 .img{
margin: 0 auto;
}
.section.boxed .pic-group-content.margin{
max-width: 1230px;
}
.top-banner.mode-04 .img.low,
.section.boxed .pic-group-content,.section.boxed .blog-group-content,
.section.boxed .skill-group,
.section.boxed .count-group,
.section.boxed .title-01,
.section.boxed .title-02,
.section.boxed .pic-group-content.pic-type-08.margin,
.section.boxed .code-container,
.section.boxed.has-side,
.button-box .container,
.boxed .btn-load-more,.boxed .footer-base,
.section.boxed .contact .code-container,
.section.boxed .detail-info-box,
.top-banner.detail~.main-content .boxed.has-gallery .code-container,.side-type-01~.detail-bottom-other .detail-ctrl .code-container,
.boxed.has-gallery~.post-info-bottom>div,.boxed.has-gallery~.boxed.post-comment .title-02,
.boxed.has-gallery~.boxed .comment-list,.boxed.has-gallery~.boxed .comment-form,
.boxed.has-gallery:not(.has-side)~.detail-bottom-other .detail-ctrl .code-container{
max-width: 1200px;
}
.top-banner.detail .text,.count-content,
.header-01~.main-content .h_120.boxed.map,.header-01~.main-content .boxed.map{
max-width: 1160px;
}
.top-banner.detail~.main-content .boxed .code-container,
.boxed .comment-list,.boxed .comment-form,
.boxed.post-comment .title-01,.boxed.post-comment .title-02,
.section.boxed.section-w-small .code-container,
.detail-bottom-other .detail-ctrl .code-container,
.side-type-02 .blog-group-content.side-left,
.side-type-02 .section.side-left,
.post-info-bottom>div,
.without-section{
max-width: 1000px;
}
@media screen and (min-width: 1900px) {
.header-01 .main-menu>li>a{
font-size: 48px;
}
.header-01 .sub-menu li a{
font-size: 1rem;
}
.header-02 .sub-menu{
width: 300px;
}
.header-02 .main-menu>li>a,.header-02 .sub-menu li a{
font-size: 0.875rem;
}
.header-02 .sub-menu li,.header-02 .sub-menu li a{
line-height: 36px;height: 36px;
}
.header-02 .sub-menu li.has-hr hr{
top: -7px;
}
}
@media screen and (min-width: 1921px) {
.section.boxed .pic-group-content.margin{
max-width: 1430px;
}
.top-banner.mode-04 .img.low,
.section.boxed .pic-group-content,.section.boxed .blog-group-content,
.section.boxed .skill-group,
.section.boxed .count-group,
.section.boxed .title-01,
.section.boxed .pic-group-content.pic-type-08.margin,
.section.boxed .code-container,
.section.boxed.has-side,
.button-box .container,
.boxed .btn-load-more,.boxed .footer-base,
.section.boxed .contact .code-container,
.section.boxed .detail-info-box,
.top-banner.detail~.main-content .boxed.has-gallery .code-container,.side-type-01~.detail-bottom-other .detail-ctrl .code-container,
.boxed.has-gallery~.post-info-bottom>div,.boxed.has-gallery~.boxed.post-comment .title-02,
.boxed.has-gallery~.boxed .comment-list,.boxed.has-gallery~.boxed .comment-form,
.boxed.has-gallery:not(.has-side)~.detail-bottom-other .detail-ctrl .code-container{
max-width: 1400px;
}
.top-banner.detail .text,.count-content,
.header-01~.main-content .h_120.boxed.map,.header-01~.main-content .boxed.map{
max-width: 1360px;
}
}
.section.boxed.has-side{
padding: 0;
}
.boxed.has-side{
padding-top: 4%;
}
.boxed .pic-group-content{
margin: 0 auto 30px;
}
.boxed .pic-group-content.margin{
margin: 10px auto 30px;
}
.fullwidth .pic-group-content{
max-width: 100%;
margin: 0;
}
.fullwidth .code-container{
padding-right: 70px;
padding-left: 70px;
}
.fullwidth.true-full .code-container{
padding-right: 0 !important;
padding-left: 0 !important;
}
.section.boxed{
position: relative;
padding: 0 10%;
}
.section.boxed.has-gallery,
.section.boxed.has-gallery~.post-comment,
.section.boxed.has-gallery~.post-info-bottom{
padding: 0;
}
.section.section_bg{
background-color: #f7f8f9;
}
.section.fullwidth{
position: relative;
}
.section-margin{
margin-bottom: 100px;
}
.top-banner.section-margin,
.top-banner.detail,
.post-comment.section-margin{
margin-bottom: 80px;
}
.margin-small{
margin-bottom: 40px !important;
}
.w-for-00{
padding: 0 !important;
}
.w-for-01{
padding: 0 8% !important;
}
.w-for-02{
padding:10px !important;
}
.filter-ctrl:empty{
display: none;
}
.w-for-03{
padding: 0 30px !important;
}
.section-title{
position: relative;
padding: 40px 0;
text-align: center;
z-index: 9;
}
.section-title.forfilter{
padding-bottom: 20px;
}
.section-title.forfilter ~ .filter-ctrl{
margin-top: 0;
}
.promo-box .section-title{
margin-top: -60px;
padding-bottom: 40px;
}
.section_bg .section-title{
padding-top: 100px;
}
.section-title p{
position: relative;
width: 70%;
margin: 20px auto 0;
text-align: center;
font-size: 1rem;
line-height: 140%;
letter-spacing: 0.5px;
}
.dark .section-title p{
color: #ddd;
}
.section-title .h{
position: relative;
display: inline-block;
text-align: center;
margin-bottom:0;
font-size: 44px !important;
margin-top: 0;
}
.section-title p:after{
content: '';
position: absolute;
width: 40px;height: 2px;
top: -10px;
left: 50%;
margin-left: -20px;
} .pages ul{
font-size: 0;
text-align: center;
margin: 40px auto;
}
.pages li{
position: relative;
display: inline-block;
margin: 6px;
vertical-align: middle;
}
li .dots{
width: 40px;height: 40px;
border:2px solid #ebebeb;
box-sizing:content-box;
}
.pages li .page-numbers{
display: inline-block;
width: 40px;height: 40px;
line-height: 40px;
font-size: 0.875rem;
color: #555;
border:2px solid #ddd;
text-align: center;
box-sizing:content-box;
}
.pages li .current{
color: #343536;
border-color: #343536;
}
.pages li:hover a{
border-color: #555;
}
.pages li a:hover{
color: #343536;
}  .t-center{
text-align: center;
}
.t-left{
text-align: left;
}
.box-center{
display: block;
margin: 0 auto;
}
.code-container{
position: relative;
font-size: 0;
}
.code-container>br{
display: none;
}
.code-box .img{
margin: 20px 0;
}
.code-box .h+.info{
margin-top: 20px;
}
.code-box>.h{
margin-top: 0;
}
.code-box .h:empty+.info{
margin-top: 0;
}
.code-box p{
margin: 10px 0;
}
.code-box.t-center .h i{
margin: 0;
padding-bottom: 6%;
display: block;
font-size: 200%;
}
.code-box:not(.t-center)>.h>i{
vertical-align: middle;
position: relative;
top: -2px;
}
.code-box .h i:before{
vertical-align: bottom;
}
.code-box img{max-width: 100%;}
.fullwidth .mix-box.type-01,.fullwidth .mix-box.type-02{
margin:0;
} .mix-box{
position: relative;
font-size: 0;
}
.mix-box .img{
background-size: cover;
background-position: center;
z-index: 1;
}
.mix-box .info{
position: relative;
margin-bottom: 20px;
}
.mix-box p{
margin-bottom: 15px;
white-space: pre-line;
}
.mix-box:before{
content: '';position: absolute;left: 0;bottom: 0;right: 0;top: 0;
}
.mix-box.dark{color: #fff;}
.mix-box.light{color: #343536;}
.mix-box.dark:before{background-color: #343536;}
.mix-box.light:before{background-color: #f4f5f5;}
.mix-box.type-05:before,.mix-box.type-06:before,.mix-box.type-04:before{background:none;}
.mix-box.light p{
color: #666;
}
.mix-box.dark p{
color: #fff;
}
.mix-box .text{
display: inline-block;
position: absolute;
width: 50%;
z-index: 2;
}
.mix-box.type-01 .text{
padding:10%;
position: relative;
left: 50%;
}
.mix-box.type-01 .img,
.mix-box.type-02 .img{
position: absolute;
width: 50%;height: 100%;
top: 0;
}
.mix-box.type-02 .text{
padding:10%;
position: relative;
left: 0;
}
.mix-box.type-01 .img{
left: 0;
}
.mix-box.type-02 .img{
right: 0;
}
.mix-box.type-03{
text-align: center;
}
.mix-box.type-03:before{
display: none !important;
}
.mix-box.type-03 .img{
position: relative;
height: auto;
padding-top: 35%;
overflow: hidden;
}
.mix-box.type-03 .img img{
position: absolute;
height: 100%;
width: auto;
left: 50%;top: 0;
}
.mix-box.type-03 .text{
position: relative;
width: 50%;
left: 0;
padding: 40px 0;
}
.mix-box .text>.h{
margin-bottom: 20px;
}
.mix-box.type-04 .img img{
width: 100%;
}
.mix-box.type-04 .img{
position: absolute;
width: 100%;height: 100%;
left: 0;top: 0;
}
.mix-box.type-04{
text-align: center;
padding: 10% 0;
}
.mix-box.type-04 .text{
position: relative;
width: 60%;
left: 0;top: 0;
padding:60px;
text-align: center;
}
.mix-box.type-04.dark .text{
color: #fff;
background-color: rgba(22,22,22,.8);
}
.mix-box.type-04.light .text{
color: #343536 !important;
background-color: rgba(255,255,255,.8);
}
.mix-box.type-05,.mix-box.type-06{
background-color: transparent;
padding: 3% 0;
}
.fullwidth .mix-box.type-05,.fullwidth .mix-box.type-06{
margin: 0 2%;
}
.mix-box.type-05 .img{
width: 66%;
display: inline-block;
margin-left: 34%;
}
.mix-box.type-06 .img{
width: 66%;
display: inline-block;
margin-right: 34%;
}
.mix-box.type-05 .text-wrap,.mix-box.type-06 .text-wrap{
position: absolute;
width: 30%;
top: 55%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 2;
}
.mix-box.type-05 .text-wrap{
left: 0;
}
.mix-box.type-06 .text-wrap{
right: 0;
}
.mix-box.type-05 .text,.mix-box.type-06 .text{
position: relative !important;
width: 100%;
}
.mix-box.type-05 .text .h,
.mix-box.type-06 .text .h{
line-height: 110%;
margin-bottom: 20px;
}
.mix-box.type-05 .text .h{
width: 180%;
}
.mix-box.type-06 .text .h{
width: 130%;
left: -30%;
}
.mix-box.type-05 .text p{
position: relative;
left: 6%;
line-height: 140%;
}
.mix-box.type-06 .text p{
position: relative;
line-height: 140%;
}
.mix-box.type-05 .text a.btn{
left: 6%;
}
.mix-box.type-08.dark,.mix-box.type-07.dark{
background-color: #ccc;
}
.mix-box.type-07 .text,.mix-box.type-08 .text,
.mix-box.type-07 .img,.mix-box.type-08 .img{
position: relative;
width: 49.9%;
display: inline-block;
vertical-align: middle;
padding: 8%;
z-index: 2;
}
.mix-box.type-07 .text,.mix-box.type-08 .text{
padding:12% 8%;
}
.mix-box.type-07 .img{
padding-right: 0;
}
.mix-box.type-08 .img{
left: 49.9%;
padding-left: 0;
}
.mix-box.type-08 .text{
left: -49.9%;
padding-left: 8%;
} .promo-group.margin{
padding: 8px;
}
.site-border .promo-group.margin{
margin-left: -16px;margin-right: -16px;
}
.promo-group.margin .promo-box a.promo-link-03{
width: auto;height: auto;right: 0;bottom: 0;
}
.promo-group.margin .promo-box a.promo-link-03,
.promo-group.margin .promo-box .bg-color,
.promo-group.margin .promo-box .bg-img,
.promo-group.margin .promo-box .box-content{
margin: 8px;
}
.promo-group .code-container{
overflow: hidden;
}
.boxed.promo-group .code-container{
border: 20px solid transparent;
}
.promo-box{
position: relative;
color: #fff;
padding-bottom:0 !important;
overflow: hidden;
}
.promo-box .box-content{
position: absolute;
left: 0;top: 0;bottom: 0;right: 0;
overflow: hidden;
}
.promo-box .box-content:after{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.promo-box.h-1x.low{padding-top: 20%;}
.promo-box.h-2x.low{padding-top: 40%;}
.promo-box.h-1x.normal{padding-top: 25%;}
.promo-box.h-2x.normal{padding-top: 50%;}
.promo-box.h-1x.high{padding-top: 30%;}
.promo-box.h-2x.high{padding-top: 60%;}
.promo-box.dark .box-content{
color: #fff;
background-color: #343536;
}
.promo-box.dark .box-content p{
color: #fff !important;
}
.promo-box .text>i{
display: block;
margin-bottom:20px;
font-size: 50px;
}
.promo-box.light .box-content{
color: #343536;
background-color: #f0f0f0;
}
.promo-box.isOver .box-content{
position: relative !important;
}
.promo-box.isOver{
padding: 10% !important;
}
.bg-img{
position: absolute;
left: 0;top: 0;bottom: 0;right: 0;
background-size: cover;
z-index: 1;
}
.promo-box.col-5 .bg-img,
.promo-box.col-4 .bg-img,
.promo-box.col-3 .bg-img,
.promo-box.col-2 .bg-img,
.promo-box.col-3-4 .bg-img,
.promo-box.col-2-3 .bg-img,
.promo-box.col-4-10 .bg-img,
.promo-box.col-3-10 .bg-img{
background-position: center !important;
}
.bg-color{
position: absolute;
left: 0;top: 0;bottom: 0;right: 0;
z-index: 2;
}
.mix-box.type-01 .bg-color, .mix-box.type-02 .bg-color{
z-index: 0;
}
.promo-box.light.has-link-full .bg-color:after{
content: '';position: absolute; left: 0;top: 0;bottom: 0;right: 0;background-color: #fff;
opacity: 0;
}
.promo-box .text .h:after{
content: '';
position: absolute;
height: 2px;width: 24px;
background-color: #fff;
left: 0;bottom: -10px;
}
.promo-box:not(.has-link-full):not(.col-1) .text .h:after{
display: none;
}
.promo-box.light .text .h:after{
background-color: #343536;
}
.promo-box.t-center .text .h:after{
left: 50%;margin-left: -12px;
}
.promo-box.has-link-full:hover .text .h:after{
width: 48px;
}
.promo-box.has-link-full.t-center:hover .text .h:after{
width: 48px;margin-left: -24px;
}
.promo-box.light.has-link-full:hover .bg-color:after{
opacity: 0.4;
}
.promo-box .item{
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
z-index: 2;
}
.promo-box.t-bottom .item{
position: absolute;
bottom: 0;left: 0;
}
.promo-box.t-top .item{
position: absolute;
top: 0;left: 0;
}
.promo-box.t-bottom .text,.promo-box.t-top .text{
padding: 50px !important;
}
.promo-box.t-bottom .text>.h{
margin-bottom: 0;
}
.promo-box.t-top .text>.h{
margin-top: 0;
}
.promo-box.null-box{
opacity: 0;
}
.promo-box .text{
padding: 0 10%;
}
.promo-box.col-1 .text,.promo-box.col-3-4 .text{
padding: 0 20%;
}
.promo-box.t-bottom.col-1 .text,.promo-box.t-bottom.col-3-4 .text,
.promo-box.t-left.col-1 .text,.promo-box.t-left.col-3-4 .text{
padding: 5%;
}
.promo-box.t-bottom.text-bg .bg-color,.promo-box.t-center.text-bg .bg-color{
opacity: 0;
}
.promo-box.text-bg:hover .bg-color{
opacity: 1;
}
.promo-group.margin .promo-box.text-bg.t-bottom .bg-color{
margin: 0 !important;
}
.promo-box.t-bottom.text-bg .text{
position: relative;
padding: 6% !important;
text-align: center;
background-color: rgba(14,15,16,.4);
}
.promo-box.t-bottom.text-bg.light .text{
background-color: rgba(244,244,244,.7);
}
.promo-box.t-bottom.text-bg .h:after,
.promo-box.text-bg .bg-img:after{
display: none;
}
.promo-box.text-bg .text .h{
margin-top: 0;
}
.promo-box.text-bg .text p,.promo-box.text-bg .text .h,.promo-box.text-bg .text a,.promo-box.text-bg .text >i{
position: relative;
z-index: 4;
}
.promo-box.t-center.text-bg .text p,.promo-box.t-center.text-bg .text .h,.promo-box.t-center.text-bg .text a{
top: 20px;
opacity: 0;
}
.promo-box.t-center.text-bg .text >i{
opacity: 0;
}
.promo-box.text-bg:hover .text p,.promo-box.text-bg:hover .text .h,.promo-box.text-bg:hover .text a,.promo-box.text-bg:hover .text>i{
opacity: 1;
top: 0;
}
.dark a.promo-link-01{color: #fff !important;}
.light a.promo-link-01{color: #343536 !important;}
.dark a.promo-link-01:after,.promo-box.light .bg-img:after{background-color: #fff !important;}
.light a.promo-link-01:after{background-color: #343536 !important;}
.dark a.promo-link-02{
color: #343536 !important;
background-color:#fff;
}
.light a.promo-link-02{
color: #fff !important;
background-color:#343536;
}
a.promo-link-02:hover{
color: #fff !important;
}
a.promo-link-02{
display: inline-block;
padding: 5px 40px;
font-size: 0.813rem;
border-radius: 2px;
margin-top: 25px;
}
.promo-box.col-1 a.promo-link-02,.promo-box.col-3-4 a.promo-link-02,.promo-box.col-2.h-2x:not(.low) a.promo-link-02{
padding: 12px 50px;
}
.promo-box.col-1.t-center .text p{
padding: 0 15%;
}
body:not(.mobile-mode) .promo-box.has-link-full:hover .bg-img:after{
opacity: 0.3;
}
body:not(.mobile-mode) .promo-box.has-link-full:hover .bg-color{
opacity: 0.85;
}
.promo-box .text img{
width: 100%;
margin: 20px 0;
height: auto;
}
.promo-box .text a{
color: #fff;
}
.promo-box.light .text a{
color: #343536;
}
.promo-box .text p{
margin: 20px 0 0;
white-space: pre-line;
line-height: 150%;
}
.promo-box:not(.has-link-full):not(.col-1) .text .h~p{
margin-top: 10px;
}
.promo-box .text p:first-child{
margin-top: 0;
}
.promo-box .text h1,.promo-box .text h2,.promo-box .text h3{
line-height: 100%;
}
.promo-box .text p a{
color: #fff;
text-decoration: none;
}
.promo-box.dark .text a{
color: #fff;
}
.promo-box.light .text a{
color: #343536;
}
body:not(.mobile-mode) .promo-box .text p a:hover{
opacity: 0.8;
} .type-tabs{
font-size: 0;
}
.type-tabs .nav{
position: relative;
z-index: 1;
}
.type-tabs.type-01 .nav{
font-size: 0;
}
.type-tabs.type-01 .nav li{
display: inline-block;
vertical-align: bottom;
border: 2px solid transparent;
}
.hidden{display: none;}
.type-tabs .nav li a{
position: relative;
font-size: 0.813rem;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
}
.type-tabs.type-01 .nav li a i:before{
color: #999;
}
.type-tabs.type-01 .nav li a{
display: block;
top: 1px;
padding:20px 0;
text-align: center;
background-color: #f0f0f0;
}
.type-tabs.type-01 .nav li a.current,
.type-tabs.type-01 .nav li a.current i:before{
color: #fff;
}
.type-tabs .tabs-item{
line-height: 170%;
}
.tabs-item p:empty,.info p:empty{
display: none;
}
.type-tabs .tabs-item:after{
content: '';
display: block;
clear: both;
height: 0;
}
.type-tabs.type-01 .tabs-item{
padding:30px 0;
}
.tabs-item p{
margin-bottom: 30px;
margin-top: 0;
}
.tabs-item img{
margin-bottom: 30px;
}
.type-tabs .nav li:hover a,
.type-tabs .nav li:hover a i:before{
color: #555;
} .type-acc{
}
.acc_group dt{
position: relative;
padding: 30px 0;
border-top: 1px solid #ddd;
font-size: 24px;
font-weight: 700;
cursor: pointer;
}
.acc_group dt:after{
content: "\e91d";
position: absolute;
top: 50%;right: 20px;
margin-top: -8px;
font-family: 'my_icons';
font-size: 1.125rem;
}
.acc_group i{
min-width: 60px;
font-size: 150%;
line-height: 90%;
display: inline-block;
vertical-align: middle;
}
.acc_group{
margin-top: 20px;
border-bottom: 1px solid #ddd;
}
.acc_group .info{
margin-top: 0;
}
.acc_group dd{
display: none;
padding-bottom: 40px;
font-size: 1.125rem;
line-height: 140%;
}
.acc_group dt.current:after{
content: "\e921";
}
.acc_group dd .info p{
white-space: pre-line;
margin: 0;
}
.type-acc>h4{
font-size: 20px;
} .features-group{
font-size: 0;
padding: 100px 20px;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.section-title~.code-container .features-group{
padding-top: 0;
}
.section.fullwidth .features-group.type-01 .container{
padding:50px 60px 70px 60px;
}
.features-box{
display: inline-block;
position: relative;
width: 33.333333%;
padding: 15px;
text-align: center;
vertical-align: top;
}
.features-box .container{
position: relative;
overflow: visible;
}
.features-group.type-01 .features-box .container{
background-color: #fff;
padding: 30px 40px 50px 40px;
}
.features-group .img{
background-size: cover;
background-position: center;
}
.features-box .text{
position: relative;
z-index: 2;
}
.features-group.type-05 .text{
padding: 0 20px;
}
.features-box .text>h4{
font-size: 20px;
margin-bottom: 10px;
line-height: 100%;
}
.features-group.type-03 .features-box .text>h4{
padding: 0 20px;
}
.features-box .text h4~small{
position: relative;
top: -15px;
opacity: 0.5;
font-size: 0.875rem;
color: #555;
}
.features-group.type-04 .features-box .text h4~small{
top: -4px;
}
.features-box small:empty ~ em{
margin-top: 20px;
}
.features-box em.intro{
font-style: normal;
color: #555;
line-height: 150%;
display: block;
}
.features-group.type-01 span.icon-wrapper{
position: relative;
display: block;
width: 60px;height: 60px;
margin: 0 auto;
border-radius: 50%;
color: #343536;
z-index: 0;
}
.features-group.type-01 span.icon-wrapper i{
position: relative;
line-height: 60px;
font-size: 50px;
z-index: 2;
}
.features-group i.fa:before,
.features-group i.icon:before{
vertical-align: baseline;
line-height: 60px;
}
.features-group.type-01 .img{
background-image: none !important;
}
.features-group.type-03 .img{
background-image: none !important;
}
.for-features-02 .code-container{
padding: 0 !important;
}
.for-features-02 .features-group{
max-width: 100%;
padding: 0;
}
.features-group.type-02 .features-box{
padding: 0;
}
.features-group.type-02 .container{
padding-top: 130%;
overflow: hidden;
}
.features-group.type-02 .img{
position: absolute;
width: 100%;height: 100%;
bottom: 0;left: 0;
z-index: 1;
}
.features-group.type-02 .bg-color,
.features-group.type-02 .img:after{
content: '';
position: absolute;
top: 0;right: 0;bottom: 0;left: 0;
background: rgba(22,22,22,.1);
z-index: 0;
}
.features-group.type-02 span{
position: absolute;
right: 0;bottom: -10px;
color: #fff;
opacity: 0.1;
}
.features-group.type-02 span i:before{
font-size: 100px;
}
.features-group.type-02 .text{
position: absolute;
width: 100%;
bottom: 0;left: 0;
text-align: left;
padding:9%;
background-color: rgba(19,20,21,.5);
z-index: 2;
}
.features-group.type-02 .text:after{
content: '';position: absolute;
width: 1px;height: 100%;
background-color: #fff;
background-color: rgba(222,222,222,.1);
top: 0;left: 0;
}
.features-group.type-02 .text a{
color: #fff;
opacity: 0.7;
}
.features-group.type-02 .text h4{
color: #fff;
font-size: 24px;
line-height: 100%;
}
.features-group.type-02 .text h4~small{
top: -5px;
color: #fff;
}
.features-group.type-02 em.intro{
display: block;
position: relative;
top: 40%;
color: #ddd;
padding: 10%;
line-height: 150%;
opacity: 0;
z-index: 99;
text-align: left;
}
.features-group.type-02 .container{
margin: 10px;
}
.features-group.type-02 .text em.intro{
display: none;
}
.fullwidth .features-group.type-02 em.intro{
font-size: 20px;
}
.features-group.type-02 .container:hover .img .intro{
opacity: 1;
top: 35%;
}
body:not(.mobile-mode) .features-group.type-02 .container:hover span{
opacity: 0.5;
bottom: 8%;
}
body:not(.mobile-mode) .features-group.type-02 .container:hover .text a{
opacity: 1;
}
body:not(.mobile-mode) .features-group.type-02 .container:hover .img:after{
background: rgba(22,22,22,.7);
}
@media screen and (max-width: 959px){
.features-group.type-02 .img .intro{
display: none;
}
.features-group.type-02 .text em.intro{
display: block;
padding: 0;
opacity: 1;
}
}
.features-group.type-03 .container{
padding-top: 100%;
background-color: #fff;
}
.features-group.type-03 .img{
position: absolute;
width: 100%;
height: 64%;
left: 0;top: 0;
text-align: center;
}
.features-group.type-03 .text{
position: absolute;
width: 100%;
height: 35%;
left: 0;bottom: 0;
text-align: center;
}
.features-group.type-03 span{
position: absolute;
width: 100%;
bottom: 7%;left: 0;
z-index: 2;
background-color: transparent !important;
}
.features-group.type-03 span i:before{
font-size: 110px;
}
.features-group.type-03 em.intro{
display: none;
}
.features-group.type-03 .features-box h4:after{
content: '\e928';
position:absolute;
bottom: -50px;
left: 0;right: 0;
margin-left: -40px;
font-family: 'my_icons';
color: #fff;
font-size: 100px;
font-weight: normal;
opacity: 0;
}
.features-group.type-03 .container:hover h4,
.features-group.type-03 .container:hover h4 a,
.features-group.type-03 .container:hover small,
.features-group.type-03 .container:hover span i:before{
color: #fff;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover span{
bottom: 12%;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover .text{
bottom: 20px;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover h4:after{
opacity: 1;
margin-left: 0;
}
.features-group.type-04 .container{
position: relative;
background-color: #fff;
padding: 40px 50px 50px 30px;
font-size: 0;
}
.features-group.type-04 .h{
margin-bottom: 0;
}
.features-group.type-04 .img{
position: absolute;
top: 42px;left: 30px;
width: 60px;height: 60px;
background: none !important;
}
.features-group.type-04 .img span.icon-wrapper{
position: absolute;
top: 0;left: 0;bottom: 0;right: 0;
text-align: left;
}
.features-group.type-04 .img span.icon-wrapper i{
font-size: 42px !important;
}
.features-group.type-04 .text{
display: block;
padding-left: 60px;
text-align: left !important;
}
.features-group.type-05 .features-box{
margin-bottom: 10px;
}
.features-group.type-05 .img{
width: 60%;
margin: 0 auto 30px;
padding-top: 60%;
}
body:not(.mobile-mode) .features-group.type-05 .container:hover .img{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.features-group.type-05 span.icon-wrapper{
display: none;
}
.icon-wrapper.noIcon{
display: none !important;
} .skill-group{
position: relative;
font-size: 0;
}
.skill-group .section-title{
color: #fff;
text-align: left;
padding-top: 0;
}
.skill-group .section-title p:after{
left: 0;
margin: 0;
background-color: #fff;
z-index: -1;
}
.skill-group .section-title p{
color: #fff;
text-align: left;
width: 100%;
}
.skill-img{
position: absolute;
width: 40%;
height: 70%;
left: 20px;top: 15%;
background-size: cover;
background-position: center;
}
.skill-img img{
width: 100%;
}
.skill-group .code-container{
padding: 20px;
z-index: 9;
}
.skill-group .col-1{
width: 50%;
margin-left: 50%;
padding-top: 100px;
padding-bottom: 100px;
}
.skill-content{
position: relative;
}
.skill-box{
font-size:16px;
margin-bottom: 30px;
}
.skill-box:last-child{
margin-bottom: 0;
}
.skillbar{
position:relative;
margin-top:5px;
width:100%;
height: 3px;
background-color: rgba(133,133,133,.5);
}
.skillbar-title{
position:relative;
color:#fff;
white-space: pre-line;
}
.skillbar-bar{
display: block !important;
position: relative;
height:3px;
width:0px;
background-color: #fff;
}
.skill-bar-percent{
position:absolute;
right:0;
bottom: 0;
padding-bottom: 5px;
font-size:20px;
color:#fff;
} .count-group{
padding: 100px 0;
position: relative !important;
background-size: cover;
margin: 0 auto;
}
.count-group.no-title{
padding: 80px 0;
}
.count-group .section-title{
padding-bottom: 40px;
}
.count-group.light{
color: #343536;
background-color: #f2f3f4;
}
.count-group.dark{
color: #fff;
background-color: #000;
}
.count-group.dark span{
color: #ccc;
}
.count-content{
position: relative;
font-size: 0;
margin: 0 auto;
z-index: 1;
}
.boxed .count-content{
padding: 0 5%;
}
.count-box{
display: inline-block;
width: 25%;
vertical-align: top;
text-align: center;
padding: 20px;
font-size: 60px;
line-height: 50px;
}
.count-group.no-title .count-box{
font-size: 60px;
}
.count-box.only-3{
width: 33.333333%;
}
.count-box div.icon{
font-size: 70%;
margin-bottom: 15px;
}
p.counter{
position: relative;
margin: 10px 0;
}
.count-box span{
display: block;
margin-top: 20px;
} .clients-group{
margin: 20px;
}
.clients-box{
position: relative;
width: 16.66%;
float: left;
border-right: none;
border-bottom: none;
padding: 20px;
}
.dots-02 .slick-arrow{
display: none !important;
}
.boxed .clients-box{
width: 25%;
}
.clients-group.for-3 .clients-box{width: 33.333333%;}
.clients-group.for-4 .clients-box{width: 25%;}
.clients-group.for-5 .clients-box{width: 20%;}
.clients-box .img{
background-position: center;
background-size: cover;
opacity: 1;
}
body:not(.mobile-mode) .clients-box .img:hover{
opacity: 0.6;
}
body:not(.mobile-mode) .type-01 .clients-box .img:hover{
box-shadow: 1px 1px 20px rgba(19,20,21,.2);
} .team-box{
display: inline-block;
position: relative !important;
width: 25%;
overflow: hidden;
vertical-align: top;
}
.team-group.for-3 .team-box{
width: 33.333333%;
}
.team-col-3 .team-box{
width: 33.333333%;
}
.type-01 .team-box .container{
padding-top: 130%;
}
.team-box .img{
position: absolute;
width: 100%;height: 102%;
top: 0;left: 0;
margin-top: 0;
background-position: center;
background-size: cover;
}
.boxed .team-group.type-01{
padding: 20px;
}
.fullwidth .team-group.type-02{
padding:0 70px;
}
.type-02 .team-box{
padding: 20px;
}
.team-box .text span{
font-size: 0.813rem;
max-height: 16px;
overflow: hidden;
}
.team-group.type-02 .container>.icon-box,
.team-group.type-01 .img .icon-box{
display: none;
}
.type-02 .team-box .img{
position: relative;
padding-top: 100%;
margin-bottom: 30px;
}
.type-02 .team-box .text{
position: relative;
text-align: center;
z-index: 99;
}
.type-01 .team-box .text{
position: absolute;
width: 100%;
bottom: 0;
font-size: 0.875rem;
padding: 40px;
color: #fff;
text-align: center;
}
.team-box .img:after{
content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
background-color: #343536;
opacity: 0;
}
.type-01 .team-box .container:hover .text{
bottom: 50px;
}
body:not(.mobile-mode) .team-box .container:hover .img:after{
opacity: 0.7;
}
.team-box .text p{
font-size: 26px;
line-height: 100%;
}
.type-01 .team-box .text p{
padding-bottom: 4px;
}
.type-02 .team-box .text p{
margin-bottom: 5px;
}
.boxed .team-box .text p{
font-size: 24px;
}
.type-01 .team-box .text>span{
display: inline-block;
padding-bottom: 10px;
}
.type-01 .team-box .layer{
display: none;
padding-top: 10px;
}
.type-01 .team-box em.intro{
font-style: normal;
font-size: 0.875rem;
line-height: 150%;
}
.boxed .type-01 .team-box em.intro{
font-size: 0.875rem;
}
.type-02 .team-box em.intro{
display: inline-block;
margin-top: 10px;
color: #555;
font-style: normal;
}
.type-01 .team-box .icon-box{
position: absolute;
width: 100%;
bottom: -10%;left: 0;
text-align: center;
font-size: 0.875rem;
opacity: 0;
z-index: 3;
}
.type-02 .team-box .icon-box{
position: absolute;
width: 100%;
top: 50%;left: 0;
margin-top: 0;
text-align: center;
opacity: 0;
z-index: 9;
}
.type-02 .team-box .container:hover .icon-box{
opacity: 1;
margin-top: -16px;
}
.team-box .icon-box i{
display: inline-block;
width: 36px;height: 36px;
line-height: 34px;
margin: 0 -2px;
color: #fff;
text-align: center;
border: none;
font-size: 1.125rem;
}
.type-02 .team-box .icon-box i{
width: 42px;height: 42px;
line-height: 40px;
}
.type-01 .team-box:hover .img{
margin-top: -2%;
}
.type-01 .team-box .container:hover .icon-box{
bottom: 30px;
opacity: 1;
} .page-404{
position: relative;
text-align: center;
margin: 100px auto;
padding: 4% 10%;
}
.page-404 .container{
overflow: visible;
}
.page-404 .img{
position: absolute;
width: 100%;
height: 100%;
top: 50%;
overflow: visible;
z-index: -1;
}
.page-404 .img img{
position: relative;
top: 50%;
max-width: 100%;
width: auto;
}
.page-null{
margin: 0 auto 150px;
padding: 4% 10%;
max-width: 900px;
text-align: center;
}
.page-null form{
position: relative;
margin: 40px 0;
}
.page-null h4,.page-null h5{
font-weight: normal;
} .no_counter #lg-counter{
display: none !important;
}
.for-one-carousel{
position: fixed !important;
width: 100%;
top: 50%;
}
.pic-type-carousel{
font-size: 0;
}
.margin .carousel-box{
padding: 15px;
}
.section:not(.section-margin) .pic-type-carousel.margin:not(.only-1){
margin-top:15px !important; 
margin-bottom:15px !important; 
}
.carousel-box{
position: relative;
display: inline-block;
width: 25%;
overflow: hidden;
}
.carousel-box .img img{
position: relative;
margin-top: -10px;
top: 1px;
}
.pic-type-carousel .carousel-box.slick-slide .img{
opacity: 0;
}
.carousel-box .text{
position: absolute;
width: 100%;
padding: 0 80px;
left: 0;top: 45%;
opacity: 0;
text-align: center;
z-index: 2;
}
.carousel-box .text p{
position: relative;
font-size: 20px;
color: #fff;
margin-bottom: 12px;
top: -30px;
}
.fullwidth .pic-group-content .carousel-box .text p{
font-size: 30px;
}
:not(.mobile-mode) .pic-type-carousel[data-slick='{"slidesToShow": 4}'] .text p{
font-size: 20px !important;
}
.carousel-box .text p.tag{
font-size: 0.813rem !important;
top: 0 !important;
}
.carousel-box .text p.tag span{
display: inline-block;
font-size: 0.75rem;
padding:6px 10px;
margin-right: 4px;
background-color: #fff;
color: #343536;
font-family: sans-serif !important;
opacity: 1;
}
.carousel-box .container:hover .img:after{
opacity: 0.6;
}
.carousel-box .container:hover .img img{
top: 10px;
}
.carousel-box .container:hover .text{
top: 50%;
opacity: 1;
}
.carousel-box .container:hover p{
top: 0;
} .button-box{
position: relative;
padding: 4% 20px;
}
.button-box .text p:empty{
display: block;
margin-top: -10px;
}
.button-box.dark{
color: #fff;
}
.button-box.ligth{
color: #343536;
}
.button-box .container{
margin: 0 auto;
padding: 0 8%;
}
.button-box .text{
position: relative;
display: inline-block;
width: 60%;
vertical-align: middle;
z-index: 3;
}
.button-box p{
font-size: 1.125rem;
}
.button-box .h{
margin-top: 0;
line-height: 100%;
}
.button-box-btn{
position: relative;
display: inline-block;
width: 40%;
vertical-align: middle;
text-align: right;
z-index: 3;
}
.button-box-btn a i{
margin-right: 10px;
}
.button-box-btn a{
display: inline-block;
padding: 4% 15%;
font-size: 1.125rem;
border: 3px solid;
}
.type-01 .button-box-btn a{
color: #343536;
background-color: #fff;
border-color:#fff; 
}
.type-01.light .button-box-btn a{
color: #fff;
background-color: #343536;
border-color:#343536; 
}
.type-02 .button-box-btn a{
color: #fff;
background-color: transparent;
border-color:#fff; 
}
.type-02.light .button-box-btn a{
color: #343536;
background-color: transparent;
border-color:#343536; 
}
.type-01 .button-box-btn a:hover{
color: #fff;
background-color: transparent;
}
.type-02 .button-box-btn a:hover{
color: #343536;
background-color: #fff;
}
.type-01.light .button-box-btn a:hover{
color: #343536;
background-color: transparent;
}
.type-02.light .button-box-btn a:hover{
color: #fff;
background-color: #343536;
}
.type-01 .button-box-btn a i,
.type-02 .button-box-btn a:hover i:before,
.type-01.light .button-box-btn a:hover i:before,
.type-02.light .button-box-btn a i{
color: #343536;
}
.type-02 .button-box-btn a i,
.type-01 .button-box-btn a:hover i:before,
.type-02.light .button-box-btn a:hover i:before,
.type-01.light .button-box-btn a i{
color: #fff;
} video,.top-banner .media{
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.top-banner{
position: relative !important;
background-size: cover;
background-position: center;
background-color: #343536;
font-size: 0;
}
.in-viewport{
background-position: center !important;
}
.top-banner .text{
position: relative;
display: inline-block;
vertical-align: middle;
width: 99.5%;
padding: 0 20%;
color: #fff;
z-index: 100;
}
.top-banner:before{
content: '';
width: 0;height: 100%;
display: inline-block;
vertical-align: middle;
}
.top-banner.b-type-02.detail:before,.top-banner.b-type-03:before{
display: none;
}
.top-banner.b-type-02.detail .text{
position: absolute;
top: 50%;
left: 50%;
}
.top-banner.b-type-03 .text{
position: absolute;
bottom: 8%;
}
.top-banner.b-type-04 .text{
max-width: 50%;
}
.top-banner em,.banner-box .text em{
display: block;
position: relative;
}
.top-banner.b-type-01,.top-banner.b-type-03{
padding: 0 11%;
}
.top-banner.b-type-02,.top-banner.b-type-04{
text-align: center;
}
.b-type-04 .text{
width: auto;
max-width: 60%;
padding: 4%;
background-color: rgba(19,20,21,.6);
}
.b-type-04 .text.dark{
background-color: rgba(255,255,255,.8);
}
.top-banner.b-type-01 .text{
padding-left:20px;
border-left: 3px solid #fff;
}
.top-banner.b-type-01 em,
.top-banner.b-type-03 em,
.banner-box .text em{
margin-left: 5px;
margin-top: 20px;
}
.top-banner.b-type-02 em{
margin-left: 0;
margin-top: 30px;
}
.top-banner .text em{
line-height: 140%;
font-weight: 100;
}
.banner-box .text em:empty{
display: none;
}
.top-banner.b-type-04 p{
margin: 0 auto 20px auto;
font-size: 50px;
line-height: 100%;
}
.top-banner.b-type-01 p{
position: relative;
top: -8px;
}
.top-banner.b-type-01 em{
margin-top: 10px;
}
.top-banner.b-type-02 em:after{
content: '';
position: absolute;
width: 30px;height: 2px;
top: -14px;left: 50%;
margin-left: -15px;
background-color: #fff;
}
.top-banner.b-type-03 em:after{
content: '─';
position: absolute;
left: -24px;top: 0;
}
.top-banner.b-type-01 p,.top-banner.b-type-02 p,.top-banner.b-type-03 p{
font-size: 70px;
line-height: 90%;
}
@media screen and (min-width: 1660px) {
.top-banner.b-type-01 p,.top-banner.b-type-02 p,.top-banner.b-type-03 p{
font-size: 85px;
}
.top-banner.b-type-04 p{
font-size: 60px;
}
}
.top-banner.b-type-02 p{
width: 100%;
text-align: center;
}
.top-banner.b-type-04 em{
padding-bottom: 10px;
}
.top-banner.b-type-03 .text{
width:80%;
top: auto;
bottom: 0;
left: 0;
padding: 9%;
}
.top-banner.b-type-03 p{
width:80%;
}
.top-banner.detail .text{
padding: 5%;
z-index: 1000;
}
.top-banner .text.dark{
color: #343536;
}
.top-banner.detail{
background-color: transparent;
}
.top-banner.detail .text .h{
line-height: 100%;
}
.top-banner.detail .text .h hr{
margin: 20px auto 0;
}
.top-banner.detail .text .h small{
position: relative;
font-size: 22px;
} .main-slider{
position: relative;
width: 100%;
background-color: #000;
}
.header-02.light~.main-content .section.boxed.has-side{margin-top: 60px;}
.header-02.light~.main-slider~.main-content .section.boxed.has-side,.header-02.light~.top-banner~.main-content .section.boxed.has-side{margin-top: 0;}
.only-gallery .has-gallery.has-side{margin-top: 120px !important;}
.pt-slider{
position: absolute;
left: 0;top: 0;
width:100%;
height:100%;
overflow: hidden;
}
.pt-slider .item{
position: absolute;
width: 100%;
height: 100%;
left: 0;top: 0;
background-position: center;
background-size: cover;
background-color: #343536;
z-index: 1;
}
.pt-slider .item.light{
background-color: #f2f3f4;
}
.pt-play-ctrl{
cursor:pointer;
}
.pt-play-ctrl>div:before{
content: '';
position: absolute;
width: 44px;height: 24px;
margin-left: -22px;left: 50%;top: 0;
background-image: url(//anikitos.com/wp-content/themes/pinetree/data/images/play.png);
opacity: 0;
}
.pt-play-ctrl .stop:before{
background-image: url(//anikitos.com/wp-content/themes/pinetree/data/images/stop.png);
}
.pt-play-ctrl>div:hover:before{
opacity: 1;top: -20px;
}
.pt-slider .play,.pt-slider .stop{
position: absolute;
width: 100%;height:100%;
bottom: 0;right: 0;
z-index: 10;
}
ul.pt-dots{
position:absolute;
width: 100%;
bottom: 30px;
left:0;
text-align: center;
z-index: 1000;
}
ul.pt-dots>li{
position: relative;
display: inline-block;
width: 50px;
height: 19px;
margin: 4px;
vertical-align: bottom;
font-size: 0;
cursor:pointer;
}
ul.pt-dots>li:after,
.pt-slider .play:after{
content: '';
position: absolute;
width: 100%;height: 3px;
left: 0;top: 8px;
background-color: rgba(233,233,233,.3);
}
ul.pt-dots>li.on:after{
background-color: rgba(244,244,244,.6);
}
.pt-time-bar{
position: absolute;
left: 0;top: 8px;
height: 3px; 
width: 0;
background-color: rgba(255,255,255,1);
}
.pt-slider.light ul.pt-dots>li:after,
.pt-slider.light .play:after{
background-color: rgba(144,144,144,.6);
}
.pt-slider.light ul.pt-dots>li.on:after{
background-color: rgba(44,44,44,.4);
}
.pt-slider.light .pt-time-bar{
background-color: rgba(19,20,21,1);
} .blog-type-06{
overflow: hidden;
}
.pt-slider .item{
font-size: 0;
}
.pt-slider .item:before{
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.pt-slider .text{
width: 70%;
padding: 0 10%;
color: #fff;
z-index: 9;
}
.pt-slider .light.active .h,
.pt-slider .light.active p{
color: #343536;
}
.text hr {
width: 60px;
border: none;
border-bottom:3px solid; 
margin-bottom: 15px;
}
.pt-slider .text hr {
width: 100px;
border-width: 4px;
border-bottom: none;
margin-bottom: 0;
}
.pt-slider .text p{
font-size: 1rem;
margin: 20px 0;
max-width: 60%;
line-height: 150%;
}
.pt-slider .text.type-01 p{
max-width: 80%;
}
.pt-slider .text .h{
margin-top:15px;
margin-bottom: 15px;
}
.pt-slider .text.t-left .h{
width: 90%;
}
.pt-slider .text h4,
.pt-slider .text h5,
.pt-slider .text h6{
display: block;
max-width: 70%;
line-height: 100%;
}
.pt-slider .text h1,
.pt-slider .text h2,
.pt-slider .text h3{
line-height: 100%;
}
.pt-slider iframe{
position: relative;
width: 100%;
height: 100%;
left: 0;top: 0;
}
.iframe_wrap{
position: relative;
padding-top: 56.25%;
margin: 30px 0;
}
.iframe_wrap iframe{
position: absolute;
width: 100%;height: 100%;
left: 0;top: 0;
}
.top-banner iframe{
position: absolute;
width: 100%;
height: 100%;
left: 0;top: 0;
}
.top-banner.video-post{
text-align: center;
height: auto !important;
background-color: #141516;
}
.video-post .poster{
position: relative;
display: inline-block;
width: 960px;height: auto;
padding: 6% 0;
z-index: 9;
}
.video-post .poster img{width: 100%;}
.video-post .poster a{
position: absolute;
width: 100px;height: 100px;line-height: 100px;text-align: center;
left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;
font-family: 'FontAwesome';color: #fff;
border-radius: 50%;
z-index: 10;font-size: 80px;
cursor: pointer;
}
.video-post .poster a:hover{
transform: scale(1.2,1.2);
}
.video-post .mp4-layer{
position: fixed;width: 100%;height: 100%;top: 0;left: 0;
background-color:rgba(0,0,0,0.8);
display: none;z-index: 9999;
}.YouTubePopUp-Wrap{
position:fixed;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,0.8);
top:0;
left:0;
z-index:99999;
}
.YouTubePopUp-animation{
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUp;
animation-name: YouTubePopUp;
}
@-webkit-keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.logged-in .YouTubePopUp-Wrap{ top:32px;
z-index:99998;
}
.YouTubePopUp-Content{
max-width: none;
position: fixed;
width: 100%;height: 100%;top: 0;left: 0;
}
.YouTubePopUp-Content iframe{
max-width:100% !important;
width:100% !important;height: 100% !important;
position:absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 1023px) {
.v-boxed.section ~ .YouTubePopUp-Wrap .YouTubePopUp-Content iframe,.top-banner.v-boxed video{
width: 960px !important;height: 640px !important;
top: 50%;left: 50%;
margin-top: -320px;margin-left: -480px;
}
}
@media screen and (max-width: 1024px) {
.video-post .poster{
width: 100%;
padding: 6%;
}
.top-banner.v-mp4 video{
height: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
.YouTubePopUp-Hide{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUpHide;
animation-name: YouTubePopUpHide;
}
@-webkit-keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.YouTubePopUp-Close,.mp4-layer i{
font-family: 'FontAwesome';
position:fixed;
width: 30px;height: 30px;right: 20px;top: 50%;margin-top: -15px;
text-align: right;
cursor: pointer;font-size: 30px;color: #fff;
z-index: 2;
}
.YouTubePopUp-Close:hover,.mp4-layer i:hover{
opacity:0.7;
} .pt-slider .text.type-01{
position: absolute;
left: 0;bottom: 120px;
max-width: 60%;
padding-right: 0;
}
.pt-slider .text.t-left .img{
padding-left: 10%;
}
.pt-slider .text.type-02.t-left .img{
padding-left: 0;
}
.pt-slider .text.type-02{
position: relative;
display: inline-block;
vertical-align: middle;
width: 99.9%;
padding: 0 10%;
text-align: center;
}
.pt-slider .caption-img .text{
height: 80%;
}
.pt-slider .text.type-02.t-left{
padding: 0 30% 0 10%;
}
.pt-slider .text.type-01 hr{
margin-left: 0;
}
.pt-slider .text.type-02.t-left{
text-align: left;
}
.pt-slider .text.type-02 .h,
.pt-slider .text.type-02 p{
margin-left:auto;
margin-right:auto;
}
.pt-slider .text.type-02.t-left .h,
.pt-slider .text.type-02.t-left p{
margin-left:0;
}
.pt-slider .text.t-left .h,
.pt-slider .text.t-left hr{
text-align: left;
margin: 10px 0;
}
.pt-slider a.btn,.pt-slider .text p,.pt-slider .text .h{
position: relative;
top: 50px;
opacity: 0;
}
.pt-slider .one a.btn,.pt-slider .one .text p,.pt-slider .one .text .h{
top: 0;
opacity: 1;
}
.pt-slider .text .img{
opacity: 0;
margin-top: 50px;
}
.pt-slider .one .text .img{
opacity: 1;
margin-top: 0;
}
.main-slider iframe{
position: absolute;
width: 100%;height: 100%;
left: 0;top: 0;
}
.pt-slider .text .img{
position: relative;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
} .slick-arrow,
.pt-prev,.pt-next{
position: absolute;
height: 40px;width: 40px;
bottom: 20px;
color: transparent;
background-color: rgba(19,20,21,.05);
border:2px solid #fff;
cursor: pointer;
z-index: 2222;
}
.light.mode-01 .slick-arrow,
.light.mode-02 .slick-arrow{
border-color: #343536;
background-color: transparent;
}
.light.mode-01 .slick-arrow:hover,
.light.mode-02 .slick-arrow:hover{
background-color: #343536;
}
.pt-prev,.pt-next{
margin-top: -25px;
}
.pt-slider .item.light{
background-color: #fff;
}
.pt-slider.light .pt-next, .pt-slider.light .pt-prev{
border-color: #343536;
background-color: rgba(255,255,255,.05);
}
.mode-02 .dark .slick-arrow{
background-color: rgba(19,20,21,.2);
}
.slick-prev{
right: 58px;
}
.slick-next{
right: 20px;
}
.pt-prev{
left: 40px;
}
.pt-next{
right: 40px;
}
.slick-arrow:after,
.pt-prev:after,
.pt-next:after{
content: '';
position: absolute;
width: 100%;height: 100%;line-height: 36px;
left: 0;top: 0;
font-size: 0.75rem;
font-family: "my_icons";
text-align: center;
color: #fff;
}
.light.mode-01 .slick-arrow:after,.light.mode-02 .slick-arrow:after{
color: #343536;
}
.pt-slider.light .pt-prev:after, .pt-slider.light .pt-next:after{
color: #343536;
}
.slick-prev:after,.pt-prev:after{content: "\e92d";}
.slick-next:after,.pt-next:after{content: "\e92e";}
.slick-arrow:hover,.pt-prev:hover,.pt-next:hover{background-color: rgba(244,244,244,1);}
.pt-slider.light .pt-next:hover, .pt-slider.light .pt-prev:hover{
background-color: rgba(19,20,21,1);
}
.slick-arrow:hover:after,.pt-prev:hover:after,.pt-next:hover:after{color: #343536;}
.light.mode-01 .slick-arrow:hover:after,.light.mode-02 .slick-arrow:hover:after{color: #fff;}
.pt-slider.light .pt-next:hover:after, .pt-slider.light .pt-prev:hover:after{color: #fff;}
.slick-prev:hover:after,.pt-prev:hover:after{left: -4px;}
.slick-next:hover:after,.pt-next:hover:after{left: 4px;}
.pic-type-carousel .slick-arrow{
width: 50px;height: 50px;
top: 50%;bottom: auto;
margin-top: -25px;
}
.pic-type-carousel .slick-arrow:after{
line-height: 44px;
}
.pic-type-carousel .slick-next{right: 30px;}
.pic-type-carousel .slick-prev{left: 30px;right: auto;} .slick-dots{
position: absolute;
bottom: 30px;width: 100%;
left: 0;
text-align: center;
z-index: 2222;
}
.dots-02 .slick-dots{
bottom: -40px;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 14px;height: 14px;
margin: 0 2px;
}
.slick-dots button{
position: absolute;
width:6px;height:6px;
bottom: 0;
left: 0;
padding: 0;
font-size: 0;
color: transparent;
border: none;
background-color: rgba(222, 222, 222, 0.6);
border-radius: 10px;
cursor: pointer;
}
.dots-02 .slick-dots li{
margin: 0 4px;
}
.dots-02 .slick-dots button{
width: 12px;height: 12px;
border: none;
border: none;
background-color: rgba(19,20,21,.09);
}
li.slick-active button{
background-color: #fff;
}
.light li.slick-active button{
background-color: #343536;
}
.light .slick-dots button{
border-color: #333
}
.banner-box .slick-arrow,
.pt-next,.pt-prev{
top: 50%;
width: 50px;
height: 50px;
}
.banner-box .slick-arrow:after,
.pt-prev:after,.pt-next:after{
line-height: 46px;
}
.banner-box .slick-prev{
left: 30px;
}
.banner-box .slick-next{
right: 30px;
}
.banner-box{
position: relative;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}
.fullwidth .banner-box{
margin-top: 0;
margin-bottom: 0;
}
.banner-box .img,.banner-box img{
margin-bottom: 0 !important;
}
.banner-box .img{
height: 100%;
width: auto;
padding: 10px;
}
.banner-box .img img{
height: 100%;width: auto;
}
.banner-box .item{
position: relative;
}
.banner-box .text{
position: absolute;
width: 100%;
left: 0;bottom: 14%;
text-align: center;
}
.banner-box .slick-center.item .text.banner-text-move p,
.banner-box .slick-center.item .text.banner-text-move em{
opacity: 1;
}
.banner-box .text p{
margin-top: 8px;
font-size: 30px;
line-height: 90%;
margin-bottom: 0 !important;
opacity: 0;
}
.banner-box .text em{
font-size: 0.875rem;
margin: 0;
opacity: 0;
}
.code-box .banner-box .text p{
margin: 0;
} .pt-slider a.btn{
transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
}
.header-02 .header-base,.header-02 .main-menu,.header-01 .sub-menu:before,.header-01 .sub-menu li a,.logo,
.header-02 .main-menu>li.current-menu-parent:after,.header-02 li.current_page_item:after,
.nav-btn,.header-01 .header-base,.nav-icon,.btn-search,
a.btn,a.style-01:after,a.style-01:before,a.style-03:before,a.style-02:after,a.style-02:before,
a.style-04 i,a.style-05:after,.share-item a,
a.btn i,a.simple-more,
.pages li a,.btn-load-more.load a,
.arrow:after,.btn-back,.slick-arrow,.slick-arrow:after,
.filter-ctrl .active:after,
.top-banner.mode-01 .item:before,.top-banner.mode-04 .item:before,
.filter-ctrl li,p.tag span,a.date,.hover-02.normal .text-container,
.hover-02.normal .pic-box p.tag:before,
.hover-01.normal .pic-box .img:after,.pic-type-09 .img,
.blog-type-06 .text-container:after,
.features-group.type-02 .text,
.features-group.type-03 .container,
.features-group.type-03 .features-box .text,.features-group.type-03 h4,
.pt-prev:after,.pt-next:after,ul.pt-dots>li,.pt-prev:before,.pt-next:after,.pt-prev,.pt-next,.pt-slider a.btn.action,
.banner-box .text,.features-group.type-05 .img,
.mix-box.type-05 .text:before,
.hover-02.normal img,.pic-type-03-2 .pic-box img,.widget_most_popular .img,
p.counter,.promo-box.text-bg .text,
.gallery-layer,.gallery .text,
.blog-type-03 .img,.pic-type-13 .text,.pic-type-13 .img:after,
.features-group.type-02 .container,.features-group.type-02 .img:before,
.pic-type-03-2 .pic-box .img:after,
input,textarea,.promo-box.text-bg .bg-img,
.clients-box .img,.carousel-box .img:after,
.team-box .container,.team-box .img:after,.team-box .text,.team-box .img,
.carousel-box .img img,.carousel-box .img,
.detail-bottom-other .carousel-box,
.detail-ctrl .ctrl .text,.detail-ctrl .ctrl:after,.detail-ctrl span,.detail-ctrl .ctrl p,.ctrl-back:after,
.go-top,.promo-box.has-link-full .bg-img:after,.promo-box .bg-color:after,.promo-box .bg-color,
ul.pt-dots>li:after,.banner-box .text em,
.detail-share-item:after,.detail-share-item:before,.detail-share-item a,
.box-btn-more,.hide-side-box .item img,.promo-box.has-link-full .text .h:after,
.colorful .post-color,.post-gallery .img,
.video-post .poster a,.YouTubePopUp-Close{
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
button,a i,a.btn em,a.more-02,
.search_box i,
.text p a,.btn-load-more,
span.date,a.date,
.blog-box p a,.blog-type-02 p,
a.tag,a.more,.end-tags a,.reply a,.form-submit input,
.widget li a,.widget .tagcloud a,
.type-tabs .nav li a,
dl a,i:before,p a,
.acc_group dt,.type-01 .text>span,
.pt-slider .play:before,.pt-slider .stop:before,
.logged-in-as a,.lg-sub-html a,
.title-02 #cancel-comment-reply-link,
.count-box div.icon,
.features-group span,.features-group small,.features-group h4 a,
i,.button-box-btn a,.btn-load-more a,.footer-02 .footer-box.pt-social a,
.page-null button.search-submit span:after,.promo-box .text>a,.promo-box .text>a:after{
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
}
.h a,
.hover-01.normal .pic-box .img,
.hover-01.normal .pic-box .img img,
.blog-type-06 .text-container .text,.blog-type-02 p:after,
.features-group.type-02 span,.features-group.type-02 em.intro,
.features-group.type-02 .img:after,
.features-group.type-03 .features-box span,
.features-group.type-03 .features-box h4:after,
.hover-01.normal .pic-box .text,
.gallery .pic-box:after,
.team-box .icon-box,.team-box:after,
.carousel-box .text,.promo-box.text-bg .text .h,
.header-02 .sub-menu,.header-03 .sub-menu,
.blog-type-02 .img,.blog-type-02 .text,
.blog-type-03 .text,.carousel-box .text p,.pic-type-13 .text p{
transition: all 0.4s 0.1s;
-webkit-transition: all 0.4s 0.1s;
-moz-transition: all 0.4s 0.1s;
-o-transition: all 0.4s 0.1s;
-ms-transition: all 0.4s 0.1s;
}
.banner-box .text p,
.hover-01.normal p.tag:before,.promo-box.text-bg .text p,
.hover-01.normal p.tag,
.gallery .text p:after,.pt-play-ctrl>div:before,
.detail-ctrl .ctrl:hover p{
transition: all 0.4s 0.2s;
-webkit-transition: all 0.4s 0.2s;
-moz-transition: all 0.4s 0.2s;
-o-transition: all 0.4s 0.2s;
-ms-transition: all 0.4s 0.2s;
}
.promo-box.text-bg .text a{
transition: all 0.4s 0.3s;
-webkit-transition: all 0.4s 0.3s;
-moz-transition: all 0.4s 0.3s;
-o-transition: all 0.4s 0.3s;
-ms-transition: all 0.4s 0.3s;
} .normal .img:after,
.hover-02.normal .text-container:after,
.pic-type-01 .img:after,
.blog-type-01 .img:before,
.pt-slider .item:after{
transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-webkit-transform: translateZ(0);
} .normal .blog-box .img:before{
-webkit-transition: top 0.4s,opacity 0.4s;
-moz-transition: top 0.4s,opacity 0.4s;
-o-transition: top 0.4s,opacity 0.4s;
-ms-transition: top 0.4s,opacity 0.4s;
-webkit-transform: translateZ(0);
}
.logo .light,.logo .dark,.fa.fa-search i:before,.nav-icon>i:before,.nav-icon:before,.post-gallery .box p,
.promo-box.text-bg .bg-img{
transition: all 0.7s;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
}  .filter-ctrl{
margin:30px 0;
color: #999;
text-align: center;
z-index: 99;
}
.fullwidth .filter-ctrl:empty{
display: none;
}
.boxed .filter-02{
margin-bottom: 20px;
}
.filter-ctrl li{
display: inline-block;
position: relative;
margin: 0 20px;
height: 30px;line-height: 30px;
font-size: 0.75rem;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer;
visibility: visible;
}
.filter-ctrl li.active{
color: #343536;
}
.filter-ctrl li:after{
content: '';
position: absolute;
left: 50%;bottom: 5px;
width: 0;height: 2px;
background-color: #343536;
display: none;
}
.filter-ctrl li.active:after{
width: 100%;
margin-left: -50%;
}
.filter-ctrl:hover li{
color: #999 !important;
}
.filter-ctrl:hover li:after{
background-color: #999;
}
.filter-ctrl li.active:hover:after{
background-color: #333
}
.filter-ctrl li:hover{
color: #343536 !important;
}
.pic-box{
position: relative;
float: left;
}
.text p a{
word-wrap: break-word;
}
.pic-type-01 .pic-box{
width: 40%;
-webkit-transition:0s !important;
}
.pic-type-03 .pic-box,
.pic-type-06 .pic-box{
width: 33.3333333%;
}
.pic-type-02 .pic-box,
.pic-type-05 .pic-box{
width: 50%;
overflow: hidden;
}
.pic-type-04 .pic-box,
.pic-type-07 .pic-box{
width: 25%;
overflow: hidden;
}
.pic-type-08 .pic-box{
float: none;
width: 100%;
}
.fullwidth .pic-type-08 .pic-box{
padding: 0;
}
.pic-type-08.margin .pic-box{
margin-top: 20px;
margin-bottom:30px;
padding: 0;
}
.boxed .pic-type-08.margin .pic-box{
margin-top: 10px;
}
.pic-type-08 .pic-box:last-child{
margin-bottom: 0 !important;
}
.pic-type-04 .pic-box .text p,
.pic-type-07 .pic-box .text p{
font-size: 24px !important;
line-height: 100%;
}
.for-header-03 .pic-type-04 .pic-box .text p,
.for-header-03 .pic-type-07 .pic-box .text p{
font-size: 1.125rem !important;
}
.pic-type-04 .pic-box .text p.tag,
.pic-type-07 .pic-box .text p.tag{
font-size: 0.75rem;
}
.pic-type-08 .pic-box .text p{
font-size: 36px;
line-height: 98%;
text-align: center;
}
.margin .pic-box{
padding: 10px;
}
.section .pic-group-content.pic-type-01{
margin-top: 50px;
}
.fullwidth .pic-group-content.pic-type-01{
padding: 0 20px;
}
.pic-type-01 .pic-box,
.pic-type-01-changed .text-container{
position: relative !important;
}
.pic-type-01-changed{
margin-top: 40px !important;
}
.pic-type-01-changed .pic-box{
width: 100% !important;
margin-bottom: 40px !important;
padding:0 30px;
}
.pic-type-01-changed .text{
padding: 10px 0;
}
.pic-type-01-changed  p.tag span{
opacity: 1 !important;
}
.pic-type-01-changed .pic-box,
.pic-type-01-changed .text{
position: relative !important;
-webkit-transform: translateY(0) !important;
}
.pic-type-01 .img:after,.blog-type-01 .img:before{
content: '';
position: absolute;
width: 100%;height: 100%;left: 0;top: 0;
background: #fff;
opacity: 0;
z-index: 1;
-webkit-transform: translateZ(0);
}
.pic-type-01 .pic-box:hover .img:after,.blog-type-01 .img:hover:before{
opacity: 0.3;
}
.pic-type-01 .pic-box:nth-child(8n+1){
width: 56%;
margin-right: 4%;
margin-top: 14%;
margin-bottom: 18%;
}
.section-title ~ .pic-type-01 .pic-box:nth-child(8n+1){margin-top: 0;}
.pic-type-01 .pic-box:nth-child(8n+2){
width: 36%;
margin-left: 4%;
margin-top: 15%;
}
.pic-type-01 .pic-box:nth-child(8n+3),
.pic-type-01 .pic-box:nth-child(8n+8){
width: 75%;
margin: 5% 0 10%;
left: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+3){
margin-bottom: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+8){
margin-bottom: 0;
}
.pic-type-01 .pic-box:nth-child(8n+4){
width: 32%;
margin-right: 8%;
margin-top: 10%;
}
:not(.mobile-mode) .pic-type-01 .pic-box:nth-child(8n+4):last-child{
margin-bottom: 200px;
}
.pic-type-01 .pic-box:nth-child(8n+5){
width: 56%;
margin-left: 4%;
margin-bottom: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+6){
width: 56%;
margin:0 4% 12% 4%;
margin-top: 10%;
}
.pic-type-01 .pic-box:nth-child(8n+6) .text-container{
top: 70%;
}
.pic-type-01 .pic-box:nth-child(8n+7){
width: 28%;
margin-left: 4%;
margin-top: 4%;
margin-bottom: 10%;
}
.section-title ~ .pic-type-01 .pic-box:last-child{margin-bottom: 5% ;}
.pic-type-01 .pic-box:nth-child(8n+1) p,
.pic-type-01 .pic-box:nth-child(8n+4) p,
.pic-type-01 .pic-box:nth-child(8n+6) p{
float: right;
}
.pic-type-01 .pic-box{
font-size: 20px;
color: #444;
}
.pic-box .text-container{
position: absolute;
width: 100%;
z-index: 99;
}
.pic-box p{
position: relative;
line-height: 100%;
}
.pic-type-01 .pic-box p{
width: 70%;
}
.pic-type-01 .text-container{
position: absolute;
width: 100%;
top: 50%;
z-index: 99;
}
.pic-type-01 .text{
position: absolute;
width: 100%;
}
.pic-type-01 p.tag{
position: absolute;
left: 20px;bottom: 20px;
z-index: 1;
}
.pic-group-content p.tag span{
display: inline-block;
font-size: 0.75rem; margin-right: 8px;
color: #555;
opacity: 0;
}
.hover-02 p.tag span{
color: #fff;
opacity: 0.8;
}
.pic-type-01 p.tag span{
padding: 4px 12px;
margin: 8px 4px 0 0;
background: #fff;
color: #343536;
}
.pic-group-content .pic-box:hover p.tag span{
opacity: 1;
} .pic-type-01 .pic-box:nth-child(8n+1) .text{
right: -10%;left: auto;
margin-top: 10%;
text-align: right;
font-size: 48px;
}
.pic-type-01 .pic-box:nth-child(8n+2) .text{
left: -10%;
}
.pic-type-01 .pic-box:nth-child(8n+3) .text{
left: -20%;
font-size: 60px;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text{
left: 0;
font-size: 20px;
text-align: left;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text p{
float: left;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text-container{
top: -15%;
}
.pic-type-01 .pic-box:nth-child(8n+5) .text{
left: -10%;
font-size: 40px;
}
.pic-type-01 .pic-box:nth-child(8n+6) .text{
right: -8%;left: auto;
text-align: right;
font-size: 36px;
}
.pic-type-01 .pic-box:nth-child(8n+7) .text{
left: -20%;
margin-top: -20%;
font-size: 24px;
}
.pic-type-01 .pic-box:nth-child(8n+8) .text{
left: -20%;
font-size: 70px;
}
.pic-type-01 .pic-box:nth-child(8n+2) .text-container{
top: 20%;
} .container{
position: relative;
overflow: hidden;
}
.blog-type-01 .blog-box .container{
overflow: visible;
}
.normal .pic-box .text-container{
width: 100.1%;
left: 0;bottom: 0;
font-size: 24px;
line-height:90%;
overflow: hidden;
color: #fff;
}
.pic-type-04.hover-01.normal .pic-box .text p{
font-size: 1rem;
line-height: 100%;
}
.hover-02.normal .pic-box .text-container{
height: 100%;
}
.section:not(.margin) .promo-box.text-bg:hover .bg-img,
.pic-type-09 .pic-box:hover .img,
.hover-02.normal .container:hover img,
.pic-type-03-2 .pic-box .img:hover img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.promo-box.col-1.text-bg .bg-img{
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-moz-transform: scale(1) !important;
transform: scale(1) !important;
}
.pic-type-09 .img{
-webkit-transform: scale(1.005);
-ms-transform: scale(1.005);
-moz-transform: scale(1.005);
transform: scale(1.005);
}
.hover-02.normal p{
font-size: 24px;
}
.pic-type-02.hover-02.normal p,
.pic-type-05.hover-02.normal p{
font-size: 36px;
}
.hover-02.normal .pic-box .text-container:after,
.hover-01.normal .pic-box .img:after,
.normal .blog-box .img:after,.normal.blog-type-03 .blog-box .img:before,
.pic-type-13 .img:after,.gallery .pic-box:after,
.carousel-box .img:after,.promo-box.has-link-full .bg-img:after,
.colorful .post-color,.media:after{
content: '';
position: absolute;
left: 0;top: 0;right: 0;bottom: 0;
background-color: #343536;
opacity: 0;
}
.colorful .post-color{
z-index: 1;
}
.colorful.hover-02 .text-container:after{
display: none;
}
.hover-02.normal .pic-box .text-container:after{
z-index: -1;
}
.normal .pic-box .text{
width: 100%;height: 100%;
}
.hover-01.normal .pic-box .container{
background-color: #fbfbfb;
}
.hover-01.normal .pic-box .text-container{
height: 100%;
color: #343536;
z-index: 2;
}
.hover-01.normal .pic-box .img:after{
background-color: #fff;
margin: 0;
}
.hover-01.normal .text-container{
font-size: 0;
}
.hover-01.normal .text-container:after{
content: '';
display: inline-block;
width: 0.2%;height: 100%;
vertical-align: middle;
}
.hover-01.normal .pic-box .text{
display: inline-block;
width: 99.5%;
height: auto;
padding: 40px;
text-align: center;
vertical-align: middle;
opacity: 0;
}
.hover-01.normal .pic-box .text p{
opacity: 1;
top: -10px;
}
.hover-01.normal .pic-box p.tag{
top: 20px;
}
.hover-01.normal .pic-box p.tag span{
opacity: 1;
margin: 0 4px;
}
.hover-01.normal p.tag:before{
content: '';position: absolute;
width: 0;height: 2px;
left: 50%;margin-left: 0;
top: -6px;
background-color: #343536;
}
.pic-type-08.hover-01.normal p.tag:before{
top: 0;
}
.hover-01.normal .pic-box .text p{
font-size: 20px;
margin:14px 0;
}
.pic-type-04.hover-01.normal .pic-box .text p{
margin: 10px 0;
}
.pic-type-04.hover-01.normal .pic-box .text p.tag{
margin-top: 14px;
}
.pic-type-08.hover-01.normal .pic-box .text p{
font-size: 40px;
margin: 20px 0;
}
.hover-01.normal .container:hover p.tag:before{
width: 40px;
margin-left: -20px;
}
.hover-01.normal .container:hover p{
top: 0;
}
.hover-01.normal .pic-box .container:hover .text{
top: 50%;
opacity: 1;
}
.hover-01.normal .pic-box .container:hover .img:after{
opacity: 0.8;
margin: 20px;
}
.hover-02.normal .pic-box .text{
position: absolute;
top: 0;left: 0;
padding: 8%;
height: auto;
}
.pic-type-08.hover-02.normal .pic-box .text{
padding: 60px;
}
.hover-02.normal .pic-box .text p{text-align: left;}
.hover-02.normal .pic-box p.tag span{margin-top: 10px;}
.hover-02.normal .pic-box p.tag:before{
content: '';position: absolute;width: 0;height: 2px;left: 0;top: 4px;
background-color: #fff;
}
.hover-02.normal .pic-box .container:hover p.tag:before{
width: 30px;
}
.hover-02.normal .pic-box .container:hover .text-container:after{opacity: 0.7;}
.hover-02.colorful .container:hover .post-color,
.pic-type-13.colorful .container:hover .post-color,
.pic-type-03-2.colorful .img:hover .post-color,
.pic-type-carousel.colorful .container:hover .post-color{
opacity: 0.8;
}
.pic-type-13.colorful .img:after,
.pic-type-03-2.colorful .img:after,
.pic-type-carousel.colorful .img:after{
opacity: 0 !important;
}
.normal .pic-box .text p{
margin: 4px 0;
transition: top 0.4s,opacity 0.4s;
-webkit-transition: top 0.4s,opacity 0.4s;
-moz-transition: top 0.4s,opacity 0.4s;
-ms-transition: top 0.4s,opacity 0.4s;
-o-transition: top 0.4s,opacity 0.4s;
opacity: 0;
}
.hover-02.normal .pic-box .text p{
top: 20px;
}
.hover-02.normal .pic-box .container:hover .text p{
top: 0;left: 0;
opacity: 1;
}
.pic-group-content.normal .img{
width: 100%;
overflow: hidden;
}
.pic-type-03-2{
font-size: 0;
margin-top: 10px !important;
}
.pic-type-03-2:not(.margin){margin-top: 30px !important;}
.fullwidth .pic-type-03-2{margin-top: 0 !important;}
.pic-type-03-2 a.tag{
color: #888;
}
.pic-type-03-2 .pic-box{
float: none;
display: inline-block;
width: 33.333333%;
vertical-align: top;
padding-bottom: 40px;
}
.pic-type-03-2 .pic-box .img:after{
content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;
background-color: #fff;border: none;
opacity: 0;
}
.pic-type-03-2 .pic-box .img:hover:after{
opacity: 0.3;
}
.pic-type-03-2 .pic-box .text{
position: relative !important;
overflow: hidden;
text-align: center !important;
padding: 0 20px;
}
.pic-type-03-2 .text-container{
position: relative;
padding:20px 0;
}
.pic-type-03-2 .text p{
opacity: 1 !important;
color: #343536;
font-size: 20px;
line-height: 100%;
margin-bottom: 10px !important;
text-align: center !important;
} html.has-wp-bar .lg-toolbar{
top: 32px;
}
.lg-sub-html a{
color: #fff;
}
.lg .lg-sub-html{
padding: 22px;
} .btn-load-more{
position: relative;
width: 200px;
margin: 0 auto;
}
.btn-load-more a{
display: block;
padding: 50px 0;
text-align: center;
}
.btn-load-more a{
color: #888;
font-size: 0.75rem;
}
.btn-load-more a:hover{
color: #343536;
}
.btn-load-more.load a{
color: #f0f0f0;
}
.load span,
.lg-outer .lg-item:after{
position: absolute;
left: 50%;top: 50%;
margin: -9px 0 0 -9px;
width: 18px;
height: 18px;
-webkit-animation: circle infinite .75s linear;
-moz-animation: circle infinite .75s linear;
-o-animation: circle infinite .75s linear;
animation: circle infinite .75s linear;
border:1px solid #343536;
border-top-color: transparent !important;
border-radius: 50%;
z-index: 99;
}
.btn-load-more.load:after{
content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
background-color: rgba(19,20,21,0);
z-index: 9;
}
@keyframes circle{
0%{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100%{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes circle{
0%{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100%{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.gallery .text p,.gallery .text p:hover{
color: #fff !important;
}
.gallery .text{
position: absolute;
top: 20px;
left: 40px;
padding-right: 20%;
font-size: 1.125rem;
color: #fff;
z-index: 10;
opacity: 0;
}
.gallery .text p:after{
content: '';position: absolute;
width: 0;height: 2px;
left: 0;bottom: -10px;
background-color: #fff;
}
.gallery .pic-box:hover .text{
top: 40px;
opacity: 1;
}
.gallery .pic-box:hover .text p:after{
width: 30px;
}
.gallery .pic-box,
.type-lightbox .img,
.type-lightbox:not(.pic-type-01) .pic-box{
overflow: hidden;
cursor: pointer;
}
.type-lightbox .text{
cursor: pointer;
}
.fullwidth .pic-group-content.pic-type-09{
margin: 0;
}
.pic-type-09 .pic-box{
width: 20%;
padding-bottom: 20%;
}
.pic-type-09 .pic-box:nth-child(16n+1),
.pic-type-09 .pic-box:nth-child(16n+6),
.pic-type-09 .pic-box:nth-child(16n+11){
width: 40%;
padding-bottom: 40%;
}
.mobile-mode .pic-type-09 .pic-box{
width: 25% !important;
padding-bottom: 25% !important;
}
.gallery .pic-box .img{
position: absolute;
width: 100%;height: 100%;
left: 0;top: 0;
background-size: cover;
background-position: center 15%;
z-index: 8;
}
.gallery .pic-box:after{
z-index: 9;
}
.gallery .pic-box:hover:after{
opacity: 0.5;
}
.pic-group-content.pic-type-10{
font-size: 0;
margin: 100px auto;
padding-top: 5%;
}
.pic-type-10 .pic-box{
display: inline-block;
position: relative !important;
width: 30%;
padding-top: 30%;
margin-bottom: 5%;
overflow: visible;
vertical-align: middle;
z-index: 1;
}
.pic-type-10 .pic-box:nth-child(8n+1){
width: 65%;padding-top: 42%;
margin-left: 8%;
margin-right: 20%;
margin-bottom: 10%;
}
.pic-type-10 .pic-box:nth-child(8n+2){
width: 23%;padding-top: 23%;
margin-left: 14%;
margin-top: 10%;
z-index: 3;
}
.pic-type-10 .pic-box:nth-child(8n+3){
width: 44%;padding-top: 30%;
margin-left: 12%;
z-index: 4;
}
.pic-type-10 .pic-box:nth-child(8n+4){
width: 50%;padding-top: 34%;
margin-top: 12%;
margin-left: 30%;
margin-right: 10%;
z-index: 2;
}
.pic-type-10 .pic-box:nth-child(8n+5){
width: 24%;padding-top: 24%;
margin-top: 0;
left: 10%;
}
.pic-type-10 .pic-box:nth-child(8n+6){
width: 66%;padding-top: 44%;
margin-top: -5%;
margin-bottom: 20%;
margin-left: 27%;
z-index: 4;
}
.pic-type-10 .pic-box:nth-child(8n+7){
width: 30%;padding-top: 21%;
margin-top: -10%;
margin-left: 7%;
}
.pic-type-10 .pic-box:nth-child(8n+8){
width: 50%;padding-top: 35%;
margin-top: 10%;
margin-left: 6%;
margin-bottom: 25%;
z-index: 3;
}
.fullwidth .pic-type-11{
margin-bottom: 0 !important;
}
.detail-info .pic-type-11{
margin-bottom: 30px !important;
}
.pic-type-11 .pic-box,.detail-info .fullwidth .pic-type-11 .pic-box{
width: 33.333333%;
padding-top: 24%;
overflow: visible;
}
.fullwidth .pic-type-11 .pic-box{
width: 25%;
padding-top: 18%;
}
.detail-info .pic-group-content{
margin: 30px 0 !important;
padding: 0 !important;
}
.fullwidth .pic-type-13{
margin-left: 0;margin-right: 0;margin-bottom: 0;
}
.fullwidth .pic-type-13.margin{
margin: 10px;
}
.pic-type-13 .pic-box{
width: 25%;
}
.pic-type-13 .pic-box:nth-child(12n+1),
.pic-type-13 .pic-box:nth-child(12n+7),
.pic-type-13 .pic-box:nth-child(12n+2),
.pic-type-13 .pic-box:nth-child(12n+8){
width: 50%;
}
.pic-type-13 .container{
padding-top: 100%;
}
.pic-type-13 .pic-box:nth-child(12n+2) .container,
.pic-type-13 .pic-box:nth-child(12n+8) .container{
padding-top: 50%;
}
.pic-type-13.margin .pic-box:nth-child(12n+1) .container,
.pic-type-13.margin .pic-box:nth-child(12n+7) .container{
padding-top: calc(100% + 10px);
padding-top: -webkit-calc(100% + 10px);
padding-top: -ms-calc(100% + 10px);
padding-top: -moz-calc(100% + 10px);
padding-top: -o-calc(100% + 10px);
}
.pic-type-13.margin .pic-box{
padding: 0;
border: 10px solid transparent;
}
.pic-type-13 .img{
position: absolute;
width: 100%;height: 100%;left: 0;top: 0;
background-position: center;
background-size: cover;
}
.pic-type-13 .text{
position: absolute;
left: -30px;top: 0;
width: 100%;
padding: 40px;
opacity: 0;
z-index: 2;
}
.pic-type-13 .text a,.pic-type-13 .text{
color: #fff;
}
.pic-type-13 .text p{
font-size: 24px;
margin-bottom: 8px;
left: -20px;
}
.pic-type-13 .pic-box:nth-child(12n+1) .text p,
.pic-type-13 .pic-box:nth-child(12n+7) .text p{
font-size: 40px;
}
.pic-type-13 .container:hover .text{
opacity: 1;
left: 0;
}
.pic-type-13 .container:hover .text p{
left: 0;
}
.pic-type-13 .container:hover .img:after{
opacity: 0.6;
} .lg-backdrop{
background-color: rgba(22,24,26,.9);
z-index: 9992;
}
.lg-toolbar,.lg-actions .lg-next, .lg-actions .lg-prev{
background-color: rgba(22,24,26,.3);
}
.lg-outer .lg-item{
background: none;
}
.lg-outer .lg-item:after{
content: '';
border-color: #fff;
opacity: 0.6;
z-index: -1;
}
.lg-sub-html{background-color: transparent;}
.lg-outer{z-index: 9993;}
.lg-outer .lg-img-wrap{padding: 60px 5px;}
.lg-toolbar .lg-icon,.lg-icon{
font-family: 'my_icons';
font-size: 1.125rem !important;
font-weight: 100;
}
.lg-toolbar .lg-icon:after,.lg-actions .lg-next:before,.lg-actions .lg-prev:after{color: #f0f0f0;opacity: 0.8;}
.lg-toolbar .lg-icon:hover:after,.lg-actions .lg-prev:hover:after,.lg-actions .lg-next:hover:before{opacity: 1;}
.lg .lg-sub-html {padding: 15px;}
.lg-toolbar .lg-close:after{content: '\e117';}
.lg-toolbar #lg-actual-size:after{content: '\e110';}
.lg-toolbar #lg-zoom-out:after{content: '\e038';}
.lg-toolbar #lg-zoom-in:after{content: '\e037';}
.lg-actions .lg-prev:after{content: '\e094';font-size: 22px !important;}
.lg-actions .lg-next:before{content: '\e095';font-size: 22px !important;} .section.fullwidth .detail-info-box{
width: 90%;
}
.detail-info-box{
position: relative;
margin: 80px auto;
padding: 0 20px;
}
.default-detail-info{
padding: 0 20px;
}
.end-tags{
display: inline-block;
height: 30px;
}
.project-meta{
position: relative;
display: inline-block;
top: 4px;
}
.project-meta span{
color: #999;
}
.project-meta p,.project-meta span,.project-meta a{
display: inline-block;font-size: 0.875rem;
vertical-align: baseline;
margin-right: 6px;
line-height: 30px;
}
.project-meta p{
margin-right: 20px;
}
.default-detail-info .img{
margin-bottom: 30px;
}
.default-post-info .meta-label{
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 20px;
}
.default-post-info .meta-label>i{
display: block;
font-size: 0.875rem !important;
font-style: normal;
margin-bottom: 4px;
color: #000;
}
.default-post-info .right{
display: inline-block;
vertical-align: top;
width: 75%;
padding: 0 20px;
}
.default-post-info .right .section.boxed{
padding: 0 !important;
}
.left-null.default-post-info .meta-label{
display: none;
}
.left-null.default-post-info .right{
width: 100%;
}
.default-post-info .meta-label p{
white-space: pre-line;
margin-bottom: 20px;
font-size: 0.875rem;
color: #888;
}
.detail-info p{
position: relative;
margin-bottom: 20px;
white-space: pre-line;
}
.detail-info :not(.pic-box) img,
.default-detail-info :not(.pic-box) img{
margin-bottom:30px;
}
.detail-info img~img,
.default-detail-info img~img,
.default-detail-info .img img:nth-child(1){
margin-top: 0;
}
.default-post-info .img .item img{
margin: 0;
}
.default-post-info a.btn{margin-bottom: 20px;}
.post-info-bottom{
margin-left:auto;
margin-right:auto;
}
.post-info-bottom>div{
position: relative;
margin: 0 auto;
padding: 0 20px 20px;
}
.post-info-bottom{
position: relative;
margin-bottom: 40px;margin-top: 10px;
font-size: 0;
}
.post-info-bottom>div:before{
content: '';position: absolute;left: 0;right: 0;bottom: 0; height: 2px;background-color: #f3f4f5;margin:0 20px;
}
.page-links,.no-comments{
padding: 20px;
}
.page-links a{
display: inline-block;
margin-right: 20px;
}
.default-detail-title{
position: relative;
top: -5px;
margin-bottom: 20px;
}
.default-detail-title .h{
line-height: 120%;
font-size: 30px;
margin-bottom: 15px;
margin-top: 0;
}
.side-type-02 .default-detail-title .h{
font-size: 40px;
}
.default-detail-title dl{
display: inline-block;
padding-right: 40px;
vertical-align: top;
letter-spacing: 0.5px;
font-size: 0.75rem;
color: #999;
}
.default-detail-title dd,.default-detail-title dt{
display: inline-block;
margin-right: 6px;
line-height: 20px;
}
.detail-share-item{
position: relative;
float: right;
min-width: 80px;
height: 30px;
top: 2px;
margin-bottom: 20px;
overflow: hidden;
}
.detail-share-item:before{
content: 'SHARE';
position: absolute;
right: 0;top: 1px;
font-size: 0.75rem;
line-height: 40px;
}
.detail-share-item:after{
content:"\e081";
position: absolute;
right: 50px;top: 0;
font-family: 'my_icons';
font-size: 20px;
line-height: 40px;
}
.detail-share-item a{
position: relative;
display: inline-block;
left: 40px;
line-height: 40px;
text-align: center;
opacity: 0;
}
.detail-share-item:hover:after,
.detail-share-item:hover:before{
opacity: 0;
visibility: hidden;
}
.detail-share-item:hover a{
left: 0;
width: 30px;
margin-left: 10px;
opacity: 1;
}
.banner-bg,
.top-banner.mode-01.one-img.small .banner-bg{
position: absolute;width: 100%;height: 100%;left: 0;top: 0;
background-size: cover;
background-position: center;
opacity: 0.3;
}
.top-banner.detail{padding: 0;overflow: hidden;}
.top-banner img{
width: 100%;
height: auto;
}
.top-banner.mode-01 img{
visibility: hidden;
}
.top-banner .slick-arrow{
height: 50px;width: 50px;
}
.top-banner .slick-arrow:after{
line-height: 46px;
}
.top-banner .slick-prev{
right: 68px;
}
.top-banner.mode-03 .slick-arrow{
right: 50%;
margin: 0;
}
.top-banner.mode-03 .slick-list,
.top-banner.mode-03 .slick-track{
height: 100% !important;
}
.top-banner.mode-03 .slick-next{
margin-right: -48px;
}
.top-banner.mode-01 .item,.top-banner.mode-04 .item{position: relative;}
.top-banner.mode-01 .item:before{
content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;
background-color: rgba(22,22,22,.5);
z-index: 99;
}
.top-banner.mode-01.light .item:before{
background-color: rgba(255,255,255,.3);
}
.top-banner.mode-01.one-img .item:before{
display: none;
}
.top-banner.mode-01 .item.slick-center:before{background-color: rgba(22,22,22,.0);}
.top-banner.mode-01.light .item.slick-center:before{background-color: rgba(255,255,255,.0);}
.top-banner .item img{
width: auto;
height: 100%;
visibility: visible;
}
.top-banner .slick-arrow{
bottom: 6%;
margin-right: 5%;
}
.header-03 ~ .top-banner.mode-04,
.header-03 ~ .top-banner.mode-03{
margin-top: 30px;
}
.top-banner.mode-04 .slick-arrow{
bottom: 40px;
margin-right: 20px;
}
.top-banner.mode-01 img{
position: relative;
display: inline-block;
width: auto;
visibility: visible;
text-align: center;
z-index: 9;
}
.top-banner.mode-01 .item{
overflow: hidden;
}
.top-banner.mode-01.small .img{
text-align: center;
padding: 6% 0;
}
.header-02.type-02-2~.top-banner.mode-01.small .img{
padding: 3% 0;
}
.top-banner.mode-01.small .img img{
box-shadow: 2px 2px 30px rgba(1,1,1,.3);
}
.top-banner.mode-01.one-img img{
visibility: hidden;
width: 100%;
}
.top-banner.mode-01.one-img.small img{
visibility: visible;
width: auto;
}
.top-banner.mode-01.one-img .banner-bg{
opacity: 1;
}
.top-banner.mode-02 img,
.top-banner.mode-04 img{
width: 100%;
height: auto;
}
.margin-box.if-mode-03{
height: 120px;
}
.top-banner.mode-03 .img img{
margin: 0 auto;
}
.top-banner.detail.small{
background-color: #343536;
}
.top-banner.mode-04{
margin-bottom: 40px !important;
}
.top-banner.mode-04 .item{
width: 33.333333%;
margin: 20px;
}
.top-banner.mode-04 .low .item{
margin-left: 0;
margin-right: 0;
}
.top-banner.mode-04 .item .item-bg{
padding-top: 100%;
background-position: center;
background-size: cover;
cursor: pointer;
}
.top-banner.mode-04 .low .item .item-bg{
padding-top: 50%;
}
.item-bg.low{
position: absolute;width: 100%;height: 100%;top: 0;left: 0;
background-position: center;
background-size: cover;
}
.detail-bottom-other{
position: relative;
color: #343536;
}
.detail-ctrl{
position: relative;
padding: 40px 0 40px;
}
.post-info-bottom + .detail-bottom-other .detail-ctrl{
padding-top: 0;
}
.detail-bottom-other>.code-container{
padding: 0 !important;
}
.detail-bottom-other .detail-ctrl .code-container{
margin: 0 auto;padding: 0;
}
.detail-bottom-other .carousel-box .container:hover .img:after{
opacity: 0.4;
}
.detail-bottom-other .carousel-box:hover{
opacity: 1;
}
.title-03{
display: none;
}
.detail-ctrl .ctrl{
position: relative;
width: 40%;
overflow: hidden;
z-index: 1;
}
.side-type-01~.detail-bottom-other .detail-ctrl{
border-top: 2px solid #f3f4f5;
}
.side-type-01~.detail-bottom-other .detail-ctrl:before{
content: '';
position: absolute;width: 2px;height: 40%;
left: 50%;top: 30%;
background-color: #f3f4f5;
}
.ctrl.disable{
opacity: 0.4;
}
.ctrl.disable:before{
content: '';
position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;
z-index: 9999;
}
.ctrl.disable p{display: none;}
.detail-ctrl .prev{
float: left;
text-align: left;
}
.detail-ctrl .next{
float: right;
text-align: right;
}
.detail-ctrl .ctrl .text{
position: relative;
line-height: 80px;
height: 80px;
}
.detail-ctrl .ctrl p{
position: absolute;
top: 0;
padding: 0 40px;
text-transform: uppercase;
color: #343536;
line-height: 80px;
opacity: 0;
}
.detail-ctrl .prev p{
left: 30px;
}
.detail-ctrl .next p{
right: 30px;
}
.detail-ctrl .ctrl span{
position: absolute;
width: 100%;
left: 0;
top: 0;
color: #343536;
line-height: 80px;
z-index: 2;
}
.detail-ctrl .prev span{
padding-left: 50px;
}
.detail-ctrl .next span{
padding-right: 50px;
}
.ctrl.next.disable span{padding-right: 50px !important;opacity: 1 !important;}
.ctrl.prev.disable span{padding-left: 50px !important;opacity: 1 !important;}
.detail-ctrl .prev:after,
.detail-ctrl .next:after{
position: absolute;
top: 0;
font-family: 'my_icons';
font-size: 15px;
font-weight: normal !important;
line-height: 80px;
}
.detail-ctrl .prev:after{content: "\e92d";left: 20px;}
.detail-ctrl .next:after{content: '\e92e';right: 20px;}
.ctrl.prev.disable:after{left: 20px !important;}
.ctrl.next.disable:after{right: 20px !important;}
.detail-ctrl .ctrl:hover p{
padding: 0 26px;
opacity: 1;
}
.detail-ctrl .prev:hover span{
padding-left: 60px;
opacity: 0;
}
.detail-ctrl .next:hover span{
padding-right: 60px;
opacity: 0;
} .default-post-info.has-gallery .code-container .code-box:first-child>.h{
text-align: center;
}
.post-gallery{
margin: 10px 10px 30px 10px;
}
.post-gallery.type-01{
margin: 0 0 30px 0;
}
.default-detail-info .post-gallery:not(.type-01){
margin-left: -10px;
margin-right: -10px;
}
.default-detail-info .post-gallery.type-01{
margin: 0;
}
.post-gallery .container{
position: relative;
}
.post-gallery .box p{
position: absolute;
width: 100%;
padding: 20px;
bottom: 0;left: 0;
color: #fff;
font-size: 0.875rem;text-align: center;
background-color: rgba(11,12,13,.3);
opacity: 0;
z-index: 1;
}
.post-gallery .box p:empty{
display: none;
}
.post-gallery .container:hover p{
opacity: 1;
}
.post-gallery .box{
width: 100%;
float: left;
}
.post-gallery .img{
background-position: center;
background-size: cover;
margin-bottom: 0;
cursor: pointer;
}
.post-gallery .img:hover{
opacity: 0.8;
}
.default-detail-info .post-gallery .img img{
margin-bottom: 0;
}
.post-gallery.type-01 .box{
margin-bottom: 30px;
}
.post-gallery.type-02 .box,.post-gallery.type-03 .box,.post-gallery.type-04 .box{
width: 33.333333%;
padding: 10px;
}
.post-gallery.type-03 .img{
padding-top: 66%;
}
.post-gallery.type-04 .img{
padding-top: 120%;
}
.post-gallery.type-05 .box{
position: relative;
padding-top:50%;
}
.post-gallery.type-05 .img,.post-gallery.type-05 .container{
position: absolute;
left: 0;top: 0;right: 0;bottom: 0;
}
.post-gallery.type-05 .container{
border:10px solid transparent;
}
.post-gallery.type-05 .box:nth-child(6n+2),
.post-gallery.type-05 .box:nth-child(6n+6){
width: 60%;
padding-top: 40%;
}
.post-gallery.type-05 .box:nth-child(6n+3),
.post-gallery.type-05 .box:nth-child(6n+5){
width: 40%;
padding-top: 40%;
}
.post-gallery.type-06 .box{
width: 50%;
padding: 10px;
}
.post-gallery.type-06 .img{
padding-top: 60%;
}
.post-gallery.type-06 .box:nth-child(5n+3),
.post-gallery.type-06 .box:nth-child(5n+4),
.post-gallery.type-06 .box:nth-child(5n+5){
width: 33.33%;
}
.post-gallery.type-06 .box:nth-child(5n+3) .img,
.post-gallery.type-06 .box:nth-child(5n+4) .img,
.post-gallery.type-06 .box:nth-child(5n+5) .img{
padding-top: 70%;
} .fullwidth .blog-group-content{
max-width: 100%;
margin: 30px 50px;
}
.section.boxed .blog-group-content{
margin: 30px auto;
}
.section.boxed .section-title + .blog-group-content{
margin-top: 0;
}
.fullwidth .blog-type-03{
margin: 0;
}
.blog-detail-03 .item{
position: relative;
background-position: center;
background-size: cover;
}
.header-01~.blog-detail-03 .item{
opacity: 0.8;
}
.blog-box .sticky{
position: absolute;
left: 0;top: 0;
width: 72px;height: 72px;
z-index: 99;
}
.blog-box .sticky img{
width: auto;
max-width: 100%;
}
.blog-box{
position: relative;
float: left;
}
.blog-box .container{
overflow: hidden;
}
.blog-box .img{
background-color: #fff;
}
.blog-box .text-container p{
}
.blog-type-01 .blog-box .text-container p{
margin-bottom: 30px;
}
.blog-type-04 .text-container p{
padding-top: 8px;
font-size: 22px;
}
.text-container p a{
color: #343536;
}
.blog-box span.date,a.date,
a.tag,
.tag-group i{
position: relative;
display: inline-block;
margin-right:10px;
line-height: 19px;
font-size: 0.813rem;
color: #aaa;
vertical-align: bottom;
}
.tag-group a.tag:last-child{
margin-right: 0;
}
.blog-box a.more{
display: inline-block;
margin-top: 20px;
padding: 10px 30px;
font-size: 0.75rem;
color: #666;
letter-spacing: 2px;
background-color: #f0f0f0;
text-transform: uppercase;
border-radius: 3px;
z-index: 1111;
}
.tag-group:empty,.no-img .img a,.no-img .img img{
display: none;
}
.blog-type-04 .no-img .img{
margin-bottom: 0 !important;
}
.blog-type-04 .no-img .text p{
margin-top: 0;padding-top: 0;
}
.no-img .img,
.no-img.img{
background-image: url(//anikitos.com/wp-content/themes/pinetree/data/images/no-img.svg) !important;
background-size: cover;
background-position: center;
}
.blog-type-07 .no-img .img{
padding-top: 67%;
}
.blog-type-06 .no-img .img{
margin: 0 10%;
}
.pic-box .no-img.img,
.carousel-box .no-img.img{
padding-top: 70%;
opacity: 1 !important;
}
.pic-type-08 .pic-box .no-img.img{
padding-top: 40%;
}
.blog-type-01 span.date:after,
.blog-box .tag-group:before,
.blog-meta a.date:before{
content: '/';
font-size: 0.75rem;
color: #ddd;
line-height: 18px;
margin-right: 10px;
}
.blog-type-01 span.date:after{
margin-left: 10px;
margin-right: 0;
}
.blog-type-02 .tag-group:before{
margin-right: 12px;
color: #666;
}
.blog-type-05 a.date:before,
.default-detail-info a.date:before,
.default-detail-info .tag-group:before,
.blog-type-05 .tag-group:before{
margin-left: -10px;
}
.section .blog-type-01{
margin-top: 100px !important;
}
.blog-type-01 .blog-box{
float: none;
margin-bottom: 150px;
font-size: 0;
}
.blog-type-01 .blog-box.small{
padding: 0 7%;
}
.blog-type-01 .blog-box.tiny{
padding: 0 20%;
}
.blog-type-01 .img{
width: 70%;
}
.blog-type-01 .no-img .img{
padding-top: 40%;
}
.blog-type-06 .no-img .img{
padding-top: 50% !important;
}
.blog-type-01 .text-container{
position: relative;
width: 25%;
margin-top: 10%;
background-color: transparent;
z-index: 2;
}
.blog-type-01 .blog-box.small .text-container{
margin-top: 16%;
}
.blog-type-01 .blog-box.tiny .text-container{
margin-top: 24%;
width: 40%;
left: 5%;
}
.blog-type-01 .blog-box.tiny .img{
width: 60%;
left: -5%;
}
.blog-type-01 .text{
position: relative;
margin-top: 0 !important;
width: 100%;
}
.blog-type-01 .text p a{
position: relative;
display: block;
width: 180%;
top: 0;
}
.blog-type-01 .text p:hover a{
top: -5px;
}
.blog-type-01 em.intro:before{
position: absolute;
content: '';
width: 6%;height: 2px;
background-color: #343536;
left: -10%;top: 8px;
}
.blog-type-01 .blog-box:nth-child(2n+1) .img{
float: right;
}
.blog-type-01 .blog-box:nth-child(2n+1) .text-container{
float: left;
}
.blog-type-01 .blog-box.tiny:nth-child(2n+1) .text-container{
left: -10%;
}
.blog-type-01 .blog-box.tiny:nth-child(2n+1) .img{
right: -10%;
}
.blog-type-01 .blog-box:nth-child(2n+1) em.intro{
position: relative;
left: 10%;
}
.blog-type-01 .blog-box:nth-child(2n+2) .img{
float: left;
}
.blog-type-01 .blog-box:nth-child(2n+2) .text-container{
float: right;
text-align: left;
left: -2%;
}
.blog-type-01 .blog-box:nth-child(2n+2) .text p a{
margin-left: -30%;
width: 140%;
}
.blog-type-01 .blog-box:nth-child(2n+2) em.intro{
position: relative;
left: 10%;
text-align: left;
}
.blog-type-01 .text p{
font-size: 50px;
}
.blog-type-01 .multi-img:before{
display: none;
}
.blog-type-01 .blog-box span.date,
.blog-type-01 .blog-box a.tag{
position: relative;
left: 10%;
margin-bottom: 10px;
}
.blog-type-04 .blog-box{
width: 33.333333%;
}
.blog-box em.intro{
display: block;
margin-top: 10px;
font-style: normal;
color: #555;
font-size: 15px;
line-height: 150%;
}
.blog-type-01 .blog-box em.intro{
margin-top: 0;
}
.blog-type-04 .blog-box{
padding: 20px;
margin-bottom: 30px;
}
.blog-type-04 .blog-box .img{
margin-bottom: 20px;
}
.blog-box .text-container p{
margin: 4px 0 10px 0;
line-height: 100%;
}
.blog-group-content.blog-type-05{
margin: 60px auto;
padding: 0 30px;
}
.section.side-type-02 .blog-type-05{
max-width: 900px;
}
.blog-type-05 .blog-box{
width: 100%;
font-size: 0;
margin-bottom: 40px;
}
.blog-type-05 .blog-box.no-img .container{
overflow: auto;
}
.blog-type-05 .blog-box.no-img .sticky{
position: relative;
}
.blog-type-05 .blog-box.no-img .text-container{
margin-top: 20px;
}
.blog-type-05 .blog-box.no-img .img img{
height: 0;
}
.blog-type-05 .author{
margin-bottom: 10px;
}
.blog-type-05 a.simple-more{
font-size: 0.875rem;
}
.blog-meta{
position: relative;
margin: 10px 0;
}
.blog-meta.no-img{
padding-left: 0;
}
.blog-meta.no-img img{
display: none;
}
.blog-meta img{
position: relative;
top: -5px;
width: 30px;
height: auto;
border-radius: 50%;
margin-right: 16px;
margin-bottom: 0 !important;
}
.blog-meta a.date,.blog-meta a.tag,.blog-meta a.tag{
display: inline-block;
vertical-align: top;
font-size: 0.813rem;
margin-right: 20px;
}
.blog-meta .tag-group a{
margin-right: 10px;
}
.blog-meta a:hover{
text-decoration: none !important;
}
.blog-meta a{
color: #444546;
}
.blog-type-05 .blog-box em.intro{
color: #555;
}
.blog-type-05 .text-container{
margin:30px 0;
}
.blog-type-05 .text p{
font-size: 30px;
margin-bottom: 20px;
}
.blog-type-03 a.full,
.blog-type-06 a.full{
display: none;
}
.blog-type-03 .date,.blog-type-03 span.date,.blog-type-03 a.tag{
color: #fff;
}
.blog-type-03 .img:after{
content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;
opacity: 1 !important;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(17,17,17,.5)));
background-color: transparent !important;
z-index: 8 !important;
}
.normal.blog-type-03 .blog-box .img:before{
border:none;
margin: 0;
z-index: 8;
}
.blog-type-03 .blog-box .container{
position: absolute;
width: 100.1%;height: 100.1%;
left: 0;bottom: 0;
z-index: 2;
}
.normal.blog-type-03 .blog-box .container:hover .img:before{
top: 0;
opacity: 0.6;
}
.blog-type-03 .container:hover .img{
top: -1%;
}
.blog-type-03{
font-size: 0;
}
.blog-type-03 .blog-box{
width: 33.333333%;
float: none;
display: inline-block;
vertical-align: top;
padding-top: 40%;
border: 10px solid transparent;
overflow: hidden;
}
.fullwidth .blog-type-03 .blog-box{
border: none;
}
.blog-type-03 .blog-box .img{
position: absolute;
height: 101%;width: 100%;
top: 0;left: 0;
background-size: cover;
background-position: center;
background-color: transparent;
z-index: 1;
}
.blog-type-03 .blog-box .text{
position: absolute;
width: 100%;
bottom: 0;left: 0;
padding:8% 10%;
margin-top: -20px;
text-align: center;
z-index: 8;
}
.blog-type-03 .blog-box img{
display: none;
}
.blog-type-03 .text p{
margin: 10px 0 10px 0;
font-size:24px;
}
.blog-type-03 .text p a{
color: #fff;
}
.blog-type-03 .box-btn-more{
left: 50%;
position: absolute;
bottom: 0;
opacity: 0;
}
.blog-type-03 .container:hover .box-btn-more{
opacity: 1;
bottom: 34px;
}
.blog-type-03 .container:hover .text{
bottom: 40px;
}
.boxed .blog-type-03 .container:hover .text{
bottom: 50px;
}
.blog-type-03 .box-btn-more:hover{
color: #343536;
background-color: #fff;
}
.blog-box a.more:hover{
color: #fff;
}
.normal .blog-box .img:after{
z-index: 1;
}
.normal .blog-box .img:hover:after{
opacity: 0.3;
}
.normal .blog-box .multi-img:after{
display: none;
}
.section .blog-group-content.blog-type-06{
margin-top: 100px;
}
.blog-type-06 .blog-box{
margin-bottom: 150px;
width: 100%;
}
.blog-type-06 .blog-box .container{
overflow: visible;
}
.blog-type-06 .blog-box .img{
padding: 0 10%;
}
.blog-type-06 .blog-box.type-02 .img{
padding: 0 20%;
}
.blog-type-06 .blog-box .img:after{
display: none;
}
.blog-type-06 .blog-box p{
position: relative !important;
width: 60%;
margin: 50px auto 70px;
text-align: center;
font-size: 48px;
line-height: 100%;
}
.blog-type-06 .blog-box p:after{
content: '';position: absolute;bottom: -220px;left: 50%;
width: 1px;height: 200px;
background-color: #ccc;
}
.blog-type-06 .text-container{
position: absolute;
width: 70px;height: 70px;
bottom: 20%;right: 420px;
}
.blog-type-06 .text-container .text{
position: absolute;
left: 0;bottom: 20px;
background-color: #fff;
width: 500px;
padding: 40px;
opacity: 0;
visibility: hidden;
z-index: 2;
}
.blog-type-06 .blog-box:nth-child(even) .text-container{
right: auto;
left: 420px;
}
.blog-type-06 .blog-box:nth-child(even) .text-container .text{
left: auto;right: 0;
}
.blog-type-06 .text-container:after{
content:"\e927";
position: absolute;width: 100%;height: 100%;left: 0;top: 0;
font-family: 'my_icons';
font-size: 22px;
text-align: center;line-height: 70px;
background-color: #fff;
color: #343536;
}
.blog-type-06 .text-container:hover:after{
top: -40px;
opacity: 0;
}
.blog-type-06 .text-container:hover .text{
opacity: 1;
bottom: 0;
visibility: visible;
}
.blog-type-06 .blog-box em.intro{margin-top: 10px;}
a.more-02{
display: inline-block;
padding: 10px 40px;
margin-top: 20px;
font-size: 0.75rem;
background-color: #343536;
color: #fff;
}
a.more-02:hover{
color: #fff;
}
.blog-type-06 .slick-arrow{
right: 50%;
margin: 0;
}
.blog-type-06 .slick-next{
margin-right: -38px;
}
.blog-type-07{
font-size: 0;
}
.blog-type-07 .blog-box{
width: 33.333333%;
padding: 20px;
display: inline-block;
float: none;
vertical-align: top;
}
.blog-type-07 .text-container{
padding: 30px 5% 40px;
text-align: center;
}
.blog-type-07 .text-container p{
font-size: 20px;
line-height: 120%;
}
a.simple-more,a.promo-link-01{
position: relative;
display: inline-block;
margin-top: 14px;
padding: 4px 0;
font-size: 0.75rem;
letter-spacing: 1px;
}
a.simple-more{
padding: 10px 20px;
border: 2px solid #eee;
}
a.promo-link-01{
font-size: 0.813rem;
margin-top: 4px;
}
a.simple-more:hover{
color: #343536;
}
a.promo-link-01:after{
content: '';position: absolute;left: 50%;bottom: 2px;
width: 0;height: 2px;
background-color: #343536;
}
a.promo-link-01:hover:after{
width: 100%;
margin-left: -50%;
}
a.simple-more:hover{
color: #fff;
border-color: #343536;
background-color: #343536;
} .tag-group{
display: inline-block;
font-size: 0;
vertical-align: top;
}
.blog-box .tag i,.date i{
margin-right: 6px;
}
.section.fullwidth .blog-type-02{
margin: 0;
}
.blog-type-02 .blog-box span.date,.blog-type-02 a.date,.blog-type-02 a.tag{
font-size: 0.75rem;
}
.blog-type-02 .blog-box{
width: 100%;
float: none;
}
.boxed .blog-type-02 .blog-box{
margin: 40px 0;
}
.blog-type-02 .container{
background-color: #242526;
}
.blog-type-02 .text-container:after{
content: '';
display: inline-block;
width: 0;
padding-top: 40%;
vertical-align: middle;
}
.fullwidth .blog-type-02 .text-container:after{
padding-top: 36%;
}
.box-btn-more{
position: relative;
display: inline-block;
margin-top: 20px;
padding: 10px 30px;
font-size: 0.75rem;
letter-spacing: 2px;
text-transform: uppercase;
background-color: transparent;
border: 2px solid #fff;
color: #fff;
z-index: 9;
}
.blog-type-02 .box-btn-more{
border: 2px solid #444546;
}
.blog-type-02 .img{
position: absolute;
width: 66.66%;height: 100%;
left: 0;top: 0;
background-size: cover;
background-position: center;
}
.blog-type-02 .text{
position: relative;
display: inline-block;
vertical-align: middle;
width: 33.333333%;
left: 66.66%;
padding: 0 6%;
}
.blog-type-02 .blog-box:nth-child(2n+1) .text{
left: 0;
}
.blog-type-02 .blog-box:nth-child(2n+1) .img{
left: auto;
right: 0;
}
.blog-type-02 p{
font-size: 24px;
}
.fullwidth .blog-type-02 p{
font-size: 36px;
}
.blog-type-02 em.intro{
color: #aaa;
}
.blog-type-02 p a{
color: #fff;
}
.blog-type-02 .box-btn-more:hover{
color: #343536 !important;
background-color:#fff;
border-color: #fff;
} .fullwidth.has-side{
padding: 0 100px;
}
.side-type-01 .side-right{
float: right;
width: 25%;
margin: 50px 0 0 0;
padding-right: 20px;
}
.side-type-01 .blog-group-content.side-left,
.section.side-left{
float: left;
width: 75%;
padding-right: 60px;
padding-left: 20px;
margin: 50px 0 0 0;
}
.side-type-02 .section.side-left{
width: auto;
}
.side-type-02 .blog-group-content.side-left,
.side-type-02 .section.side-left{
float: none;
margin: 50px auto 0;
padding:0;
}
.side-left .section{
padding: 0 !important;
}
p.search-result{
font-size: 48px;
margin:50px 0;
color: #ccc;
text-align: center;
}
.section.boxed p.search-result + .blog-group-content.blog-type-05{
padding: 30px;
max-width: 800px;
}
.widget{
margin-bottom: 60px;
}
.textwidget{
line-height: 150%;
}
.recentcomments a{
vertical-align: baseline;
}
.widget-title{
position: relative;
font-size: 20px;
margin: 10px 0 30px;
line-height: 100%;
}
.widget-title:after{
content: '';position: absolute;width: 30px;height: 2px;bottom: -8px;left: 0;
background-color: #343536;
}
.widget_text img{
max-width: 100%;
display: block;
margin: 0 auto 20px;
}
.widget_most_popular p a,.widget_recent_entries li a,.widget_categories li{
line-height: 120%;
}
.widget_most_popular ul{
margin-top: 40px;
}
.widget_most_popular li{
font-size: 0;
margin: 20px 0;
}
.widget_most_popular .img{
position: relative;
width: 100%;
}
.widget_most_popular .img:hover{
opacity: 0.8;
}
.widget_most_popular .text{
position: relative;
width: 100%;
margin:10px 0 30px 0;
font-size: 0.875rem;
line-height: 120%;
}
.widget_most_popular .no-img .text{
margin-top: 0;
}
.widget_recent_entries li{
line-height: 120%;
}
.widget .post-date{
display: block;
font-size: 0.813rem;
color: #999;
margin-top: 6px;
}
.widget li{
position: relative;
margin-bottom: 15px;
font-size: 15px;
}
.widget li a {
vertical-align: baseline;
}
.widget_archive li,.widget_categories li{
border: 1px solid #efefef;
border-bottom: none;
margin-bottom: 0;
padding: 15px 24px;
}
.widget:not(.widget_pages) li:last-child,.widget_categories li:last-child{
margin-bottom: 0;
}
.widget_archive li:last-child,.widget_categories li:last-child{
border-bottom: 1px solid #efefef;
}
.widget_recent_entries li, .widget_recent_comments li{
margin-bottom: 15px;
border-bottom: 1px solid #efefef;
padding-bottom: 16px;
}
.widget.widget_tag_cloud .tagcloud{
font-size: 0;
}
.widget.widget_tag_cloud .tagcloud a{
display: inline-block;
padding:0 15px;
margin: 0 4px 4px 0;
height: 30px;line-height: 30px;
background-color: #343536;
color: #fff;
font-size: 0.75rem !important;
text-transform: uppercase;
}
.widget form{
position: relative;
}
.widget_pages li{
line-height: 30px;
}
li.recentcomments{color: #999;}
.widget_pages .children li:before{
content: '-';
position: absolute;
left: -10px;
}
.widget .search-form input{
display: inline-block;
}
.search-form .screen-reader-text{display: none;}
.widget .search-form input.search-field, input[type='password']{
width: 100%;
padding: 0 15px;
height: 40px;line-height: normal;
background-color: #f3f4f5;
border: 2px solid transparent;
}
input[type='password']{width: auto;}
.widget .search-form button.search-submit span,
.page-null button.search-submit span{
display: block;
}
.detail-info input[type='submit']{
height: 40px;border: 2px solid #343536;
padding: 0 20px;color: #fff;background-color: #343536;margin-left: 10px;
cursor: pointer;
}
.detail-info input[type='submit']:hover{
background-color: #fff;
color: #343536;
}
.widget .search-form button.search-submit,
.page-null button.search-submit{
display: block;
position: absolute;
width: 36px;height: 36px;
right: 2px;top: 0;
font-size: 0;
background-color:transparent;
border: none;
cursor: pointer;
}
.page-null button.search-submit{
right: 6px;
top: 0;
}
.search-form button.search-submit span:after,
.page-null button.search-submit span:after{
content: "\f002";
font-family: FontAwesome;
font-size: 0.75rem;
text-align: center;
line-height: 36px;
}
.page-null button.search-submit span:after{
font-size: 0.875rem;
}
.widget_categories li{
margin: 0;
}
.widget_archive li:hover,.widget_categories li:hover{
background-color: #f9f9f9;
}
a.tag:hover,a.date:hover{
text-decoration: underline;
}
.widget .menu>li.has-sub:after,
.widget_pages>ul>li.has-sub:after{
content: '\e919';
position: absolute;line-height: 34px;
top: 0;right: 0;
font-family: 'my_icons';
font-size: 0.875rem;
color: #343536;
}
#menu-all-pages li.has-sub:after{line-height: 48px;}
.widget li.menu-item{
padding: 15px 0;
margin: 0;
}
.widget .sub-menu li.menu-item:last-child{
padding-bottom: 0;
}
.widget .sub-menu{
display: none;
padding-left: 20px;
}
.widget>ul>li>.sub-menu{
padding: 10px 0 0 20px;
}
.widget .sub-menu .sub-menu{
padding-bottom: 0;
margin-top: 10px;
}
.widget .menu-item a{
font-size: 0.875rem;
}
.widget_rss li a{
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.widget_rss li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.rssSummary {margin: 10px 0;}
.rss-date:before{content: "\f073";font-family: 'FontAwesome';display: inline-block;margin-right: 8px;} ol.comment-list:before{
content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;
background-color: #ddd;
height: 1px;
margin:0 20px;
display: none;
}
.default-post-info + .post-comment{
margin-top: -50px;
}
.default-post-info.section-margin{
margin-bottom: 80px;
}
.default-post-info + .post-comment ol.comment-list:before{
display: none;
}
ol.comment-list{
margin-top: 30px;
}
ol.comment-list,
.comment-form{
position: relative;
padding: 20px;
}
.section.boxed li .comment-form {
padding-right: 0;
padding-left: 0;
margin-top: -30px;
margin-bottom: 30px;
}
ol.comment-list ol{
position: relative;
padding-left: 30px;
}
ol.comment-list ol ol ol{padding-left: 0;}
.comment-list .reply{
position: absolute;
right: 0;
top: 10px;
}
.comment-body{
position: relative;
padding-left: 80px;
padding-bottom: 44px;
margin-bottom: 40px;
border-bottom: 2px solid #f3f4f5; }
.comment-navigation{
padding: 0 20px;
margin-bottom: 50px;
}
.comment-navigation .nav-links{
height: 72px;
line-height: 68px;
border-bottom: 2px solid #f3f4f5;
border-top: 2px solid #f3f4f5;
}
.nav-links a{
font-size: 0.875rem;
}
.nav-previous{
float: left;
}
.nav-next{
float: right;
}
ol.comment-list>li:last-child .comment-body{
margin-bottom: 0;
border: none;
}
.comment-author{
font-size: 0;
}
.comment-author .img{
position: relative;
display: inline-block;
width: 60px;
left: -80px;
vertical-align: middle;
border-radius: 50%;
overflow: hidden;
}
.comment-author .text{
position: relative;
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
left: -60px;
}
.comment-author .text cite,
.comment-author .text cite a,
.comment-author .text span{
display: inline-block;
line-height: 30px;
}
.comment-author .text cite{
padding-left: 5px;
}
.comment-author .text span{
color: #999;
}
.comment-author .text cite a,
.comment-author .text cite{
font-style: normal;
color: #343536;
}
.comment-body>p{
display: inline-block;
width: 80%;
vertical-align: top;
}
.end-tags a,
.reply a{
display: inline-block;
padding: 8px 20px;
font-size: 0.75rem;
letter-spacing: 1px;
text-transform: uppercase;
border: 2px solid #eceeef;
color: #555;
line-height: normal;
background-color: transparent;
}
.end-tags a{
background-color: #343536;
color: #fff;
padding: 6px 15px;
border: 2px solid #343536;
margin:0 6px 6px 0;
}
.comment-meta a{
display: inline-block;
font-size: 0.875rem;
color: #aaa;
}
.title-02{
position: relative;
font-size: 20px;
padding: 0 20px;
margin: 0 auto 10px;
z-index: 1;
}
.comment-list .title-02{
font-size: 0;
}
.comment-list .title-02 small{
position: absolute;
right: 0;top: 0;
}
.comment-list .title-02 small a{
margin: 0 !important;
}
li .title-02{
padding-left: 0;
padding-right: 0;
}
.title-02 small{
display: inline-block;
margin-left: 30px;
}
.comment-notes{
padding-bottom: 20px;
color: #888;
}
.logged-in-as{
padding-bottom: 20px;
font-size: 0.75rem;
}
.logged-in-as a,
.title-02 #cancel-comment-reply-link{
display: inline-block;
margin-right: 30px;
margin-left: 5px;
color: #999;
font-size: 0.75rem;
text-transform: uppercase;
}
.required{
color: #f56e68;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
float: left;
width: 33.333333%;
padding-right: 20px;
}
.comment-form-url{
padding-right: 0;
}
.contact.type-01 .wpcf7,
.contact.type-01>.widget-title{
display: inline-block;
width: 50%;
float: right;
}
div.wpcf7-validation-errors{
padding: 10px;
font-size: 0.875rem;
margin: 20px 0;
}
.contact .wpcf7-form p{
font-size: 0.875rem;
}
.contact .wpcf7 .wpcf7-form textarea{
margin-bottom: 0;
}
input[type="radio"]{
vertical-align: middle;
}
span.wpcf7-list-item{
margin-left: 0;
margin-right: 20px;
}
span.wpcf7-quiz-label {
display: block;
margin-bottom: 5px;
}
.wpcf7-form p br{
display: none;
}
.wpcf7-form p{
line-height: 200%;
margin-bottom: 20px;
}
.contact-form textarea,
.comment-form textarea,
.wpcf7-form textarea{
width: 100%;
max-width: 100%;
min-height: 150px;
padding: 15px 20px;
border: 2px solid transparent;
background-color: #f3f4f5;
margin-bottom: 20px;
font-size: 0.875rem;
}
.contact-form input,
.comment-form input,
.page-null input.search-field,
input.wpcf7-text,
input.wpcf7-number,
input.wpcf7-date,
input.wpcf7-quiz,
select.wpcf7-select{
width: 100%;
height: 40px;
font-size: 0.875rem;
line-height: normal;
border: 2px solid transparent;
background-color: #f3f4f5;
padding: 0 20px;
vertical-align: top;
}
input.wpcf7-number,input.wpcf7-date,input.wpcf7-quiz{
width: auto;
padding-right: 10px;
}
.contact-form input:focus,
.contact-form textarea:focus,
.widget .search-form input.search-field:focus,
.page-null input:focus,
.comment-form input:focus,
.comment-form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
background-color: #fff;
}
.contact-form .item-submit button,
.comment-form .form-submit input,
.wpcf7-submit{
display: inline-block;
width: auto;
background-color: #343536;
padding: 0 40px;
margin-top: 20px;
font-size: 0.75rem;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
border: none;
color: #fff;
cursor: pointer;
}
.wpcf7-submit{margin: 0;}
.comment-form-comment + .form-submit input{
margin-top: 0;
}
.reply a:hover{
background-color: #343536;
border-color: #343536;
color: #fff !important;
}
.end-tags a:hover{
color: #343536;
background-color: transparent;
} .contact{
position: relative;
overflow: hidden;
padding: 0 20px;
margin: 0 auto;
}
.map{
padding-top: 30% !important;
}
.header-01~.main-content .boxed.map{
margin: 0 auto 60px;
}
.header-01~.main-content .h_120.boxed.map{
margin: 40px auto 0;
}
.map.section-margin{
margin-bottom: 60px;
}
.map-container{
position: absolute;
width: 100%;height: 100%;top: 0;left: 0;
background-color: #fafafa;
}
.map.for-1 .map-container{background-color: #333 !important;}
.map.for-2 .map-container{background-color: #faf6eb !important;}
.map.for-3 .map-container{background-color: #ececec !important;}
.map.for-4 .map-container{background-color: #fafafa !important;box-shadow: 0 0 0 1px rgba(19,20,21,.05);}
.map.for-5 .map-container{background-color: #dad5d3 !important;}
.contact .text-container{
position: relative;
width: 50%;
float: left;
padding-right: 10%;
}
.contact .text .h{
margin-bottom: 10px;
}
.contact .text p{
line-height: 170%;
margin-bottom: 20px;
white-space: pre-line;
}
.contact .text p.pt-social{
margin-top: 30px;
}
.contact .text a i{
font-size: 1rem;
}
.pt-social i{
display: inline-block;
vertical-align: middle;
width: 28px;height: 28px;
line-height: 28px;
margin: 3px 6px 3px 0;
text-align: center;
border-radius: 50%;
color: #fff !important;
background-color: #343536;
background-color: rgba(44,46,50,.5);
font-size: 1rem;
}
.pt-social i:hover:before{
color: #fff !important;
}
.header-02 .pt-social i,
.dark .pt-social i{
background-color: #343536;
}
.header-03 .pt-social i{
background-color: transparent;
}
.header-03.light .pt-social i:before{
color: #555 !important;
}
.header-03.light .pt-social i:hover:before{
color: #fff !important;
}
.contact-form{
width: 50%;
float: right;
padding-left: 20px;
}
.contact.type-02 .text-container,
.contact.type-02 .contact-form{
width: 100%;
float: none;
padding: 0;
margin-bottom: 60px;
}
.contact-form .item{
margin:20px 0; 
}
.contact-form .item textarea,
.contact-form .item-submit button{
margin: 0;
} .banner-box .slick-arrow,
.page-404 .img,.page-404 .img img,
.pt-slider .img img,
.carousel-box .text,.features-group.type-02 .img em.intro,
.for-one-carousel{
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.top-banner.b-type-02.detail .text,
.site-loading img,
.pt-slider .text .img{
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
}
.blog-type-03 .box-btn-more,.mix-box.type-03 .img img{
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
} .site-loading{
position: fixed;
width: 100%;
height: 100%;
background-color: #ffe0b7;
left: 0;top: 0;
z-index: 9999;
}
.site-loading img{
position: absolute;
left: 50%;top: 50%;
}
.site-loading img.ie{
display: none;
} .pt-loader{
position: absolute;
left: 50%;top: 50%;
transform: translate(-25px, -25px);
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
-moz-transform: translate(-25px, -25px);
}
.pt-loader > div{
position:absolute;
display:inline-block;
width:50px;
height:50px;
border-radius:100%;
-webkit-animation:pt-loader 1.2s linear infinite;
animation:pt-loader 1.2s linear infinite;
}
.pt-loader > div:last-child {
animation-delay:-0.6s;
-webkit-animation-delay:-0.6s;
}
@keyframes pt-loader {
0% {transform: scale(0, 0);opacity:1;}
100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes pt-loader {
0% {-webkit-transform: scale(0, 0);opacity:1;}
100% {-webkit-transform: scale(1, 1);opacity:0;}
}
.default-post-info .code-box,footer .code-box{
opacity: 1;
top: 0;
transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
} .go-top{
position: fixed;
width: 34px;height: 34px;
right: 30px;bottom: 40px;
color: #ccc;
background-color:#666;
font-family: 'my_icons';
cursor: pointer;
opacity: 0;
visibility: hidden;
z-index: 999;
}
.go-top-show{
bottom: 30px;
visibility: visible;
opacity: 1;
}
.go-top:before{
content: '\e90c';
position: absolute;
width: 34px;height: 34px;line-height: 34px;
text-align: center;
font-size: 0.875rem;
}
.go-top:hover{
color:#fff;
background-color:#444;
}
footer{
position: relative;
padding: 0 60px;
background-size: cover;
background-position: center;
}
.footer-content{
position: relative;
z-index: 2;
}
footer .h:empty{
display: none;
}
footer.section.footer-02{
padding-bottom: 20px;
}
footer.footer-fixed{
position: fixed;
width: 100%;
bottom: 0;
top: auto !important;
}
.for-header-03 footer.footer-fixed{
width: 800px;
width: calc(100% - 260px);
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: -o-calc(100% - 260px);
width: -ms-calc(100% - 260px);
}
footer .code-container{
position: relative;
padding: 60px 0;
}
footer.dark .code-container+.footer-base{
border-top:1px solid rgba(111,111,111,.5);
}
footer.light .code-container+.footer-base{
border-top:1px solid rgba(111,111,111,.15);
}
footer .code-box>.h{
padding-bottom: 10px;
}
footer a{
text-decoration: none !important;
}
.footer-box img{
max-width: 100%;
}
.footer-base{
margin:0 20px;
padding: 30px 0;
font-size: 0;
}
.boxed .footer-base{
margin: 0 auto;
margin:0 auto;
padding: 26px 20px;
}
.header-03 .footer-base{
position: absolute;
width: 100%;
padding: 30px;
left: 0;bottom: 0;
margin: 0;
}
.header-03 .footer-box a{
color: #bbb;
}
.header-03 .footer-box{
text-align: center;
width: 100% !important;
}
.header-03 p.copyright{
font-size: 0.75rem !important;
margin-top: 10px;
opacity: 0.5;
}
footer .code-box .info{
margin-top: 0;
}
.footer-box{
padding: 0;
vertical-align: middle;
}
.header-03 ~.only-copyright{display: none;}
.only-copyright .pt-social,
.no-pt-social .footer-box.pt-social{
display: none;
}
footer.section.footer-02.no-pt-social{
padding-bottom: 0;
}
.only-copyright{
padding-bottom: 0 !important;
}
.footer-01 .footer-box.col-2{
width: 50% !important;
}
.footer-02 .footer-box{
line-height: 28px;
}
.footer-02 .footer-box{
width: 100% !important;
text-align: center;
}
footer .info p,footer .info span,footer .info a,.footer-box{
font-size: 0.875rem;
}
.footer-01 .footer-box.pt-social{
text-align: left;
}
.footer-01 .footer-box.copy{
text-align: right;
}
.footer-02 .footer-box.pt-social{
margin: 10px 0 40px;
}
.footer-02 .footer-box.pt-social a{
display: inline-block;
margin: 0 20px;
text-transform: uppercase;
font-size: 19px;
letter-spacing: 2px;
}
.copy p{
display: inline-block;
vertical-align: baseline;
}
.wp-login{
display: inline-block;
vertical-align: baseline;
padding: 4px 10px;
font-size: 0.75rem !important;
line-height: normal;
text-transform: uppercase;
margin: 0 10px;
border: 2px solid rgba(155,155,155,.2);
}
.header-03 .wp-login{display: none;} footer.dark{
color: #bbb;
background-color: #040506;
}
footer.light{
color: #666;
border-top: 1px solid rgba(19,20,21,.05);
}
footer.dark .h,footer.dark a{
color: #fff;
}
footer.light .h,footer.light a{
color: #343536;
} @media screen and (min-width: 1360px) {
.mix-box.type-05 .text h3,.mix-box.type-06 .text h3{font-size: 50px;}
.mix-box.type-05 .text h2,.mix-box.type-06 .text h2{font-size: 60px;}
.mix-box.type-05 .text h1,.mix-box.type-06 .text h1{font-size: 70px;}
}
@media screen and (max-width: 1360px) {
.section.boxed{padding: 0 5%;}
}
@media screen and (max-width: 1281px) {
.for-header-03{padding-left: 220px;}
.header-03{width: 220px;}
.for-header-03 footer.footer-fixed{
width: calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: -o-calc(100% - 220px);
width: -ms-calc(100% - 220px);
}
.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{font-size: 40px !important;}
.fullwidth .mix-box.type-05, .fullwidth .mix-box.type-06{margin: 0;}
.top-banner.b-type-03 p,
.top-banner.b-type-01 p,
.top-banner.b-type-02 p{
font-size: 50px;top: 0;
}
.top-banner.b-type-04 em{
font-size: 40px;
}
.top-banner.b-type-02 em,
.top-banner.b-type-01 em,
.top-banner.b-type-03 em,
.top-banner.b-type-04 em{
font-size: 0.875rem;
margin-top: 15px;
}
.top-banner.b-type-02 em{
margin-top: 20px;
}
.banner-box .text em{
font-size: 0.75rem;
}
.top-banner.section-margin,.top-banner.detail,.top-banner.detail,.post-comment.section-margin{
margin-bottom: 50px;
}
.header-02 nav a{font-size: 0.75rem !important;letter-spacing: 0 !important;}
.header-02 .main-menu>li{margin: 0 8px;}
.features-group.type-02 .text h4{font-size: 24px;}
.features-group.type-03 span i:before{font-size: 90px;}
.count-group{padding: 80px 0;}
.count-group.no-title{padding: 50px 0;}
.count-box div.icon{line-height: normal;}
.count-content{width: 100%;padding:0 5%;}
.count-box{font-size: 40px !important;}
.count-box i:before{vertical-align: bottom;}
.count-box div.icon{margin-bottom: 0;}
.count-box span{font-size: 0.75rem;line-height: 20px;}
.type-01 .team-box em.intro{font-size: 0.75rem;}
.type-01 .team-box .text{padding: 20px;}
.team-box .text p{font-size: 20px;}
p.search-result{
font-size: 30px;
}
.features-group.type-04 .features-box{
width: 50%;
}
.features-group.type-04 i.fa:before, .features-group.type-04 i.icon:before{
line-height: 0;
}
.blog-type-02 .text-container p{
font-size: 24px;
}
.section.boxed,
.fullwidth .code-container{
padding: 0 30px;
}
.boxed.post-comment{
padding: 0 10px;
}
.default-post-info:not(.has-gallery)~.section.boxed.post-info-bottom{
padding: 0 10px;
}
.promo-box.t-bottom .text,.promo-box.t-top .text{
padding: 40px !important;
}
.promo-box.t-left .text{
padding:0 40px !important;
}
.promo-box.isOver .text{
padding: 0 !important;
}
.for-header-03 .promo-box .text{ font-size: 0.75rem;}
.promo-box .text p{
font-size: 0.875rem;
} .normal .pic-box .text p{
font-size: 0.875rem !important;
line-height: 120% !important;
}
.pic-box p.tag,.pic-box p.tag span{
font-size: 0.75rem !important;
}
.filter-ctrl li{
font-size: 0.75rem;
}
.fullwidth .pic-group-content .carousel-box .text p{
font-size: 20px;
}
.boxed .pic-group-content.gallery{
margin-top: -15px;
} .w-for-01{
padding: 0 !important;
}
.blog-type-01 .text p{
font-size: 36px;
}
.fullwidth .blog-type-03 .text p{
font-size: 30px;
}
.blog-type-04 .blog-box{
width: 50%;
}
.blog-type-07 .blog-box{
padding: 20px;
}
.blog-type-07 .text-container p{
font-size: 1.125rem;
}
}
.mobile-mode .mobile-header .call-side-box{
display:block !important;
}
.mobile-mode .top-banner,
.mobile-mode .pt-slider .item,
.mobile-mode .img,
.mobile-mode .bg-img,
.mobile-mode .banner-bg,
.mobile-mode .count-group{
background-position: center !important;
}
.mobile-mode div[id^="jarallax-"]>div{
position: absolute !important;
left: 0 !important;top: 0 !important;
width: 100% !important;height: 100% !important;
margin-top: 0 !important;
margin-left: 0 !important;
transform: translate3d(0, 0, 0) !important;
background-size: cover !important;
}
.mobile-mode .mix-box.type-05 .text,.mobile-mode .mix-box.type-06 .text,
.mobile-mode .pic-type-01 .text,.mobile-mode .pic-type-01 .pic-box,
.mobile-mode .blog-type-01 .text,
.mobile-mode .blog-type-06 .blog-box p,
.mobile-mode .blog-type-06 .text-container,
.mobile-mode .blog-type-06 .text-container .text,
.mobile-mode .pic-type-11 .pic-box{
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.mobile-mode .blog-type-06 .blog-box{
margin-bottom: 60px;
}
.mobile-mode .blog-type-06 .text-container{
position: relative !important;
width: 100%;height: auto;bottom: auto;right: auto !important;left: auto !important;
}
.mobile-mode .blog-type-06 .text-container .text{
position: relative !important;
width: 100%;
bottom: auto !important;
opacity: 1;
visibility: visible;
}
.mobile-mode .pic-type-11 .pic-box{
position: relative !important;
}
.mobile-mode footer{
background-attachment: scroll;
}
.mobile-mode .detail-share-item:before,.mobile-mode .detail-share-item:after{
display: none;
}
.mobile-mode .detail-share-item a{
opacity: 1;left: 0;visibility: visible;margin-left: 10px;
}
@media screen and ( max-width : 1023px) {
.wp-login,.go-top{
display: none;
}
.only-gallery .has-gallery.has-side{margin-top: 30px !important;}
.section-title p{font-size: 0.875rem !important;}
html.has-wp-bar{margin-top: 0 !important;}
html.has-wp-bar body{margin-top: 0;padding-top: 32px;}
.margin-small{
margin-bottom: 20px !important;
}
.default-post-info {
padding: 0 20px !important;
}
.default-post-info .meta-label{
padding-left: 10px;
}
.header-02~.margin-box{height: 0 !important;}
.for-header-03 footer.footer-fixed,
.top-banner.detail~.main-content .boxed .code-container,
.boxed .comment-list,.boxed .comment-form,
.boxed.post-comment .title-01,.boxed.post-comment .title-02,
.section.boxed.section-w-small .code-container,
.detail-bottom-other .detail-ctrl .code-container,
.side-type-02 .blog-group-content.side-left,
.side-type-02 .section.side-left{
width: 100% !important;
}
.section-title{
padding: 30px 0;
}
.top-banner.b-type-03 p,
.top-banner.b-type-01 p,
.top-banner.b-type-02 p,
.top-banner.b-type-04 p{
font-size: 40px;
}
.top-banner .text{
padding: 0 40px;
}
.top-banner.b-type-03 .text{
padding: 12%;
}
.top-banner.b-type-01,
.top-banner.b-type-03{
padding: 0 40px;
}
.top-banner.b-type-04 .text{
width: 80%;
max-width: 80%;
padding: 20px;
padding-top: 25px;
}
.header-02.light~.main-slider,.header-02.light~.top-banner{margin-left: 0; margin-right: 0;}
.header-02.light~.main-content .section.boxed.has-side{margin-top: 0;}
.pt-slider .text .h,
.pt-slider .text p{
margin-top: 6px;
margin-bottom: 6px;
max-width: 90%;
}
.pt-slider .text .img{
padding: 0 10%;
}
.pt-slider .text .empty{
display: none;
}
ul.pt-dots{
left: 0;
bottom: 14px;
}
.pt-prev, .pt-next,.pt-play-ctrl{
bottom: 10px;top: auto;
}
.pt-next, .pt-prev{
width: 30px;height: 30px;
}
.pt-prev:after, .pt-next:after{
line-height: 26px;
}
.pt-slider .text{
padding: 30px 30px 40px 30px !important;
}
.pt-slider .text.type-01{
max-width: 90%;
width: 90%;
bottom: 4px;
}
.pt-prev:after, .pt-next:after{
font-size: 0.75rem;
}
.banner-box .slick-arrow,
.top-banner .slick-arrow,
.pic-type-carousel .slick-arrow,
.slick-arrow{
width: 30px;height: 30px;border-width: 2px;
margin-right: 0;
}
.slick-dots{
bottom: 10px;
}
.slick-dots li{
width: 8px;height: 8px;
}
.slick-dots button{
width: 2px;height: 2px;
}
li.slick-active button{
opacity: 0.5;
}
.banner-box .slick-next{right: 20px;}
.banner-box .slick-prev{left: 20px;}
.banner-box .slick-arrow:after,
.top-banner .slick-arrow:after,
.pic-type-carousel .slick-arrow:after,
.slick-arrow:after{
line-height: 28px;
}
.pic-type-carousel .slick-arrow{
margin-top: -15px;
}
.boxed .pic-group-content{
margin-bottom: 30 !important;
}
.fullwidth .pic-group-content{
margin-bottom: 30 !important;
}
.slick-prev{
right: 48px;
}
.blog-type-06 .slick-next {
margin-right: -28px;
}
.pic-type-carousel .slick-next{
right: 10px;
}
.pic-type-carousel .slick-prev{
left: 10px;
}
.pic-type-carousel.margin .slick-next{
right: 30px;
}
.pic-type-carousel.margin .slick-prev{
left: 30px;
}
.top-banner .slick-prev{right: 48px;}
.banner-box .text p{font-size: 24px;margin-top: 4px;}
.default-post-info .code-container:first-child .h{
font-size: 30px;padding: 0 20px;
}
.top-banner.mode-03 .slick-next{
margin-right: -28px;
}
.top-banner.mode-04 .low .slick-arrow{
bottom: 20px;
}
.acc_group dt{font-size: 18px;}
.h_90{
height: 0;
}
.section.boxed{
padding: 0 20px;
}
.post-gallery.type-02, .post-gallery.type-03, .post-gallery.type-04 {
margin: 10px 0 30px 0;
}
.section.boxed.has-gallery, .section.boxed.has-gallery~.post-comment {
padding: 30px;
}
.has-gallery~.post-info-bottom{
padding: 10px 30px!important;
}
.fullwidth .code-container,.fullwidth .team-group.type-02{
padding-right: 40px;
padding-left: 40px;
}
.features-group.type-04 .features-box{
width: 100%;
}
.features-group.type-04 .container{
height: auto !important;
}
header{display: none !important;}
.mobile-header .hide-side-box{display: block !important;}
.mobile-header{display: block;}
.col-5, .col-4, .col-3,.col-4-10, .col-3-10{
width: 50%;
}
.col-2, .col-1, .col-3-4, .col-2-3{
width: 100%;
padding: 20px 0;
}
.promo-box{width: 100% !important;}
.promo-box.noBgimg{padding: 10% !important;}
.promo-box.noBgimg .text{padding: 0 !important;}
.promo-box.noBgimg .box-content{position: relative !important;}
.promo-box.col-5.low.h-1x{padding-top: 100%;}
.promo-box.col-5.low.h-2x{padding-top: 200%;}
.promo-box.col-5.normal.h-1x{padding-top: 125%;}
.promo-box.col-5.normal.h-2x{padding-top: 250%;}
.promo-box.col-5.high.h-1x{padding-top: 150%;}
.promo-box.col-5.high.h-2x{padding-top: 300%;}
.promo-box.col-4.low.h-1x{padding-top: 80%;}
.promo-box.col-4.low.h-2x{padding-top: 160%;}
.promo-box.col-4.normal.h-1x{padding-top: 100%;}
.promo-box.col-4.normal.h-2x{padding-top: 200%;}
.promo-box.col-4.high.h-1x{padding-top:120%;}
.promo-box.col-4.high.h-2x{padding-top: 240%;}
.promo-box.col-3.low.h-1x{padding-top: 60%;}
.promo-box.col-3.low.h-2x{padding-top: 120%;}
.promo-box.col-3.normal.h-1x{padding-top: 75%;}
.promo-box.col-3.normal.h-2x{padding-top: 150%;}
.promo-box.col-3.high.h-1x{padding-top: 90%;}
.promo-box.col-3.high.h-2x{padding-top: 180%;}
.promo-box.col-3-10.low.h-1x{padding-top: 65%;}
.promo-box.col-3-10.low.h-2x{padding-top: 130%;}
.promo-box.col-3-10.normal.h-1x{padding-top: 80%;}
.promo-box.col-3-10.normal.h-2x{padding-top: 160%;}
.promo-box.col-3-10.high.h-1x{padding-top: 100%;}
.promo-box.col-3-10.high.h-2x{padding-top: 200%;}
.promo-box.col-4-10.low.h-1x{padding-top: 50%;}
.promo-box.col-4-10.low.h-2x{padding-top: 100%;}
.promo-box.col-4-10.normal.h-1x{padding-top: 60%;}
.promo-box.col-4-10.normal.h-2x{padding-top: 120%;}
.promo-box.col-4-10.high.h-1x{padding-top: 75%;}
.promo-box.col-4-10.high.h-2x{padding-top: 150%;}
.promo-box.col-2.h-1x.low{padding-top: 40%;}
.promo-box.col-2.h-2x.low{padding-top: 80%;}
.promo-box.col-2.h-1x.normal{padding-top: 50%;}
.promo-box.col-2.h-2x.normal{padding-top: 100%;}
.promo-box.col-2.h-1x.high{padding-top: 60%;}
.promo-box.col-2.h-2x.high{padding-top: 120%;}
.promo-box.col-3-4.low.h-1x{padding-top: 25%;}
.promo-box.col-3-4.low.h-2x{padding-top: 50%;}
.promo-box.col-3-4.normal.h-1x{padding-top: 33%;}
.promo-box.col-3-4.normal.h-2x{padding-top: 63%;}
.promo-box.col-3-4.high.h-1x{padding-top: 39%;}
.promo-box.col-3-4.high.h-2x{padding-top: 78%;}
.promo-box.col-2-3.low.h-1x{padding-top: 30%;}
.promo-box.col-2-3.low.h-2x{padding-top: 60%;}
.promo-box.col-2-3.normal.h-1x{padding-top: 37%;}
.promo-box.col-2-3.normal.h-2x{padding-top: 74%;}
.promo-box.col-2-3.high.h-1x{padding-top: 45%;}
.promo-box.col-2-3.high.h-2x{padding-top: 90%;}
.promo-box .text p,.for-header-03 .promo-box .text{
font-size: 1rem;line-height: 150%;
}
.footer-box.pt-social{
padding: 0 !important;
}
.features-group{
padding: 80px 20px;
}
.features-group .features-box{
width: 50%;
}
.promo-box .text{min-height: 0;}
.site-border .promo-group.margin{margin-left: 0;margin-right: 0;}
.promo-box.null-box{display: none !important;}
.boxed.promo-group .code-container{padding: 0;}
.boxed.promo-group .code-container{border: 20px solid transparent;}
.skill-group.col-1{padding: 0;}
.team-box .layer{
display: block !important;
height: auto !important;
padding-top: 10px !important;
}
.team-box{width: 50%;}
.team-box .icon-box i{
border: none;
}
.type-02 .team-box .icon-box{
top: auto;bottom: 0;margin: 0;opacity: 1;
padding: 10px 0;
background-color: rgba(19,20,21,.5);
}
.team-box .text p{font-size: 1.125rem;}
.type-02 .team-box .text>span{font-size: 0.75rem;}
.mix-box.type-03 .text{
width: 90%;
}
.map{
padding-top: 50% !important;
}
.margin-box.if-mode-03{
height: 0 !important;
}
.top-banner{
overflow: hidden;
}
.top-banner.mode-03{
margin-top: 10px;
margin-bottom: 10px !important;
}
.top-banner.mode-04 .item{
margin: 10px;
}
.top-banner.mode-03 .img, .top-banner.mode-04 .img,.top-banner.mode-04 .img.low{
width: 100%;max-width: 100%;
}
.top-banner.mode-04,.top-banner.mode-03{
padding: 10px;
}
.top-banner.mode-03 .img{
padding: 10px 0;
}
.blog-type-02 .text-container p,.widget-title{
font-size: 20px;
}
.carousel-box .text{
top: auto !important;
bottom: 0 ;
opacity: 1;
padding: 20px;
transform: translateY(0);
}
.carousel-box .text p{
margin: 0;
top: 0;
}
.carousel-box .text .tag{
display: none;
}
.pic-type-10 .pic-box{
margin: 20px 0;
}
.fullwidth .pic-group-content{
margin: 0;
}
.fullwidth .pic-group-content.pic-type-10{
margin: 0 20px 20px;
}
.filter-ctrl.filter-02{
margin: 20px 0 10px 0;
}
.margin > .pic-box{
padding: 10px;
}
.pic-type-08.margin .pic-box {
margin-top: 10px;
margin-bottom: 10px;
}
.normal .pic-box .img:after,
.pic-box .text-container:after{
display: none;
}
.normal .pic-box .text{
padding: 3% 4% !important;
margin: 0 !important;
top: auto !important;
bottom: 0 !important;
left: 0 !important;
height: auto !important;
vertical-align: bottom !important;
opacity: 1 !important;
background-color: rgba(19,20,21,.3);
}
.pic-type-03-2 .pic-box .text{
background-color: transparent;
}
.pic-type-03-2 .text-container{
padding: 10px;
}
.normal .pic-box .text p{
font-size: 0.875rem !important;
color: #fff;
opacity: 1 !important;
top: auto !important;
margin: 0 !important;
text-align: left;
}
.normal .pic-box p.tag{
display: none;
}
.carousel-box{
width: 50% !important;
}
.section:not(.section-margin) .pic-type-carousel.margin{
margin-top:15px !important; 
margin-bottom:15px !important; 
}
.section.boxed .pic-group-content{
margin-top: 30px;margin-bottom: 30px;
}
.pic-type-13 .pic-box:nth-child(12n+2) .container, .pic-type-13 .pic-box:nth-child(12n+8) .container{
padding-top: 100%;
}
.pic-group-content .carousel-box .text p{
font-size: 1.125rem !important;
}
.lg-actions .lg-prev{left: 0;font-size: 20px !important;}
.lg-actions .lg-next{right: 0;font-size: 20px !important;}
.lg-outer .lg-img-wrap{padding: 40px;} .blog-box .sticky{
width: 40px;height: 40px;
}
.blog-meta a.date, .blog-meta a.tag, .blog-meta a.tag{
font-size: 0.75rem;margin-right: 10px;
}
.blog-meta img{
width: 24px;top: -2px;margin: 0 6px 0 0 !important;
}
.blog-type-03 a.full{
display: block;
}
.blog-type-01 .text p,
.blog-type-03 .text p,
.fullwidth .blog-type-03 .text p,
.blog-type-05 .text p,
.side-type-02 .default-detail-title .h{
font-size: 24px;
}
.blog-type-03 .blog-box .text{
padding: 8%;
bottom: 0 !important;
}
.blog-type-04 .blog-box .text-container p{
font-size: 20px;
}
.fullwidth .blog-group-content{
margin: 0;
}
.blog-type-06 .blog-box .img{
padding: 0;
}
.blog-type-06 .no-img .img{
margin: 0;
}
.blog-type-06 .blog-box p{
font-size: 30px;
margin: 60px auto;
}
.blog-type-06 .text-container:after{
width: 60px;height: 60px;line-height: 60px;
}
.blog-type-06 .text-container{
width: 60px;height: 60px;
}
}
@media screen and (max-width: 959px) {
.box-btn-more{
display: none;
}
.fullwidth .btn-load-more a{
padding: 6% 0;
}
.btn-more{
margin: 30px 0;
}
.top-banner.detail .text .h small{
font-size: 0.875rem;
}
.top-banner.detail .text .h hr{
margin: 10px auto 5px;
}
.end-tags a, .reply a{
font-size: 10px;
padding: 4px 10px;
}
footer,footer .code-box>.h{
padding: 0;
}
footer .code-container{
padding: 20px;
}
.detail-info blockquote:after{
bottom: 20%;
}
.section-title .h{
font-size: 30px !important;
}
.section-title p{
width: 90%;
margin: 20px auto 0;
}
.section-margin{
margin-bottom:50px;
}
.side-left .section {
padding: 0 10px !important;
}
.pt-next{right: 10px;}
.pt-play-ctrl{right: 40px;}
.pt-prev{left: 10px;}
ul.pt-dots>li{width: 30px;}
.features-group.type-04 .h{
font-size: 1rem;
}
a.promo-link-02{
font-size: 0.688rem;padding: 4px 20px;
}
.promo-box.col-1 .text p, .promo-box.col-3-4 .text p {
font-size: 0.75rem;
}
.features-group.type-02 .text h4~small{font-size: 0.75rem;}
.features-group.type-02 .features-box{width: 100%;margin-bottom: 20px;}
.skill-group{padding: 10px !important;}
.skill-group .section-title{
padding: 0;
}
.skill-group .col-1{
width: 100%;margin-left:0;padding: 40px 0;
}
.skill-img{top: 0;left: 0;}
.acc_group dt:after{font-size: 10px;}
.team-col-3 .team-box{width: 100% !important}
.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{
font-size: 30px !important;
margin-bottom: 10px;
}
.mix-box.type-05 .text p,.mix-box.type-06 .text p{
font-size: 0.875rem !important;
}
.mix-box.type-03 .img{
padding-top: 50%;
}
.count-box{
width: 50%;
}
.count-box.only-3{
width: 33.333333%;
}
.skill-img{
position: relative;width: 100%;padding-top: 50%;
}
.skill-content{
width: 100%;margin: 30px 0;
}
.team-group{
padding: 0;
}
.clients-group{
margin: 0;
}
.button-box p{
font-size: 0.75rem;
}
.button-box-btn a {
padding: 4px 10px;font-size: 0.75rem;
}
.button-box .text,.button-box-btn{
width: 100%;
text-align: center;
margin: 20px 0;
}
.contact-form,.contact .text-container,
.contact .wpcf7,.contact .widget-title{
width: 100% !important;
float: none !important;
margin-bottom: 40px;
padding: 0;
}
.section.boxed.has-side{
padding: 0 20px;
margin-top: 30px;
}
.blog-detail-03{
margin-bottom: 20px !important;
}
.side-type-02{
margin-top: 0 !important;
}
p.search-result{
margin: 30px 0;
font-size: 20px;
}
.side-right,.side-left{
width: 100% !important;
float: none !important;
padding: 0 !important;
margin:0 0 40px 0 !important;
}
.default-detail-info{
padding: 20px 0;
}
.default-detail-title{
margin-bottom: 0;
}
.default-detail-title .h{
font-size: 20px;
}
.detail-info img, .default-detail-info img{
margin: 20px 0;
}
.post-info-bottom:after, .post-info-bottom:before,
ol.comment-list:before{
margin: 0;
}
.blog-box span.date, a.date, a.tag, .tag-group i{
vertical-align: middle;
}
.comment-body{
padding: 0 0 40px 0;
}
ol.comment-list ol{
padding-left: 0;
}
.comment-author .img{
display: block;
width: 40px;
left: 0;margin-bottom: 10px;
}
.comment-author .text{
left: 0;
}
.comment-author .text cite a{
font-size: 0.875rem;
}
.comment-author .text cite, .comment-author .text cite a, .comment-author .text span{
line-height: 20px;
}
ol.comment-list, .comment-form{
padding: 20px 0 40px;
}
.logged-in-as a, .title-02 #cancel-comment-reply-link{
font-size: 0.75rem;
}
.comment-form-author, .comment-form-email, .comment-form-url{
width: 100%;
padding: 0;
float: none;
margin-bottom: 10px;
}
.comment-form .form-submit input{
font-size: 10px !important;
margin-top: 0;
}
.title-02{
padding: 0;
}
.title-02 small{
display: block;
margin: 10px 0 0 0;
font-size: 10px;
}
.comment-list .title-02 small{
position: relative;
right: auto;top: -20px;left: 0;
}
.boxed .btn-load-more a{
padding: 10px 0;
font-size: 0.75rem;
} .filter-ctrl{
margin: 20px 0;
}
.pic-type-13 .pic-box{
width: 50%;
}
.pic-type-13 .text p{
font-size: 1rem !important;
margin: 2px;
}
.blog-box span.date, a.date, a.tag, .tag-group i{
font-size: 0.75rem;
}
.pic-type-13 .text{
padding: 20px;
}
.pic-type-11 .pic-box{
width: 50% !important;
padding-top: 36% !important;
}
.fullwidth .btn-load-more a{
font-size: 0.75rem;
}
.pic-type-01 .pic-box .tag{
display: none;
}
.pic-type-01 .pic-box:nth-child(8n+1){
margin-bottom: 60px;
}
.pic-type-01 .pic-box:nth-child(8n+6){
margin-bottom: 80px;
}
.pic-type-01 .pic-box,
.pic-type-01 .pic-box:nth-child(8n+4) .text,
.pic-type-01 .pic-box:nth-child(8n+7) .text{
font-size: 0.75rem;
}
.pic-type-01 .pic-box:nth-child(8n+1) .text,
.pic-type-01 .pic-box:nth-child(8n+5) .text,
.pic-type-01 .pic-box:nth-child(8n+6) .text{
font-size: 1.125rem;
}
.pic-type-01 .pic-box:nth-child(8n+3) .text,
.pic-type-01 .pic-box:nth-child(8n+8) .text{
font-size: 24px;
}
.filter-ctrl li{
font-size: 10px;
margin: 0 6px;
}
.pic-type-04 .pic-box,
.pic-type-07 .pic-box,
.pic-type-03-2 .pic-box{
width: 50%;
} .blog-type-05{
width: 100% !important;
padding: 0 20px;
}
.section.boxed .blog-type-05{
padding: 0;
}
.section .blog-type-01 {
margin-top: 60px !important;
}
.gallery .text p:after{
display: none;
}
.blog-type-03 .blog-box{
width: 50%;
padding-top: 60%;
}
.blog-type-05{
margin-top: 30px !important;
}
.blog-type-07 .blog-box{
width: 50%;
}
.blog-type-07 .text-container p{
font-size: 1rem;
}
.blog-type-07 .text-container{
padding-bottom: 0;
}
.blog-type-02 .blog-box{
margin-bottom: 30px;
}
.blog-type-02 .img{
position: relative;
width: 100%;
padding-top: 60%;
left: 0 !important;
right: auto !important;
}
.blog-type-02 .text{
width: 100%;
left: 0 !important;
padding: 10%;
}
.blog-type-02 .text-container:after{
display: none;
}
}
@media screen and (max-width: 768px) {
html.has-wp-bar{margin-top: 0 !important;}
html.has-wp-bar body{margin-top: 0;padding-top: 46px;}
html{font-size: 12px}
h1, h2, h3, h4, h5, h6{
margin: 10px 0;
}
.button-box-btn a{
border-width: 2px;
}
.count-box div.icon{
font-size: 40px;
}
.col-5, .col-4{
padding: 20px 0;
}
.col-3,.col-4-10, .col-3-10{
width: 100%;
padding: 20px 0;
}
.contact{
padding: 0;
}
.section.boxed.promo-group{
padding: 0;
}
.fullwidth .code-container,.fullwidth .team-group.type-02{
padding-right: 20px;
padding-left: 20px;
}
.section-margin{
margin-bottom: 60px;
}
.main-slider.section-margin{
margin-bottom: 30px;
}
.top-banner.section-margin, .post-comment.section-margin,.default-post-info.section-margin{
margin-bottom: 40px;
}
.margin-small{
margin-bottom: 20px;
}
.post-info-bottom{
margin-bottom: 0 !important;
}
.default-post-info .right{
padding: 10px;
}
.type-acc>h4{
font-size: 0.875rem;
}
table td,table th{
font-size: 10px;
padding: 10px;
}
.banner-box .text p,
.default-post-info .code-container:first-child .h{
font-size: 20px;
padding: 0 10px;
}
.banner-box .text em{
margin-bottom: 4px;
}
.h i{
margin-right: 10px;
}
a.style-06.small, a.style-04.small, a.style-04-2.small, a.style-05.small{
font-size: 10px;
}
.top-banner .slick-arrow{
bottom: 20px;
}
.mix-box.type-06 .text p{
margin-left: 0 !important;
}
.features-group{
padding: 0;
padding-bottom: 40px;
}
.features-group .features-box{
width: 100%;
padding: 20px 0;
}
.features-group.type-01 .container{
height: auto !important;
}
.features-group.type-01 .text{
padding-bottom: 10px;
}
.section.boxed .banner-box{
margin: 20px 0;
}
.mix-box.type-01 .img,
.mix-box.type-02 .img{
padding-top: 80%;
}
.mix-box.type-01 .img,.mix-box.type-02 .img,
.mix-box.type-01 .text,.mix-box.type-02 .text{
position: relative !important;
margin: 0;left: 0;
width: 100%;
}
.section .mix-box{
margin-left: 0 !important;margin-right: 0 !important;
}
.mix-box.type-04 .text p{
font-size: 0.75rem !important;
line-height: 110%;
}
.mix-box.type-04 .text{padding: 30px;width: 70%;}
.mix-box.type-05 .text,.mix-box.type-06 .text,
.mix-box.type-05 .text-wrap,.mix-box.type-06 .text-wrap{
position: relative !important;
width: 100%;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
top: 0 !important;
}
.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{
width: 100%;
left: 0;
font-size: 20px !important;
}
.mix-box.type-05 .text p,.mix-box.type-06 .text p{
margin-bottom: 0;
margin-left: 0;
left: 0;
}
.mix-box.type-06 .text .h{
padding-left: 0 !important;
}
.mix-box.type-05 .text .h, .mix-box.type-06 .text .h{margin-bottom: 10px;}
.mix-box.type-05 .text a.btn,.mix-box.type-06 .text a.btn{left: 0;}
.mix-box.type-05 .img,.mix-box.type-06 .img{
width: 100% !important;
margin-bottom: 20px;
margin-left: 0;margin-right: 0;
}
.mix-box.type-07 .text, .mix-box.type-08 .text, .mix-box.type-07 .img, .mix-box.type-08 .img{
width: 100%;
padding: 20% 10%;
left: 0;
}
.mix-box.type-07 .img, .mix-box.type-08 .img{
padding-bottom: 0;
}
.mix-box .img:empty{
display: none !important;
}
.promo-box.col-1 a.promo-link-02, .promo-box.col-3-4 a.promo-link-02{
padding: 6px 30px;
}
.type-tabs .nav li a{font-size: 9px;}
.type-tabs.type-01 .nav li a{padding: 10px 0;}
.acc_group dt{font-size: 16px;padding: 20px 0;}
.acc_group dd{padding-bottom: 30px;}
.acc_group i{min-width: 30px;}
.team-box{width: 100% !important;margin-bottom: 20px;}
.type-02 .team-box .img{margin-bottom: 20px;}
.type-02 .team-box em.intro{margin-top: 10px;}
.count-box{font-size: 30px !important;}
.count-group { padding: 50px 0;}
.count-box span{font-size: 10px;margin-top: 0;}
p.counter{margin: 0;}
.clients-group:not(.slick-slider) .clients-box{
width: 50% !important;
}
.page-null button.search-submit{
width: 30px;height: 30px;
right: 4px;bottom: 21px;
}
.page-null button.search-submit span:after{
font-size: 0.75rem;line-height: 30px;
}
.blog-type-02 .text-container p,.widget-title{font-size: 1rem;}
.contact-form .item input, .comment-form-author input, .comment-form-email input, .comment-form-url input, .page-null input.search-field{
height: 30px;line-height: 30px;
padding: 0 10px;
}
.contact-form .item textarea, .comment-form-comment textarea{
padding: 10px;
}
.detail-share-item{
position: relative;
right: auto;
top: 0;
margin-top: 30px;
text-align: center;
}
.post-info-bottom{
padding: 30px 0;
text-align: center;
}
.detail-share-item a{
width: 30px !important;
margin: 0 10px;
}
.detail-share-item{
float: none;
}
.detail-share-item:before,.detail-share-item:after{
display: none;
}
.detail-ctrl .prev span:before, .detail-ctrl .next span:after{
font-size: 1rem;
}
.detail-ctrl,.comment-navigation{
padding: 0;
}
.related-group .carousel-box,
.default-post-info .meta-label,.default-post-info .right{
display: block;
width: 100% !important;
}
.promo-box.col-1 .text{
padding: 0 30px;
}
p.title-02 {margin-top: 30px;}
.pt-slider .text p{font-size: 0.75rem;} .pages li{
margin: 2px;
}
.pages li .page-numbers{
width: 30px;
height: 30px;
line-height: 30px;
}
.fullwidth .pic-group-content{
margin: 0;
padding: 0;
}
.fullwidth.true-full .pic-group-content{
padding: 0;
}
.section.boxed .pic-group-content.pic-type-10{
margin: 60px 0;
}
.pic-type-10 .pic-box:nth-child(8n+5){
width: 22%;padding-top: 22%;
}
.gallery .text{
font-size: 0.75rem;
}
.pic-type-09 .pic-box,
.mobile-mode .pic-type-09 .pic-box{
width: 50% !important;padding-bottom: 50% !important;
}
.pic-type-03 .pic-box,
.pic-type-06 .pic-box,
.pic-type-03-2 .pic-box{
width: 50%;
}
.boxed .pic-type-13{
margin-top: -20px;
}
.pic-type-03:not(.margin) .pic-box:nth-child(3n),
.pic-type-06:not(.margin) .pic-box:nth-child(3n){
transform: translateX(0);
-webkit-transform: translateX(0);
}
.post-gallery{
margin-left: 0;margin-right: 0;
}
.post-gallery .box{
width: 100% !important;
}
.post-gallery.type-05 .box, .post-gallery.type-06 .box{
padding-top: 60% !important;
} .section .blog-type-01 {
margin-top: 20px !important;
}
.blog-type-01 .blog-box{
margin-bottom: 40px;
}
.blog-type-01 .text{
position: relative !important;
}
.blog-type-01 .img{
width: 100%;
}
.blog-type-01 .blog-box .text-container p{
margin: 0;
}
.blog-type-01 em.intro:before{
display: none;
}
.blog-type-01 .text p a{
width: 100% !important;
margin: 0 !important;
}
.blog-type-01 .blog-box em.intro,
.blog-type-01 .blog-box span.date,
.blog-type-01 .blog-box a.tag{
left: 0 !important;
}
.blog-type-01 .text-container{
width: 100%;
margin: 20px 0;
left: 0 !important;
}
.blog-type-03 .blog-box{
width: 100%;
padding-top: 110%;
}
.blog-type-04 .blog-box{
width: 100%;
}
.blog-type-06 .blog-box p{
font-size: 20px;
width: 90%;
}
}
@media screen and (max-width: 480px) {
.col-5, .col-4, .col-3, .col-4-10, .col-3-10{
width: 100%;
}
.top-banner.b-type-03 p, .top-banner.b-type-01 p, .top-banner.b-type-02 p, .top-banner.b-type-04 p {
font-size: 30px;
}
.section-title p{
margin-top: 15px;
}
ul.pt-dots>li{
width: 8px;height: 8px;
}
ul.pt-dots>li:after{
border-width: 2px;
}
.top-banner.mode-04 {
margin-bottom: 0px !important; 
}
.top-banner.mode-04 .item{
margin: 0;
}
.top-banner.mode-04 .item .item-bg{
padding-top: 80%;
}
.detail-ctrl .ctrl p{
display: none;
}
.detail-ctrl .ctrl span{
opacity: 1 !important;
padding: 0 40px !important;
font-size: 0.875rem;
}
.detail-ctrl .prev:after{left: 20px !important;}
.detail-ctrl .next:after{right: 20px !important;}
.detail-ctrl .ctrl{
width: 50%;
}
.count-box.only-3{
width: 100%;
}
a.promo-link-01{
margin-top: 0;
}
.pt-slider .text .h{letter-spacing: 0 !important;}
.features-group.type-04 .img{left: 20px;}
.features-group.type-04 .container{padding: 40px 30px 50px 20px;}
.features-group.type-01 .container{padding: 30px !important;}
.acc_group .info{font-size: 14px;} .section .blog-group-content.blog-type-06{
margin-top: 20px;
}
.normal.pic-type-08 .pic-box .text p{
font-size: 0.688rem !important;
}
.carousel-box .text{
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.normal .pic-box,.pic-type-13 .pic-box{
width: 100% !important;
}
.carousel-box {
width: 100% !important;
}
.pic-type-09 .pic-box,
.mobile-mode .pic-type-09 .pic-box{
width: 100% !important;padding-bottom: 100% !important;
}
.pic-type-11 .pic-box{
width: 100% !important;
padding-top: 70% !important;
} .blog-type-06 .blog-box{
margin-bottom: 40px;
}
.blog-type-06 .text-container:after{
display: none;
}
.blog-type-06 .blog-box p{
width: 100%;
text-align: left !important;
margin: 20px auto;
}
.blog-type-06 .text-container,
.blog-type-06 .text-container .text{
position: relative !important;
width: 100%;height: auto;
top: 0 !important;bottom: 0 !important;left: 0 !important;right: 0 !important;
opacity: 1 !important;
visibility: visible;
}
.blog-type-06 .text-container .text{
padding: 20px 0;
}
.blog-type-06 a.full{
display: block;
}
a.more-02{
padding: 8px 20px;
font-size: 10px;
}
.blog-type-07 .blog-box{
width: 100%;
}
} div.ie-8{
position: fixed;
width: 100%;
text-align: center;
top: 47%;
font-size: 30px;
}
.gm-style-cc{display: none;} div[id^="jarallax-container"]{z-index: 0 !important;}
.mobile-mode div[id^="jarallax-container"]>div,.mobile-mode div[id^="jarallax-container"]>div,
.ie9 div[id^="jarallax-container"]>div,.ie9 div[id^="jarallax-container"]>div{
position: absolute !important;
width: 100% !important;height: 100% !important;
margin-left: 0 !important;margin-top: 0 !important;
background-size: cover !important;
background-position: center !important;
background-attachment: scroll !important;
}
.ptsc .code-box>.info{white-space: pre-line;}
.bypostauthor{font-size: inherit;}
.pt-video-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
height: 100%;
}
.pt-video-holder iframe{
max-width: none;
max-height: none;
}
.pt-video-holder.not-full iframe {
width: 100% !important;
height: 100% !important;
}
.comment-list.pings {
list-style: none;
}
.comment-list.pings>li {
padding: 5px 0;
}
.comment-list .edit-link {
opacity: 0.5;
font-size: 1rem;
margin-left: 3px;
}
.comment-list .comment-body>a {
text-decoration: underline;
} .password-required-msg{
position: absolute;
width: 100%;
height: 100vh;
top: 0;
left: 0;
padding: 0 10%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
z-index: 1;
}
.password-required-msg form{
position: relative;
max-width: 480px;
padding:2vw;
border-radius: 12px;
color: #fff;
background: #111;
font-size: 1.45rem;
box-shadow: 0 20px 60px -20px rgba(0,0,0,.6);
overflow: hidden;
}
.password-required-msg form:after{
content: '';
position: absolute;
right: -90px;top: -90px;
width: 250px;height: 250px;
border: 60px solid #111;
animation: pt_password 18s linear infinite;
-webkit-animation: pt_password 18s linear infinite;
}
@keyframes pt_password {
0%    {transform: rotate(0deg);}
100%  {transform: rotate(359deg);}
}
.password-required-msg p{
position: relative;
z-index: 2;
}
.password-required-msg label{
margin-top: 40px;
display: block;
font-size: 14px;
}
.password-required-msg input{
display: block;
width: 100%;
height: 48px;
margin-top: 10px;
padding: 0 15px;
font-size: 18px;
border-radius: 4px;
color: #fff;
border-width: 0;
}
.password-required-msg input[type="password"] {
border-color: #5b5b5f;
color: #222;
}
.password-required-msg input[type="password"]:focus{
border-color: #8b8b8f;
}
.password-required-msg input[type="submit"]{
background: #3b3b3f;
text-transform: uppercase;
letter-spacing: 6px;
font-size: 12px;
cursor: pointer;
}
.password-required-msg input[type="submit"]:hover{
background: #3d3f4c;
}
@media screen and (max-width: 768px){
.password-required-msg form{
padding: 40px;
font-size: 1.125rem;
}
}.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{ }
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

@font-face {
font-family: 'Oswald';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-DemiBold.svg#Oswald-DemiBold) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Medium.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Medium.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Medium.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Medium.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Medium.svg#Oswald-Medium) format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Regular.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Regular.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Regular.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Regular.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Regular.svg#Oswald-Regular) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Light.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Light.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Light.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Light.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Oswald-Light.svg#Oswald-Light) format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Josefin Sans';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans.svg#JosefinSans) format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Josefin Sans';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-SemiBold.svg#JosefinSans-SemiBold) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Josefin Sans';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/JosefinSans-Bold.svg#JosefinSans-Bold) format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Regular.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Regular.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Regular.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Regular.svg#Lato-Regular) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Bold.svg#Lato-Bold) format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.woff2) format('woff2'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.ttf) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Lato-Black.svg#Lato-Black) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-SemiBold.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-SemiBold.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-SemiBold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Regular.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Regular.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Light.eot);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Light.woff) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Montserrat-Light.ttf) format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'my_icons';
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/icomoon.eot?lgi8xq);
src: url(//anikitos.com/wp-content/themes/pinetree/css/fonts/icomoon.eot?lgi8xq#iefix) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/icomoon.ttf?lgi8xq) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/icomoon.woff?lgi8xq) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/icomoon.svg?lgi8xq#icomoon) format('svg');
font-weight: normal !important;
font-style: normal;
-webkit-text-stroke-width: 0.2px;
}@font-face {
font-family: 'lg';
src: url(//anikitos.com/wp-content/themes/pinetree/fonts/lg.eot?n1z373);
src: url(//anikitos.com/wp-content/themes/pinetree/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//anikitos.com/wp-content/themes/pinetree/fonts/lg.woff?n1z373) format("woff"), url(//anikitos.com/wp-content/themes/pinetree/fonts/lg.ttf?n1z373) format("truetype"), url(//anikitos.com/wp-content/themes/pinetree/fonts/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//anikitos.com/wp-content/themes/pinetree/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//anikitos.com/wp-content/themes/pinetree/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//anikitos.com/wp-content/themes/pinetree/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//anikitos.com/wp-content/themes/pinetree/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//anikitos.com/wp-content/themes/pinetree/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//anikitos.com/wp-content/themes/pinetree/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}  .lg-toolbar .lg-close {
font-family: Arial, sans-serif !important;
font-size: 32px !important;
line-height: 47px !important;
color: #fff !important;
text-decoration: none !important;
}
.lg-toolbar .lg-close:after {
content: "\00D7" !important;
}@font-face {
font-family: 'Pe-icon-7-stroke';
src:url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src:url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),
url(//anikitos.com/wp-content/themes/pinetree/css/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
} .pe-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.pe-2x {
font-size: 2em !important;
}
.pe-3x {
font-size: 3em !important;
}
.pe-4x {
font-size: 4em !important;
}
.pe-5x {
font-size: 5em !important;
}
.pe-fw {
width: 1.2857142857142858em;
text-align: center;
}
.pe-ul {
padding-left: 0;
margin-left: 2.142857142857143em;
list-style-type: none;
}
.pe-ul > li {
position: relative;
}
.pe-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
top: 0.14285714285714285em;
text-align: center;
}
.pe-li.pe-lg {
left: -1.8571428571428572em;
}
.pe-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.pe.pull-left {
margin-right: .3em;
}
.pe.pull-right {
margin-left: .3em;
}
.pe-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.pe-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.pe-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pe-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.pe-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.pe-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
.pe-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.pe-stack-1x,
.pe-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.pe-stack-1x {
line-height: inherit;
}
.pe-stack-2x {
font-size: 2em;
}
.pe-inverse {
color: #ffffff;
} .pe-va {
vertical-align: middle;
}
.pe-border {
border: solid 0.08em #eaeaea;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
}@font-face{font-family:'FontAwesome';src:url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(//anikitos.com/wp-content/themes/pinetree/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}