/*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - FONTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'black'; src: url('../fonts/Roboto-Black-webfont.eot'); src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'), url('../fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto-Black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'bold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'regular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'medium'; src: url('../fonts/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'light'; src: url('../fonts/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'italic'; src: url('../fonts/Roboto-Italic-webfont.eot'); src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - LOADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #loader-wrapper{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 500; background: #fff;} .loader-content{position: absolute; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -80px;} .loader-content .title{font-family: 'black'; text-align: center; font-size: 30px; line-height: 30px; color: #232c3b;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - RESET STYLES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} body *{-webkit-text-size-adjust:none;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;} input:focus, select:focus, textarea:focus, button:focus {outline: none;} input, textarea, select{font-family: 'Lato', sans-serif, Arial; font-weight: 400; -webkit-appearance: none; border-radius: 0;} a, a:link, a:visited, a:active{cursor: pointer; text-decoration: none; outline: none background-color #ffc9d7;} a:hover {opacity: 0.7;} body{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', Hiragino Kaku Gothic Pro, 'MSPゴシック', sans-serif, Arial; font-weight: normal; font-size: 14px; line-height: 1.3; overflow-y: scroll;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - GLOBAL SETTINGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body{min-width:320px;} .bg-grey #content-wrapper{background:#f9f9fa;} .button {display:inline-block;margin:0 auto;} .button a, .button button{display:inline-block;font-size:15px;line-height:33px;text-transform:uppercase;background:#354a6b;color:#fff;padding:7px 30px;border-radius:36px;} .button a:hover, .button button:hover{background: transparent;color: #337ab7;} .row-view{display: table-row;} .cell-view{display: table-cell; vertical-align: middle; height: inherit;} .highlight .blue{color: #38a9f6;} #content-wrapper .form-input{font-family:'light';font-size:15px;line-height:24px;color:#242434;background:transparent;width: 100%;padding:10px 15px;border-top:none;border-right:none;border-bottom:1px solid #d0d8de;border-left:1px solid #d0d8de;} #content-wrapper .form-input::-webkit-input-placeholder {font-family:'light';font-size:15px;line-height:24px;color:#242434;} #content-wrapper .form-input:-moz-placeholder {font-family:'light';font-size:15px;line-height:24px;color:#242434;filter: alpha(opacity=100);} #content-wrapper .form-input::-moz-placeholder {font-family:'light';font-size:15px;line-height:24px;color:#242434;filter: alpha(opacity=100);} #content-wrapper .form-input:-ms-input-placeholder {font-family:'light';font-size:15px;line-height:24px;color:#242434;} .arrow-right{display:inline-block;width:30px;height:30px;background:url(../img/testimonials-right.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;} .arrow-right.active,.arrow-right:hover{cursor:pointer;background:url(../img/testimonials-right-active.png) center center no-repeat #3d356f;} .arrow-left {display:inline-block;width:30px;height:30px;background:url(../img/testimonials-left.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;} .arrow-left.active,.arrow-left:hover{cursor:pointer;background:url(../img/testimonials-left-active.png) center center no-repeat #3d356f;} /*map*/ #map-canvas{height: 540px; background: #485b77;-webkit-box-shadow: inset 0px 10px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 0px 10px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: inset 0px 10px 10px 0px rgba(50, 50, 50, 0.75);} /*list*/ ul.styled li{font-family:'light';font-size:17px;line-height:20px;color:#242434;margin-bottom:4px;position:relative;list-style:none;padding-left:23px;padding-top:2px;} ul.styled li:before{content:'';display:inline-block;position:absolute;top:8px;left:3px;width:10px;height:10px;border:1px solid #38a9f6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} ul.styled.style-2 li:before{width:14px;height:11px;background:url(../img/list-icon.png) center center no-repeat transparent;border:none;} ul.styled.style-3 li:before{background:#38a9f6;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - HEADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ header .top-line{background:#1b1542;color:#e2e2eb;line-height:36px;} .top-line .contact {float:left;} .top-line .contact span {margin-right:30px;} .top-line .contact span img{margin-right:6px;} .top-line .contact a {color:#e2e2eb;} .top-line .contact a:hover {color:#fff;} .top-line .social {float:right;} .top-line .social a {display:block;float:left;width:35px;text-align:center;border-left:1px solid #36305c;} .top-line .social a:last-child{border-right:1px solid #36305c;} .top-line .social a:hover {background: #312676;} header nav{-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.08);box-shadow: 0 1px 3px rgba(0,0,0,.08);} .fixed-top nav {position: fixed;top: 0px;z-index: 250;width: 100%;background: #fff;-webkit-transform: translateZ(0);-webkit-transform: translate3d(0,0,0);} #logo {display: block;margin-top: 20px;} #logo img{float:left;} #logo .name{float:left;font-size:20px;line-height:22px;color:#1b1542;text-transform:uppercase;margin:20px 0px 0px 9px;} #navbar > ul > li {margin-left:22px;} #navbar > ul > li:first-child{margin-left:0px;} #navbar > ul > li > a{font-size:15px;color:#242434;text-transform:uppercase;padding: 15px 0px;border-top:4px solid transparent;border-bottom:4px solid transparent;} #navbar > ul > li:hover > a,#navbar > ul > li.active > a{background:transparent;/*border-top:4px solid #38a9f6;*/border-bottom:4px solid #38a9f6;} #navbar ul li ul{position:absolute;left:0px;z-index: 101;width:196px;background:#fff;list-style: none;} /*#navbar .dropdown:hover ul{display:block;}*/ #navbar li>ul{opacity: 0;} #navbar li.dropdown:hover ul { -webkit-transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1;} #navbar ul li>ul { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg);} #navbar .dropdown > a:hover ul a{display:block;color:#242434;padding:12px 0px 12px 15px;border-top:1px solid #d0d8de;} #navbar .dropdown.open > a,#navbar > ul > li > a:focus{background:transparent;} #navbar .dropdown > a:after{content:"";display:block;position:absolute;top:50%;right:0px;width:9px;height:5px;margin-top:-2px;background:url(../img/dropdown.png) center center no-repeat;} #navbar .dropdown > a {padding-right: 15px;} #navbar .dropdown ul a{display:block;color:#242434;padding:12px 0px 12px 15px;border-top:1px solid #d0d8de;} #navbar .dropdown ul a:hover{color:#fff;background:#38a9f6;} #navbar .dropdown ul li:last-child a{border-bottom:1px solid #d0d8de;} .navbar-toggle{background: #3d356f;margin-top: 22px;} .navbar-toggle .icon-bar{background: #fff;} @media (max-width: 800px){ body{padding-top:54px;} header nav{position: fixed;top: 0px;z-index: 250;width: 100%;background: #fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.08);box-shadow: 0 1px 3px rgba(0,0,0,.08);} header nav .container{width: 100%;} header nav{height:50px;} .top-line{display:none;} #logo{margin: 0px 0px 10px 10px;} .navbar-header {float: none;} .navbar-toggle {display: block;} .navbar-collapse.collapse.in {display: block!important;visibility: visible!important;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-collapse.collapse {display: none!important;visibility: hidden!important;} .navbar-nav {float: none!important;margin: 7.5px -15px;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;} #navbar > ul {padding:0px 15px;} #navbar > ul > li{margin-left:0px;} #navbar > ul > li > a{border:none;padding:10px 0px;text-align:center;} #navbar > ul > li > a:hover,#navbar > ul > li.active > a{background: #3d356f;border:none;color:#fff;} #navbar .dropdown ul{position: static;width: 100%;list-style: none;text-align: center;} #navbar .dropdown ul{display: none; position: relative; -webkit-transform: none; -o-transform: none; -moz-transform: none; -ms-transform: none; transform: none; width: 100%; top: 0; -webkit-transition: none; -o-transition: none; -moz-transition: none; -ms-transition: none; transition: none; opacity: 1;} #navbar .dropdown ul a{padding: 12px 0px 12px 0px;} #navbar .dropdown > a {padding-right:0px;} #navbar .dropdown > a:after{right: 10px;} #navbar .dropdown > a >span{position:absolute;right:0px;top:0px;width:60px;height:40px;z-index: 200;} #navbar .dropdown.open ul{display:block;} #navbar .dropdown.open ul li{background: #7CC7FA;} #navbar .dropdown.open > a{background: #38A9F6;border: none;color:#fff;} #navbar .dropdown.open ul a:hover{background: #3d356f;} #navbar .dropdown:hover ul{display:none;} } @media (min-width: 801px) and (max-width: 991px) { #logo .name{font-size: 18px;line-height: 20px;margin: 20px 0px 0px 2px;} #navbar > ul > li {margin-left:6px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ footer{padding:20px 0px;background-size:cover;background-position:center center;} footer h3.title{font-size:20px;line-height:25px;color:#fefeff;text-transform: uppercase;margin-bottom:15px;} footer div.title{font-size:20px;line-height:25px;color:#fefeff;text-transform: uppercase;margin-bottom:15px;} footer .address{font-family:'light';font-size:15px;line-height:25px;color:#fefeff;margin-bottom:5px;} footer .list-styled {padding-left:15px;list-style:none;color:#c0bce8;} footer .list-styled li{margin-bottom:4px;position:relative;} footer .list-styled li:before{content:"";display:block;position:absolute;top:7px;left:-15px;width:6px;height:10px;background:url(../img/list.png) center center no-repeat;} footer .list-styled a{color:#c0bce8;} footer .list-styled a:hover{color:#fff;} footer .blog-latest{margin-bottom:15px;font-family:'light';font-size:15px;line-height:18px;} footer .blog-latest img{float:left;margin-right:15px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;border-top-left-radius:10px;border-bottom-right-radius:10px;} footer .blog-latest .title a{color:#c0bce8;margin-bottom:3px;} footer .blog-latest .title a:hover{opacity:0.6;filter: alpha(opacity=60);} footer .blog-latest .date{color:#fff;} footer .text{font-family:'light';font-size:15px;line-height:25px;color:#c0bce8;margin-bottom:10px;} footer form{position:relative;margin-bottom:25px;} footer form:before{content:"";display:block;position:absolute;bottom:0px;left:0px;width:88%;width: -webkit-calc(100% - 29px);width: -moz-calc(100% - 29px);width: calc(100% - 29px);height:1px;border-bottom:1px solid #827ca0;} footer input{font-family:'light';color:#fff;width:100%;height:30px;padding-left:10px;background:transparent;border:none;} footer input::-webkit-input-placeholder {font-family:'light';color:#fff;} footer input:-moz-placeholder {font-family:'light';color:#fff;opacity:1;filter: alpha(opacity=100);} footer input::-moz-placeholder {font-family:'light';color:#fff;opacity:1;filter: alpha(opacity=100);} footer input:-ms-input-placeholder {font-family:'light';color:#fff;} footer button{position:absolute;top:0px;right:0px;width:30px;height:30px;background:url(../img/submit.png) center center #3d356f no-repeat;border:none;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;} footer button:hover{opacity:0.6;filter: alpha(opacity=60);} footer .social a{display:inline-block;width:30px;padding:7px 0px;text-align:center;background:#3d356f;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;margin-right:5px;} footer .social a:hover{opacity:0.6;filter: alpha(opacity=60);} #scrollUp{right:8px;bottom:8px;width:50px;height:50px;background:url(../img/scroll-up.png) center center #e0dfe6 no-repeat;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} #scrollUp:hover{opacity:0.6;filter: alpha(opacity=60);} @media (max-width: 767px){ .button a, .button button{padding:7px 10px;} footer{background: #26264C !important;} } @media (min-width:992px) and (max-width:1199px){ footer .social a {width: 28px;margin-right: 4px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - SIMPLE BLOCK STRUCTURE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block {padding-top:60px;padding-bottom:57px;background-size:cover;background-position:center center;overflow:hidden;} /*.block .block-header{margin-bottom:55px;}*/ .block .block-header{margin-bottom:15px;} .block .block-header:before {content: "";width: 39px;height: 3px;background-color: #38a9f6;left: 15px;bottom: -1px;position: absolute;} .block .block-header-wrapper {/*border-bottom:1px solid #cdd6dc;*/padding-bottom:10px;} .block .block-header .title{font-size:27px;line-height: 70px;font-family:'medium';color:#242434;text-transform:uppercase;position:relative;} .block .block-header .title .first {display:block;font-family:'light';font-size:14px;line-height:30px;} .block .block-header .title .blue {color:#38a9f6;} .block .block-header .text{font-size:15px;font-family:'light';color:#242434;line-height:24px;border-left:1px solid #d0d8de;padding:3px 15px 3px 30px;margin-top:40px;} .breadcrumbs {padding-top: 60px;} .breadcrumbs ul{list-style:none;margin-bottom:45px;font-family:'light';} .breadcrumbs li{display:inline;color:#242434;} .breadcrumbs li + li:before{content: '';display: inline-block;width:6px;height:10px;background:url(../img/breadcrumbs.png) center center no-repeat;margin: 0 10px;} .breadcrumbs li a{color:#242434;text-decoration:underline;} @media (max-width: 515px){ .block .block-header .title {font-size:22px;} } @media (max-width: 400px){ .block .block-header .title {font-size:25px;} } @media (max-width: 350px){ .block .block-header .title {font-size:27px;} } @media (min-width: 768px) and (max-width: 991px) { .block .block-header .title {font-size:32px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - BLOCK "TYPE 1" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-1 {padding-top:0px;padding-bottom:0px;} .main-slider {min-height: 500px!important;} .block.type-1 .swiper-slide{background-size: cover; background-position: center center;} .block.type-1 .swiper-container, .block.type-1 .swiper-wrapper, .block.type-1 .swiper-slide, .block.type-1 .swiper-slide .container{height: inherit!important; min-height: 500px!important;position:relative;z-index:100;} .block.type-1 .swiper-slide{position:relative;text-align:center;} .block.type-1 .slide-name {font-size:18px;color:#bfbfd7;text-transform:uppercase;margin-bottom:25px;} .block.type-1 .slide-title {font-family:'medium';font-size:70px;color:#ffffff;text-transform:uppercase;margin-bottom:60px;} .block.type-1 .slide-text {font-family:'light';font-size:16px;line-height:27px;color:#ffffff;} .block.type-1 .pagination{position: absolute;bottom:25px;} .block.type-1 .pagination span {z-index:101;} .block.type-1 .vertical-align {position: absolute;top:50%;left:0px;transform:translateY(-52%);-moz-transform:translateY(-52%);-webkit-transform:translateY(-52%);-ms-transform:translateY(-52%);} .block.type-1 .container.arrows {position: absolute;top: 0px;left: 50%;margin-left:-585px;height:inherit!important;min-height: 500px!important;} .block.type-1 .slider-arrow{position:absolute;top:50%;border:2px solid #8480a4;padding:10px 18px;margin-top: -25px;z-index:200;display: inline-block;} .block.type-1 .slider-arrow:hover{cursor:pointer;opacity:0.6;filter: alpha(opacity=60);} .block.type-1 .slider-arrow.left{left:15px;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;} .block.type-1 .slider-arrow.right{right:15px;-webkit-border-top-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-topright: 15px;-moz-border-radius-bottomleft: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;} .block.type-1 .swiper-pagination-switch {width: 32px;height: 32px;border-radius: 32px;-webkit-border-radius: 32px;border:2px solid #fff;background:transparent;} .block.type-1 .swiper-pagination-switch:before{border:none;} .block.type-1 .swiper-active-switch {border:2px solid #38a9f6;} .block.type-1 .swiper-active-switch:before{width:7px;height:7px;border:none;background:#fff;} /*popup image*/ .image-preview-popup {-moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; -ms-transition:all .5s ease-out;} .image-preview-popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.6); transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%);} .image-preview-popup.active {transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%);} .image-preview-popup .image-preview-overflow {overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .image-preview-popup .cell-view{display: table-cell; height: 100vh; vertical-align: middle; width: 5000px; padding: 100px 15px; text-align: center;} .image-preview-popup .cell-view img{display: inline-block; vertical-align: top; max-width: 600px; max-width: 90vw; height: auto; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);} .image-preview-popup .close-popup{font-size: 50px; line-height: 50px; position: absolute; right: 50px; top: 20px; color: #d6d6d6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);} /**/ @media (max-width: 400px){ .block.type-1 .slide-name{margin-bottom: 10px;} .block.type-1 .slide-text{line-height: 24px;} } @media (max-width: 767px){ .block.type-1 .slide-title {font-size:52px; margin-bottom: 15px;} } @media (min-width: 768px) and (max-width: 991px) { .block.type-1 .slide-title {font-size:52px;} .block.type-1 .container.arrows {margin-left:-375px;} } @media (min-width:992px) and (max-width:1199px){ .block.type-1 .container.arrows {margin-left:-485px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - BLOCK "TYPE 2" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-2{padding-bottom:0px;} .block.type-2 .block-header{margin-bottom:0px;} .block.type-2 .icon-blocks{margin-top:80px;} .block.type-2 .icon-blocks .services {margin-bottom:80px;} .icon-blocks .description {padding-left:85px;} .icon-blocks .services .title{color:#242434;font-size:17px;line-height:24px;text-transform:uppercase;} .icon-blocks .services .text{font-size:15px;font-family:'light';line-height:24px;color:#242434;} .icon-blocks .icon-service {float:left;background-image:url(../img/pattern.png);background-repeat:repeat;padding:15px 9px;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;} .block.type-2 .breadcrumbs {padding-top: 0px} @media (max-width: 767px) { .block.type-2{padding-bottom: 57px;} } @media (min-width: 768px) and (max-width: 991px) { .block.type-2{padding-bottom: 57px;} } @media (min-width:992px) and (max-width:1199px){ .icon-blocks{margin-top:40px;} .icon-blocks .services{margin-bottom: 50px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - BLOCK "TYPE 3" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*.block.type-3 .block-header-wrapper {border-bottom:1px solid #817bba;}*/ .block.type-3 .block-header .title{color:#fefeff;} .block.type-3 .block-header .text{color:#fff;border-left:1px solid #817bba;} .block.type-3 .content-block .title{font-family:'medium';font-size:25px;line-height:24px;color:#fff;text-transform:uppercase;margin-bottom:9px;} .block.type-3 .content-block .text{font-family:'light';font-size:17px;line-height:25px;color:#fff;} .block.type-3 .content-block .text p {margin-bottom:18px;} .block.type-3 .content-block .text ul {padding-left:28px;list-style:none;margin-bottom: 18px;} .block.type-3 .content-block .text ul li {margin-bottom:5px;position:relative;} .block.type-3 .content-block .text ul li:before{content:"";display:block;width:8px;height:8px;border:1px solid #38a9f6;position:absolute;top:11px;left:-18px;border-radius:8px;} /*stat*/ .statistic{margin-top:57px;padding-right:15px;padding-left:15px;} .stat-block {width:170px;height:170px;float:left;padding:20px 18px 18px 15px;margin-right:15px;margin-bottom:15px;background:#242434;opacity:0.6;filter: alpha(opacity=60);color:#fefefe;-webkit-border-top-left-radius: 25px;-webkit-border-bottom-right-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomright: 25px;border-top-left-radius: 25px;border-bottom-right-radius: 25px;} .stat-block .percent{font-size:35px;line-height:30px;margin-bottom:10px;} .stat-block .percent span {font-size:57px;} .block.type-3 .content-block .stat-block .text{font-size:13px;line-height:19px;} /*chart*/ .chart-wrapper{width: 470px;margin: 0 auto;height: 400px;} .chart-entry{width: 200px;float: right;} .chart{position:relative;width:400px;height:400px;float: right;overflow:hidden;} .chart .round-2,.chart .round-3,.chart .round-4{-webkit-box-shadow: -3px 3px 10px 3px rgba(190, 190, 190, 0.75);-moz-box-shadow: -3px 3px 10px 3px rgba(190, 190, 190, 0.75);box-shadow: -3px 3px 10px 3px rgba(190, 190, 190, 0.75);} .chart .round-1{position: relative;width: 400px;height: 400px;float:right;border-radius: 400px; border-right: 35px solid #fff;border-bottom: 35px solid #fff;border-left: 35px solid transparent;border-top: 35px solid transparent;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .chart .overflow-1{overflow:hidden;width: 200px;margin-left: 200px;} .chart .overflow-1 .color-block {position: absolute;bottom: 0px;width: 10px;height: 40px;background: #e97a23;} .chart .overflow-1 .number{position: absolute;top:50%;right:5px;margin-top: -12px;font-family: 'bold';font-size:15px;color:#e97a23;} .chart .round-2{position:absolute;top: 28px;right: 32px;width: 337px;height: 337px;border-radius: 337px;border-right: 34px solid #fff;border-bottom: 34px solid #fff;border-left: 34px solid transparent;border-top: 34px solid transparent;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .chart .overflow-2{overflow: hidden;width: 200px;margin-left: 200px;height: 400px;position: absolute;top: 0px;} .chart .overflow-2 .color-block {position: absolute;bottom: 35px;width: 10px;height: 40px;background: #95d3b4;} .chart .overflow-2 .number{position: absolute;top:50%;right:36px;margin-top: -12px;font-family: 'bold';font-size:15px;color:#95d3b4;z-index: 200;} .chart .round-2.part-2{-webkit-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);-moz-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75); box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);} .chart .overflow-2.part-2{top: -45px;left:-8px;-webkit-transform: rotate(-27deg);-moz-transform: rotate(-27deg);-o-transform: rotate(-27deg);-ms-transform: rotate(-27deg);transform: rotate(-27deg);} .chart .round-3{position:absolute;top: 57px;right: 63px;width: 275px;height: 275px;border-radius: 275px;border-right: 32px solid #fff;border-bottom: 32px solid #fff;border-left: 32px solid transparent;border-top: 32px solid transparent;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .chart .overflow-3{overflow: hidden;width: 200px;margin-left: 200px;height: 400px;position: absolute;top: 0px;} .chart .overflow-3 .color-block {position: absolute;bottom: 68px;width: 10px;height: 40px;background: #28b2e1;} .chart .overflow-3 .number{position: absolute;top:50%;right:69px;margin-top: -12px;font-family: 'bold';font-size:15px;color:#28b2e1;z-index: 200;} .chart .round-3.part-2{-webkit-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);-moz-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75); box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);} .chart .overflow-3.part-2{top: -79px;left: -31px;-webkit-transform: rotate(-50deg);-moz-transform: rotate(-50deg);-o-transform: rotate(-5.deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);} .chart .round-4{position:absolute;top: 88px;right: 93px;width: 215px;height: 215px;border-radius:215px;border-right:32px solid #fff;border-bottom:32px solid #fff;border-left:32px solid transparent;border-top:32px solid transparent; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .chart .overflow-4{overflow: hidden;width: 200px;margin-left: 200px;height: 400px;position: absolute;top: 0px;} .chart .overflow-4 .color-block {position: absolute;bottom: 97px;width: 10px;height: 33px;background: #444;} .chart .overflow-4 .number{position: absolute;top:50%;right:98px;margin-top: -12px;font-family: 'bold';font-size:15px;color:#444;z-index: 200;} .chart .round-4.part-2{-webkit-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);-moz-box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75); box-shadow: 0px -3px 19px 0px rgba(190, 190, 190, 0.75);} .chart .overflow-4.part-2{top: -105px;left: -95px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);} .round-center{position: absolute;top: 50%;left: 50%;width: 95px;height: 95px;margin:-52px 0px 0px -46px; border-radius: 95px;background:url(../img/chart.png) center center no-repeat #fff;} .chart-titles{float:right;position:relative;padding-right:13px;padding-top: 279px;} .chart-titles p{font-size:15px;color:#e6e6e5;text-transform:uppercase;text-align:right;line-height: 29px;} /*contact entry*/ .contact-entry{margin-bottom:60px;} .contact-wrapper .contact-entry:last-child{margin-bottom:0px;} .contact-entry .contact-icon {float: left;width:70px;height:70px;padding:10px;margin-right:30px;background:#7c76b5;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;} .block.type-3 .content-block .contact-entry .title{font-family:'regular';font-size:17px;line-height:24px;text-transform: uppercase;margin-bottom: 0px;} .block.type-3 .content-block .contact-entry .text{font-size:15px;line-height:25px;} .contact-entry .description{padding-left: 100px;} .contact-entry .description a{color:#fff;} .contact-entry .description a:hover{color: #c0bce8;} /*media body*/ .block.type-3 .media-body{position:relative;width: 58.33333333%;padding-left:45px;} .block.type-3 .media-body:before{content:'';position:absolute;top:70px;left:22px;width:22px;height:268px;background:url(../img/media-lines.png) center center no-repeat;} .block.type-3 .icon-entry:first-child{margin-bottom:60px;} .block.type-3 .icon-entry .icon{float:left;-webkit-border-top-left-radius: 25px;-webkit-border-bottom-right-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomright: 25px;border-top-left-radius: 25px;border-bottom-right-radius: 25px;} .block.type-3 .icon-entry .description{padding-left:195px;} .block.type-3 .media-right{width: 41.66666667%;} /*popup video*/ .blog-entry .image-column .popup-video{padding-left: 100px;} @media (max-width: 767px) { .stat-block{ margin: 0 auto;float: none;margin-bottom: 15px;} .address-info{margin-bottom:30px;} .contact-wrapper .contact-entry:last-child{margin-bottom:60px;} .contact-wrapper:last-child .contact-entry:last-child{margin-bottom:0px;} .block.type-3 .media-body{display:block;width:100%;padding-left:0px;margin-bottom:30px;} .block.type-3 .icon-entry .icon{float:none;margin-bottom:15px;} .block.type-3 .media-body:before{display:none;} .block.type-3 .icon-entry .description{padding-left:0px;} } @media (min-width: 768px) and (max-width: 991px) { .address-info{margin-bottom:30px;} .block.type-3 .media-body{display:block;width:100%;} .block.type-3 .media-body{margin-bottom:30px;} } @media (min-width:992px) and (max-width:1199px){ .chart-titles p{font-size:14px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - BLOCK "TYPE 4" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .team .icon-entry{margin-bottom:57px;text-align:center;} .team .icon-entry .corner-rounding {max-width: 100%;height: auto;display: inline-block;margin-bottom:20px;-webkit-border-top-left-radius: 25px;-webkit-border-bottom-right-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomright: 25px;border-top-left-radius: 25px;border-bottom-right-radius: 25px;} .team .icon-entry .content {padding:0px 20px;} .team .icon-entry .information{padding:3px 0px 5px 0px;margin:0px 37px 18px 29px;border-top:1px solid #cdd6dc;border-bottom:1px solid #cdd6dc;} .team .icon-entry .name {font-size:16px;line-height:18px;color:#363738;margin-bottom: 5px;} .team .icon-entry .job{font-family:'light';font-size:12px;color:#6b6a6a;} .team .icon-entry .text{font-family:'light';font-size:13px;line-height:18px;color:#6b6a6a;margin-bottom:18px;} .social-block a img{padding:7px 7px 7px 8px;background-image:url(../img/pattern.png);background-repeat: repeat;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomright: 6px;border-top-left-radius: 6px;border-bottom-right-radius: 6px;} .social-block a:hover{opacity:0.6;filter: alpha(opacity=60);} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - BLOCK "TYPE 5" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-5 .block-header-wrapper {border-bottom:none;} .block.type-5 .block-header-border {position:absolute;bottom:0px;height: 1px;width:85%;width: -webkit-calc(100% - 124px);width: -moz-calc(100% - 124px);width: calc(100% - 124px);border-bottom:1px solid #817bba;} .block.type-5 .block-header .title{color:#fefeff;} .block.type-5 .block-header .text{color:#fff;border-left:1px solid #817bba;} .clients-wrapper{position:relative;} .clients-entry a {display:block;opacity:0.6;filter: alpha(opacity=60);} .clients-entry a:hover{opacity:1;filter: alpha(opacity=100);} .block.type-5 .pagination{display:none;} .block.type-5 .arrows {position:absolute;top:-72px;right:0px;width:79px;} .block.type-5 .arrows .left,.block.type-5 .arrows .right{display:inline-block;padding:8px 9px;border:1px solid #807ab9;} .block.type-5 .arrows .left:hover,.block.type-5 .arrows .right:hover{opacity:0.6;filter: alpha(opacity=60);cursor:pointer;} .block.type-5 .arrows .left{margin-right:11px;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;} .block.type-5 .arrows .right{-webkit-border-top-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - BLOCK "TYPE 6" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-6 .swiper-container {margin-bottom:35px;} .block.type-6 .swiper-slide:nth-child(odd) .row{padding-right:15px;} .block.type-6 .swiper-slide:nth-child(even) .row{padding-left:15px;} .testimonials-entry.text-right img{float:right;margin-left:20px;-webkit-border-top-left-radius:19px;-webkit-border-bottom-right-radius:19px;-moz-border-radius-topleft:19px;-moz-border-radius-bottomright:19px;border-top-left-radius:19px;border-bottom-right-radius:19px;} .testimonials-entry.text-left img{float:left;margin-right:20px;-webkit-border-top-right-radius:19px;-webkit-border-bottom-left-radius:19px;-moz-border-radius-topright:19px;-moz-border-radius-bottomleft:19px;border-top-right-radius:19px;border-bottom-left-radius:19px;} .testimonials-entry .name{font-size:17px;line-height:19px;color:#242434;margin-bottom: 2px;} .testimonials-entry .job{font-size:13px;line-height:19px;color:#6b6a6a;margin-bottom: 9px;} .testimonials-entry .job span {color:#3d356f;} .testimonials-entry .text{font-family:'light';font-size:13px;line-height:18px;color:#6b6a6a;} .block.type-6 .testimonials-wrapper .pagination{display:none;} .block.type-6 .arrows{text-align:center;} .block.type-6 .arrows .left {display:inline-block;width:30px;height:30px;margin-right:30px;background:url(../img/testimonials-left.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;} .block.type-6 .arrows .left:hover{cursor:pointer;background:url(../img/testimonials-left-active.png) center center no-repeat #3d356f;} .block.type-6 .arrows .right{display:inline-block;width:30px;height:30px;background:url(../img/testimonials-right.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;} .block.type-6 .arrows .right:hover{cursor:pointer;background:url(../img/testimonials-right-active.png) center center no-repeat #3d356f;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - BLOCK "TYPE 7" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-7 .corner-rounding{margin-right:20px;-webkit-border-top-left-radius:29px;-webkit-border-bottom-right-radius:29px;-moz-border-radius-topleft:29px;-moz-border-radius-bottomright:29px;border-top-left-radius:29px;border-bottom-right-radius:29px;} .block.type-7 .media{margin-bottom:45px;} .block.type-7 .media .title{font-family:'medium';font-size:25px;color:#242434;text-transform:uppercase;margin-bottom:10px;} .block.type-7 .media .text{font-family:"light";font-size:17px;line-height:25px;} .block.type-7 .media .text p{margin-bottom:15px;} .block.type-7 .icon-entry{margin-bottom:55px;} .block.type-7 .icon-entry:nth-child(3),.block.type-7 .icon-entry:last-child{margin-bottom:0px;} .block.type-7 .icon-entry .icon{float:left;padding:20px;background-image: url(../img/pattern.png);-webkit-border-top-left-radius:14px;-webkit-border-bottom-right-radius:14px;-moz-border-radius-topleft:14px;-moz-border-radius-bottomright:14px;border-top-left-radius:14px;border-bottom-right-radius:14px;} .block.type-7 .icon-entry .description{padding-left:100px;} .block.type-7 .icon-entry .title{font-size:17px;line-height:24px;color:#242434;text-transform:uppercase;} .block.type-7 .icon-entry .text{font-family:"light";font-size:15px;line-height:24px;color:#242434;} @media (max-width: 767px) { .block.type-7 .media-left{display: block;margin-bottom:30px;} .block.type-7 .media-body{display: block;width: 100%;} .block.type-7 .media-object{display: block;max-width: 100%;height: auto;} } @media (min-width: 768px) and (max-width: 991px) { .block.type-7 .media-left{display: block;margin-bottom:30px;} .block.type-7 .media-body{display: block;width: 100%;} .block.type-7 .media-object{display: block;max-width: 100%;height: auto;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - BLOCK "TYPE 8" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .blog-post{text-align:center;} .block.type-8 .swiper-container{margin-bottom:35px;} .block.type-8 .swiper-slide:nth-child(odd) .row{padding-right:15px;} .block.type-8 .swiper-slide:nth-child(even) .row{padding-left:15px;} .blog-post .corner-rounding {display: block;max-width: 100%;height: auto;margin: 0 auto 25px auto;} .blog-post .corner-rounding{-webkit-border-top-left-radius:27px;-webkit-border-bottom-right-radius:27px;-moz-border-radius-topleft:27px;-moz-border-radius-bottomright:27px;border-top-left-radius:27px;border-bottom-right-radius:27px;} .blog-post .title{font-size:15px;line-height:24px;color:#242434;text-transform:uppercase;margin-bottom:20px;} .blog-post .text{font-family:'light';font-size:14px;line-height:24px;color:#6b6a6a;margin-bottom:25px;} .block.type-8 .pagination{display:none;} .block.type-8 .arrows{text-align:center;} .block.type-8 .arrows .left {display:inline-block;width:30px;height:30px;margin-right:30px;background:url(../img/testimonials-left.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;} .block.type-8 .arrows .left:hover{cursor:pointer;background:url(../img/testimonials-left-active.png) center center no-repeat #3d356f;} .block.type-8 .arrows .right{display:inline-block;width:30px;height:30px;background:url(../img/testimonials-right.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;} .block.type-8 .arrows .right:hover{cursor:pointer;background:url(../img/testimonials-right-active.png) center center no-repeat #3d356f;} .blog-post .meta-entry div{font-size:13px;line-height:24px;color:#7c76b5;position:relative;padding-left:27px;} .blog-post .meta-entry .date{float:left;} .blog-post .meta-entry .date:before{content:"";display:block;position:absolute;top:0px;left:0px;width:20px;height:20px;background:url(../img/date.png)center center no-repeat;} .blog-post .meta-entry .comments{float:right;padding-left:34px;} .blog-post .meta-entry .comments:before{content:"";display:block;position:absolute;top:0px;left:0px;width:27px;height:20px;background:url(../img/comments.png)center center no-repeat;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - BLOCK "TYPE 9" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-9{background:#cdd6dc;padding-top: 30px;padding-bottom: 30px;} .block.type-9 p{margin-top:6px;} .block.type-9 .text{font-family:'light';font-size:17px;line-height:25px;color:#6b6a6a;} .block.type-9 .title{font-family:'medium';font-size:25px;color:#242434;text-transform:uppercase;margin-right:10px;} .block.type-9 .button a{border: 3px solid #cdd6dc;} @media (max-width: 767px) { .block.type-9 .text, .block.type-9 .title{display:block;margin-bottom:5px;} .block.type-9 .pull-left{float: none!important;} .block.type-9 .pull-right{float: none!important;margin-bottom:5px;} .button{margin-left:4px;margin-right:4px;} } @media (min-width: 768px) and (max-width: 991px) { .block.type-9 .text, .block.type-9 .title{display:block;margin-bottom:5px;} .block.type-9 .button{margin-top: 12px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - BLOCK "TYPE 10" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-10{padding-bottom:0px;} .block.type-10 .block-header{margin-bottom:0px;} .form-block{padding-top:55px;} .form-block .form-text{font-family:'light';font-size:17px;line-height:24px;margin-bottom:40px;} .form-block .text-blue{color: #38a9f6;} .form-block input{margin-bottom:40px;} .form-block textarea{height:80px;} .form-block .button{margin-top:50px;} @media (max-width: 767px) { .form-block .button{margin-bottom:40px;} } @media (min-width: 768px) and (max-width: 991px) { .form-block{padding-top:45px;} .form-block .form-text{margin-bottom:40px;} .form-block input{margin-bottom:30px;} .form-block textarea{height:70px;} .form-block .button{margin-top:40px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - BLOCK "TYPE 11" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .blog-list-wrapper{height: 845px;overflow: hidden;} .blog-list-wrapper:before{content:'';position:absolute;top:-3px;left:112px;display:block;width:7px;height:7px;background:#fff;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .blog-list-wrapper:after{content:'';position:absolute;bottom:-3px;left:112px;display:block;width:7px;height:7px;background:#fff;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .blog-list-wrapper .swiper-slide{opacity:0.85;filter: alpha(opacity=85);} .blog-list-wrapper .swiper-slide:hover {opacity:1.0;filter: alpha(opacity=100);} .blog-list-wrapper .data-column{position:relative;width:130px;height:193px;float:left;color:#fff;} .blog-list-wrapper .data-column .date span{display:block;font-family:'medium';font-size:35px;margin:0px 0px 5px 10px;} .blog-list-wrapper .data-column .date{font-family:'regular';font-size:13px;line-height:22px;padding-top:80px;} .blog-list-wrapper .data-column .navline{position:absolute;left:100px;top:0px;width:1px;height:218px;background:#f5f4f6;} .blog-list-wrapper .data-column .data-image{position:absolute;left:78px;top:50%;margin-top:-21px;width:42px;height:42px;background-color:#fff;-webkit-border-radius: 42px;-moz-border-radius: 42px;border-radius: 42px;background-repeat: no-repeat;background-position:center center;} .blog-list-wrapper .data-column .data-image.photo{background-image: url(../img/post-photo.png);} .blog-list-wrapper .data-column .data-image.text{background-image: url(../img/post-text.png);} .blog-list-wrapper .data-column .data-image.video{background-image: url(../img/post-video.png);} .swiper-slide:last-child .data-column .navline {top:0px;height:193px;} .blog-list-wrapper .list-post-wrapper{padding-left: 130px;} .list-post{position:relative;height:193px;background:#fff;margin-bottom:25px;padding:10px;-webkit-border-top-left-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;border-top-left-radius:15px;border-bottom-right-radius:15px;} .list-post .post-image, .list-post .video {float:left;margin-right:15px;-webkit-border-top-left-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;border-top-left-radius:15px;border-bottom-right-radius:15px;} .list-post .video{position:relative;display:block;width:198px;height:170px;} .list-post .video:before{content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100;-webkit-border-top-left-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;border-top-left-radius:15px;border-bottom-right-radius:15px;} .list-post .video:hover:before{background: url(../img/play-icon.png) center center no-repeat rgba(61, 53, 111, 0.6);} .list-post .title{font-size:14px;line-height:18px;color:#3d356f;margin-bottom:10px;} .list-post .text{font-size:13px;line-height:18px;color:#242434;margin-bottom:15px;} .list-post .post-category{position:absolute;bottom:17px;left:10px;font-size:12px;line-height:24px;color:#7c76b5;} .list-post .post-category a{color:#7c76b5;} .list-post .post-category a:hover{opacity:0.6;filter: alpha(opacity=60);} .list-post .post-category img{margin-right:8px;position:relative;top:3px;} .list-post .post-link{position:absolute;bottom:8px;right:10px;} .list-post .post-content{padding-left:0px;} .list-post .post-content .post-category{position:absolute;bottom:17px;left:220px;} .list-post .post-content .post-link{position:absolute;bottom:8px;right:10px;} .list-post .arrow-left{background: url(../img/testimonials-right.png) center center no-repeat transparent;} .list-post .arrow-left:hover{background: url(../img/testimonials-right-active.png) center center no-repeat #3d356f;} .blog-list-wrapper .arrow.top{position:absolute;top:-35px;left:108px;} .blog-list-wrapper .arrow.bottom{position:absolute;bottom:-35px;left:108px;} .blog-list-wrapper .arrow:hover{cursor:pointer;opacity:0.6;filter: alpha(opacity=60);} .block.block-11 .swiper-container .pagination{display:none;} .blog-list-detail {height: 845px;overflow-y: hidden;} .blog-list-detail .title{position:relative;font-size:25px;line-height:31px;text-transform:uppercase;color:#fff;padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #d0d8de;} .blog-list-detail .title:after {content: "";display: inline-block;position: absolute;bottom: -2px;left: 0px;width: 39px;height: 3px;background: #38a9f6;} .blog-list-detail .data-column{margin-bottom:25px;} .blog-list-detail .data-column a{color:#fff;} .blog-list-detail .data-column a:hover{color:#c0bce8;} .blog-list-detail .data-category{float:left;width:35%;} .blog-list-detail .data-author{float:left;width:35%;} .blog-list-detail .data-comments{float:left;width:30%;} .blog-list-detail .data-column .icon{position:relative;top:3px;margin-right:5px;} .blog-list-detail .text p{font-family:'light';font-size:15px;line-height:24px;color:#fff;margin-bottom:15px;} .blog-list-detail .text .corner-rounding{-webkit-border-top-left-radius:22px;-webkit-border-bottom-right-radius:22px;-moz-border-radius-topleft:22px;-moz-border-radius-bottomright:22px;border-top-left-radius:22px;border-bottom-right-radius:22px;} .blog-list-detail .text .social{margin-top:30px;padding-top:15px;border-top:1px solid #8276ae;text-align:right;} .blog-list-detail .text .social a{margin-left:10px;} .blog-list-detail .text .social a:hover{opacity:0.6;filter: alpha(opacity=60);} @media (max-width: 767px) { .blog-list-wrapper{margin-bottom:50px;} } @media (max-width:600px){ .blog-list-wrapper{height: 760px;} .blog-list-wrapper .data-column{float:none;width: 100%;} .blog-list-wrapper .data-column .navline{left: 50%;} .blog-list-wrapper .list-post-wrapper{padding-left: 0px;} .list-post{margin-bottom: 0px;} .blog-list-wrapper:before,.blog-list-wrapper:after{left: 50%;margin-left:-3px;} .blog-list-wrapper .arrow.top,.blog-list-wrapper .arrow.bottom{left:50%; margin-left: -6px;} .blog-list-wrapper .data-column{height: 143px;} .list-post{height: 223px} .blog-list-wrapper .data-column .date{padding-top: 54px;} .list-post .post-image, .list-post .video{width:150px;height:129px;} .list-post .post-content .post-category{left:17px;} } @media (min-width: 768px) and (max-width: 991px) { .blog-list-detail{margin-top:50px;} } @media (min-width:992px) and (max-width:1199px){ .blog-list-wrapper:before,.blog-list-wrapper:after{left: 98px;} .blog-list-wrapper .data-column{width: 115px;} .list-post .post-image, .list-post .video{width: 110px;} .blog-list-wrapper .data-column .navline{left: 86px;} .blog-list-wrapper .data-column .data-image{left: 65px;} .list-post .post-content .post-category{bottom: 14px;left: 10px;} .blog-list-wrapper .list-post-wrapper{padding-left: 115px;} .blog-list-wrapper .arrow.top,.blog-list-wrapper .arrow.bottom{left: 94px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - BLOCK "TYPE 12" */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block.type-12{position:relative;padding-top:120px;padding-bottom:120px;} .block.type-12 .video{text-align:center;} .block.type-12 .video .text{font-size:17px;line-height:25px;color:#fff;margin-bottom:35px;} .block.type-12 .video .video-icon:hover{opacity:0.6;filter: alpha(opacity=60);} .popup-video{display:none;position: absolute;top:0px;left: 0%;width: 100%;height: 100%;} .movie{height: inherit;} .popup-video iframe{width:100%;height:100%;} .popup-video .movie .close-button{position: absolute;right: 0px;top: 0px;width: 30px;height: 30px;background: #356BBC;text-align: center;line-height: 30px;} .popup-video .movie .close-button {color: #fff;} .popup-video .movie .close-button:hover{cursor:pointer;cursor:opacity:0.6;filter: alpha(opacity=60);} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - BLOG */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .blog-wrapper{} .blog-wrapper .blog-entry{margin-bottom:100px;} .blog-entry .data-column{float: left;width: 70px;text-align: center;} .blog-entry .data-column .date{-webkit-border-top-left-radius:14px;-moz-border-radius-topleft:14px;border-top-left-radius:14px;background-color: #3d356f;height: 70px;width:70px;font-size: 13px;color: #d5d2f3;line-height: 21px;margin-bottom: 35px;} .blog-entry .data-column .date span{display: block;font-family:'medium';font-size: 30px;padding:12px 0px 10px 0px;} .blog-entry .data-column .data-entry, .blog-entry .data-column .data-entry a{display:block;font-family:'light';font-size: 15px;line-height: 24px;color: #3d356f;margin-bottom: 28px;} .blog-entry .data-column .data-entry:last-child{margin-bottom: 0px;} .blog-entry .data-column .data-entry a:hover{cursor:pointer;opacity:0.6;filter: alpha(opacity=60);} .blog-entry .data-column .data-entry .icon-entry{display: inline-block;background-position: center center;background-repeat: no-repeat;} .blog-entry .data-column .data-entry .icon-entry.like{width:32px;height:24px;background-image: url(../img/blog-like.png);} .blog-entry .data-column .data-entry .icon-entry.views{width:40px;height:24px;background-image: url(../img/blog-views.png);} .blog-entry .data-column .data-entry .icon-entry.comments{width:40px;height:24px;background-image: url(../img/blog-comments.png);} .blog-entry .image-column {padding-left:100px;} .blog-entry .image-column a{display: block;position:relative;-webkit-border-top-left-radius:45px;-webkit-border-bottom-right-radius:45px;-moz-border-radius-topleft:45px;-moz-border-radius-bottomright:45px;border-top-left-radius:45px;border-bottom-right-radius:45px;overflow:hidden;} .blog-entry .image-column a:before{content:'';position:absolute;top:0px;left:0px;width:100%;height: 100%;z-index:100;} .blog-entry .image-column a:hover:before{background:url(../img/play-icon.png) center center no-repeat rgba(61, 53, 111, 0.6);} .blog-entry .content{color:#242434;} .blog-entry .content .title{display:block;position:relative;font-family:'medium';font-size:24px;line-height:31px;color:#242434;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #cdd6dc;} .blog-entry .content .title:after{content:"";display:inline-block;position:absolute;bottom:-2px;left:0px;width:39px;height:3px;background:#38a9f6;} .blog-entry .content .author,.blog-entry .content .description{font-family:'light';font-size:14px;line-height:24px;} .blog-entry .content .author {margin-bottom:10px;} .blog-entry .content .author a{font-family: 'regular';color:#7c76b5;} .blog-entry .content .description{margin-bottom:25px;} .blog-inline .pagination{padding-left:100px;} /*pagination*/ .pagination{display:block;padding:0px;margin:0px 0px 60px 0px;border-radius:0px;} .pagination ul{list-style:none;text-align: center;} .pagination ul li{display: inline;} .pagination ul li a{display:inline-block;padding: 7px 0px;width: 30px;color:#242434;border:1px solid transparent;} .pagination ul li.active a{border:1px solid #3d356f;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .pagination .previous{float: left;display: inline-block;width: 30px;height: 30px;margin-right: 30px;background: url(../img/testimonials-left.png) center center no-repeat transparent;border: 1px solid #3d356f;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomright: 7px;border-top-left-radius: 7px;border-bottom-right-radius: 7px;} .pagination .previous:hover{cursor:pointer;background:url(../img/testimonials-left-active.png) center center no-repeat #3d356f;} .pagination .next{float: right;display:inline-block;width:30px;height:30px;background:url(../img/testimonials-right.png) center center no-repeat transparent;border:1px solid #3d356f;-webkit-border-top-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;} .pagination .next:hover{cursor:pointer;background:url(../img/testimonials-right-active.png) center center no-repeat #3d356f;} .pagination .previous a, .pagination .next a {border:none;} /*Blog detail*/ .blog-detail .title{position:relative;font-size:25px;line-height:31px;color:#242434;text-transform:uppercase;padding-bottom: 25px;margin-bottom:40px;border-bottom: 1px solid #d0d8de;} .blog-detail .title:after {content: "";display: inline-block;position: absolute;bottom: -2px;left: 0px;width: 36px;width: 39px;height: 3px;background: #38a9f6;} .blog-detail.blog-entry .data-column{float:none;width:auto;} .blog-detail.blog-entry .data-column .date, .blog-detail.blog-entry .data-column .data-entry {float:left;margin-bottom:0px;} .blog-detail.blog-entry .data-column .data-entry{font-family: 'regular';font-size:12px;line-height: 24px;color:#7c76b5;padding-top: 10px;} .blog-detail.blog-entry .data-column .data-entry .icon-entry.category{width: 29px;height: 25px;width: 105px;background-image: url(../img/blog-category.png);} .blog-detail.blog-entry .data-column .data-entry .icon-entry.comments{width: 30px;height: 25px;width: 80px;background-image: url(../img/blog-comments-grid.png);} .blog-detail.blog-entry .data-column .data-entry .icon-entry.pensil{width: 23px;height: 25px;width: 105px;background-image: url(../img/blog-pensil.png);} .blog-detail .social{float:right;padding-top: 20px;} .blog-detail .social a img{padding:7px 7px 7px 8px;background-image:url(../img/pattern.png);background-repeat: repeat;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomright: 6px;border-top-left-radius: 6px;border-bottom-right-radius: 6px;} .blog-detail .social a:hover{opacity:0.6;filter: alpha(opacity=60);} .blog-detail.blog-entry .content{padding-left: 0px;} .blog-detail .content p{font-family:'light';font-size:17px;line-height:25px;color:#242434;margin-bottom:15px;} .blog-detail .content em {font-family: 'italic';} .blog-detail .content .img-rounding{-webkit-border-top-left-radius: 35px;-webkit-border-bottom-right-radius: 35px;-moz-border-radius-topleft: 35px;-moz-border-radius-bottomright: 35px;border-top-left-radius: 35px;border-bottom-right-radius: 35px;} .blog-detail .content .pull-left{margin:0px 15px 15px 0px;} .blog-detail .content .pull-right{margin:15px 0px 15px 15px;} /*popular-post*/ .popular-post {margin-bottom:70px;} .popular-post > .title{position:relative;display:block;font-size:20px;line-height:38px;text-transform: uppercase;margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid #d0d8de;} /*comments*/ ol.commentlist, ul{list-style: none;} .comment_container{color:#fff;margin-bottom:35px;} .comment_container .avatar{float:left;margin-right:15px;} .comment_container >.avatar{-webkit-border-top-right-radius:22px;-webkit-border-bottom-left-radius:22px;-moz-border-radius-topright:22px;-moz-border-radius-bottomleft:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;} .comment_container .avatar .comment-entry .avatar{-webkit-border-top-left-radius: 22px;-webkit-border-bottom-right-radius: 22px;-moz-border-radius-topleft: 22px;-moz-border-radius-bottomright: 22px;border-top-left-radius: 22px;border-bottom-right-radius: 22px;} .comment_container .comment-text{padding-left:110px;} .comment .comment_container{margin-bottom: 35px;} .comment-head{display: inline-block;} .comment-head .date{position:relative;font-size:13px;line-height:24px;padding-left:30px;margin-bottom:10px; display: inline-block;} .comment-head .date:before{content:'';position:absolute;left: 0px;display:block;width:20px;height:20px;background:url(../img/clock.png) center center no-repeat;} .name{font-size:15px;line-height:19px;} .comment-entry p{font-family: 'light';font-size:13px;line-height:18px;margin-bottom:20px;} .comment .children{padding-left:110px;} .reply a{position:relative;font-size:13px;line-height:24px;color:#d7d3e6;padding-left:28px;} .reply a:before{content:'';position:absolute;top: 4px;left: 0px;display:block;width:20px;height:16px;background:url(../img/reply.png) center center no-repeat;} @media (max-width: 767px) { .blog-entry .data-column:after{content: " ";display: table;clear: both;} .blog-entry .data-column .date,.blog-entry .data-column .data-entry{float: left;} .blog-entry .data-column .data-entry{width: 70px;padding-top: 12px;} .blog-entry .data-column{float: none;width:auto;} .blog-entry .image-column{padding-left: 0px;} .blog-wrapper .pagination{padding-left: 0px;} .popular-post .blog-post{margin-bottom:30px;} .comment .children{padding-left:0px;} } @media (max-width: 425px) { .blog-entry .data-column,.blog-detail.blog-entry .data-column,.grid-wrapper .blog-entry .data-column{width: 200px!important;margin: 0 auto!important;} .blog-detail .social{float:left;margin-left: 50px;margin-bottom: 25px;} .blog-entry .data-column .date, .blog-entry .data-column .data-entry{width: 100px;} .blog-entry .data-entry:nth-child(3) a, .blog-detail.blog-entry .data-entry:last-child a{margin-bottom: 5px;} .grid-wrapper .blog-entry .data-column .data-entry{margin-bottom: 4px!important;} } @media (min-width: 768px) and (max-width: 991px) { .blog-entry .content{padding-left: 100px;} .popular-post .blog-post{margin-bottom:30px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - BLOG V-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .filter{margin-bottom:40px;} .filter-header{margin-bottom:30px;} .filter .title{position:relative;display:block;font-size:20px;line-height:22px;text-transform: uppercase;padding-bottom:20px;border-bottom:1px solid #d0d8de;} .filter .title:after{content:"";display:inline-block;position:absolute;bottom:-2px;left:0px;width:36px;width:39px;height:3px;background:#38a9f6;} .filter .search{margin-top: 15px;} .search-block {position:relative;} .search-block .search-submit{position:absolute;right:35px;bottom:10px;width:20px;height:20px;background: url(../img/search.png) center center no-repeat transparent;border:none;} .filter .input-entry{font-family:'light';font-size:17px;color:#242434;margin-bottom:20px;} .filter .input-entry .radio-form + label span {display: inline-block;width: 11px;height: 11px;border:1px solid #38a9f6;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px; margin: -1px 15px 0 0;cursor: pointer;} .filter .input-entry .radio-form:checked + label span {background:#38a9f6;} .filter .input-entry .radio-form:hover + label span {background:#38a9f6;} .filter .input-entry label:hover{cursor: pointer;} .grid-wrapper .item{margin-bottom:30px;} .grid-wrapper .blog-entry{background:#fff;margin-bottom:0px;-webkit-border-top-left-radius: 14px;-moz-border-radius-topleft: 14px;border-top-left-radius: 14px;} .grid-wrapper .blog-entry .data-image{-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;} .grid-wrapper .blog-entry .data-column{float:none;width:auto;} .blog-entry .data-column .data-entry a{margin-bottom: 0px;} .grid-wrapper .blog-entry .data-column .date, .grid-wrapper .blog-entry .data-column .data-entry {float:left;margin-bottom:0px;} .grid-wrapper .blog-entry .data-column .data-entry a{font-family: 'regular';font-size:12px;line-height: 24px;color:#7c76b5;padding-top: 10px;} .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.category{width: 29px;height: 25px;width: 105px;background-image: url(../img/blog-category.png);} .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.comments{width: 30px;height: 25px;width: 80px;background-image: url(../img/blog-comments-grid.png);} .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.pensil{width: 23px;height: 25px;width: 105px;background-image: url(../img/blog-pensil.png);} .grid-wrapper .blog-entry .content{padding:23px;} .grid-wrapper .blog-entry .content .title{font-size:15px;line-height:24px;text-transform:uppercase;} .grid-sizer {width: 0px;} .grid-wrapper .pagination{padding-left: 0px;} @media (min-width: 768px) and (max-width: 991px) { .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.category,.grid-wrapper .blog-entry .data-column .data-entry .icon-entry.pensil{width: 100px;} .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.comments{width: 75px;} .filter .input-entry{font-size:15px;} .filter .input-entry .radio-form + label span{margin: -1px 7px 0 0;} } @media (min-width:992px) and (max-width:1199px){ .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.category,.grid-wrapper .blog-entry .data-column .data-entry .icon-entry.pensil{width: 72px;} .grid-wrapper .blog-entry .data-column .data-entry .icon-entry.comments{width: 50px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 29 - TYPOGRAPHY STYLES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .typography-block{margin-bottom:20px;} .typography-block h1{font-size:70px;line-height:84px;color:#242434;} .typography-block h2{font-size:68px;line-height:84px;color:#242434;} .typography-block h3{font-size:25px;line-height:54px;color:#242434;} .typography-block h4{font-size:20px;line-height:50px;color:#242434;} .typography-block h5{font-size:17px;line-height:48px;color:#242434;} .typography-block h6{font-size:15px;line-height:47px;color:#242434;} .typography-block .search-block{margin-bottom:40px;} .typography-block .search-block .form-input{margin-bottom:0px;} .typography-block .form-input{margin-bottom:40px;} .typography-block .comment-entry{font-family:'light';} .typography-block .comment-entry .name{font-family:'regular';} .typography-block .comment-entry .title{color:#3d356f;} .typography-block .comment-entry .description{color:#242434;} .typography-block .icon-blocks .services{margin-bottom:15px;} .typography-block .icon-blocks.style-2 .services{text-align:center;} .typography-block .icon-blocks.style-2 .icon-service{float: none;background:none;} .typography-block .icon-blocks.style-2 .description{padding-left: 0px;} .typography-block .social-block{display:inline-block;} .typography-block .arrows{display:inline-block;} .typography-block .blog-example{margin-top:35px;} .typography-block .blog-list-wrapper{height: 411px;} .typography-block .blog-list-wrapper:after,.typography-block .blog-list-wrapper:before{background: #3d356f;} .typography-block .blog-list-wrapper .data-column{color:#3d356f;} .typography-block .blog-list-wrapper .data-column .data-image{background-color:#d7d3e6;} .typography-block .blog-list-wrapper .data-column .navline{background:#484177;} .typography-block .blog-list-wrapper .list-post{background:#f3f2f6;} /*panel-group*/ .panel-group .panel{border-radius: 0px;border:none;-webkit-box-shadow: none;box-shadow: none;} .panel-group .panel-title a{display: block;position:relative;font-family:'light';font-size:14px;line-height:24px;color:#fff;background:#615996;padding: 7px 15px;border-bottom:none;} .panel-group .panel-title a:after{content:"";display:block;position:absolute;right:15px;top:50%;margin-top:-2px;width:9px;height:5px;background: url(../img/group-open.png) center center no-repeat transparent;} .panel-group .panel-title a.collapsed{color:#242434;background:#f3f2f6;border-bottom:1px solid #e4e0f2;} .panel-group .panel-title a.collapsed:after{background: url(../img/group-close.png) center center no-repeat transparent;} .panel-heading{padding: 0px;border-top-left-radius: 0px;border-radius: 0px;} .panel-default > .panel-heading{background-color:#f3f2f6;} .panel-group .panel-body{font-family:'light';font-size:13px;line-height:18px;color: #fff;} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: none;} .panel-group .panel .collapse.in, .panel-group .panel .collapsing {background:#3d3570;} /*tabs*/ .nav-tabs{ border-bottom: 1px solid #d7d3e6;} .nav-tabs>li{border:1px solid #d7d3e6;border-right:none;} .nav-tabs>li:last-child{border-right:1px solid #d7d3e6;} .nav-tabs>li.active{border-top:1px solid #615996;} .nav-tabs>li>a{font-size:14px;line-height:18px;color:#3d356f;margin-right:0px;border:none;border-top:1px solid transparent;border-radius: 0px;background:#f3f2f6;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:#fff;color:#3d356f;border:none;border-top:1px solid #615996;} .tab-content{font-family:'light';font-size:13px;line-height:18px;color:#242434;padding:20px 14px;border-left:1px solid #d7d3e6;border-bottom:1px solid #d7d3e6;border-right:1px solid #d7d3e6;} .tab-content p{margin-bottom:15px;} .tab-content p:last-child{margin-bottom:0px;} /*--*/ .typography-block .grid-wrapper .blog-entry{background: #f5f4f7;} .typography-block .grid-wrapper .button a{border: 3px solid #f5f4f7;} .skill .diagramma{padding:10px 10px 20px 10px;text-align:center;border:1px solid #d0d8de;} .diagramma div{display: inline-block;float: none;position: relative;text-align:center;} .diagramma .statist .title{font-family:'medium';font-size:15px;line-height:24px;color:#242434;text-transform:uppercase;margin-bottom:5px;} .diagramma .statist .text{font-family:'light';font-size:13px;line-height:18px;color:#242434;} .typography-block .text-block{font-family:'light';font-size:17px;line-height:25px;color:#242434;} .typography-block .text-block h6{font-family:'medium';font-size:16px;line-height:35px;} .progress{position:relative;height:38px;border-radius: 0px;-webkit-border-top-right-radius: 17px;-moz-border-radius-topright: 17px;border-top-right-radius: 17px;-webkit-box-shadow: none;box-shadow: none;} .progress-bar{font-size:14px;line-height:35px;height:38px;background-color: #38a9f6;text-align: right;line-height:38px;padding-right: 10px;overflow:hidden;-webkit-border-top-right-radius: 17px;-moz-border-radius-topright: 17px;border-top-right-radius: 17px;} .progress-bar .name{position:absolute;left:10px;top:0px;text-transform:uppercase;} .progress-bar .count{font-family:'medium';font-size:15px;line-height:35px;} .progress-bar.style-2{background-color: #827ab8;} .progress-bar.style-3{background-color: #50478c;} .progress-bar.style-4{background-color: #2f2860;} .progress-bar.style-5{background-color: #181244;} @media (max-width: 767px) { .typography-block .blog-example{margin-bottom:55px;} } @media (min-width: 768px) and (max-width: 991px) { .typography-block .blog-example{margin-bottom:55px;} } /* ============== CSS ANIMATIONS ============== */ .button a, header a, .swiper-arrow, .arrows div, .block, .social a, footer a, #navbar > ul > li{-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out;-ms-transition: all 0.15s ease-out;} .post.animated{visibility: visible;} @media (max-width: 768px) { .container { overflow-x: hidden; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:7px; padding-right:7px; } #mainImage.block { padding-top: 10px; padding-bottom: 2px; } #mainCopy.fadeInLeft { padding-left: 25px; padding-right: 15px; } #logo img { width: 30px; margin-top:-5px; } #logo .name { margin: 0 0 0 9px; font-size:18px; } .block .block-header:before { bottom: 20px; } .block .block-header { margin-bottom:0; } .flexBox { display: flex; justify-content: space-between; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:2px; } } /* ============== add origin class ============== */ strong{font-weight: 700 !important;} .articleText {font-size: 16px !important;} #searchBox { background: #eee; padding: 20px; } .table.borded th, .table.borded td { border:1px solid #ccc; border-collapse: collapse; font-size: 13px; } @media screen and (max-width:768px) { .table.borded td ul li{ letter-spacing: 1.2px; } } .table.borded th.bg { background: #3d356f; color: #fff; vertical-align: middle; } .rankingTitle { background: #585409; color: #fff; padding: 10px; } h2.ranking_1, h3.ranking_1 { background: #a07f32 !important; } h2.ranking_2, h3.ranking_2 { background: #97a3ad !important; } h2.ranking_3, h3.ranking_3 { background: #8a4e22 !important; } h2.ranking_other, h3.ranking_other { background: #3d356f !important; } h2.ranking_1, h3.ranking_1, h2.ranking_2, h3.ranking_2, h2.ranking_3, h3.ranking_3, h2.ranking_other, h3.ranking_other { margin-top:20px; padding-bottom: 10px; padding-top:10px; padding-right: 10px; padding-left: 80px !important; border: none; font-size: 20px; text-align: left; } h2.ranking_1 a, h3.ranking_1 a, h2.ranking_2 a, h3.ranking_2 a, h2.ranking_3 a, h3.ranking_3 a, h2.ranking_other a, h3.ranking_other a { color: #fff !important; text-decoration: underline !important; } .panel.noneradius { border-radius: 0; position: relative; } .panel.noneradius.panel-default { border:2px solid #3d356f; } .panel.noneradius .panel-body { padding: 0; } .rankingBox { font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝"; font-size: 32px; width: 70px; height: 71px; color: rgb(255, 255, 255); padding-top: 14px; text-align: center; } .rankingBox{ position: absolute; top: 0; left: 0; z-index: 99 } .rankingTanteiName { background: #3d356f; padding: 10px; } .rankingTanteiName a { color: #fff; } .rankingTanteiName.rank1 { background: #cda240; } .rankingTanteiName.rank2 { background: #97a3ad; } .rankingTanteiName.rank3 { background: #8a4e22; } ul.rankingRating { margin-bottom: 3px; } ul.rankingRating li { color: #bdac47 !important; display: inline-block; } ul.rankingRating li i.non-rating { color: #9b9b9b; } .rankingPoint { display: block; width: 100%; } .rankingPoint h4 { display: block; background: #3d356f; color: #fff; padding: 10px; } .rankingPointList { border-bottom: 2px solid #3d356f; padding: 2px 0px; } ul.styled li { font-size: 15px; } ul.styled li.last-child { margin-bottom: 0; } .button a { width: 100%; } .button a.red { background: #ff0000; } .button a.red:hover { background: #fff; } .button { margin-left: 10px; margin-right: 10px; } .articleBox h2 { background: #3d356f; color: #fff; padding: 8px ; font-size: 20px; font-weight: bold; margin-top: 12px; margin-bottom: 8px; border-radius: 0.3em; } .articleBox h2.top3 { margin: 0; padding:0; } .articleBox h3 { padding-top: 8px !important; padding-bottom: 7px !important; font-size: 19px !important; font-weight: bold !important; border-top:solid 3px rgb(87,81,129) !important; margin-bottom: 5px !important; border-bottom: solid 3px rgb(87,81,129) !important; } .articleBox h4 { font-size: 18px; font-weight: bold; margin-bottom: 6px; padding: .25em .5em; color: #000; background: transparent; border-left: solid 5px #222439; border-bottom: none !important; } .articleBox h5 { font-size: 17px; font-weight: bold; margin-bottom: 6px; color: #000; background: transparent; border-bottom: solid 2px black; } .articleBox p { line-height: 1.5; margin-bottom: 16px; } .articleBox ul li { font-family: 'light'; font-size: 14px; line-height: 20px; color: #242434; margin-bottom: 15px; position: relative; list-style: none; padding-left: 30px; } .articleBox ul li:before { width: 14px; height: 11px; border: none; } .articleBox ul li:before { display: inline-block; position: absolute; top: 8px; left: 9px; width: 10px; height: 10px; border: 1px solid #38a9f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .articleBox .table ul li:before { content: ''; top: 0; left: 0; display:none; } .articleBox .table ul li { padding-left: 3px; font-size:13px; margin-bottom:0; } .articleBox ol { padding-left: 20px; } .articleBox ol li { font-family: 'light'; font-size: 14px; line-height: 20px; color: #242434; margin-bottom: 15px; position: relative; padding-left: 10px; } aside .list-styled { padding-left: 15px; list-style: none; color: #c0bce8; margin-bottom: 20px; } aside .list-styled li { margin-bottom: 14px; position: relative; } aside .list-styled li:before { content: ""; display: block; position: absolute; top: 2px; left: -15px; width: 6px; height: 10px; background: url(../img/list.png) center center no-repeat; } aside .list-styled a { color: #222; } @media screen and (max-width:768px) { .sp_bg_C3BF67 { background: #f5de8b; } .sp_bg_97a3ad { background: #97a3ad; } .sp_bg_8a4e22 { background: #8a4e22; } .sp_bg_3d356f { background: #ffddff; } } /* ============== added COMMON ============== */ /** parts */ /**************************************/ .fl { float: left !important; } .fr { float: right !important; } .sp_fl { float: left !important; } .sp_fr { float: right !important; } @media screen and (max-width:768px) { .sp_fl { float: none !important; } .sp_fr { float: none !important; } } .al { text-align: left !important; } .ar { text-align: right !important; } .ac { text-align: center !important; } .vt { vertical-align: top; } .vm { vertical-align: middle; } .vb { vertical-align: bottom; } .disp-hidden { display: none; } .disp-inline { display: inline-block; } .disp-block { display: block; } .bo0 { border: none !important; } .border_ccc { border: 1px solid #ccc; } .border_tb { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .border_left_fff { border-left: 1px solid #eee; } .vbl { vertical-align: baseline !important; } /** sp /**************************************/ .disp_sp,.sp_only { display: none !important; } .pc_only { display: inherit; } @media screen and (max-width:768px) { .disp_pc,.pc_only { display: none !important; } .disp_sp,.sp_only { display: block !important; } } br.br_sp { display: none; } br.br_pc { display: block; } @media screen and (max-width:768px) { br.br_sp { display: block; } br.br_pc { display: none; } } /** width /**************************************/ .w450 { width : 450px; } .w100 { width : 100px; } .w100p { width : 100%; } .w80p { width : 80%; } .w78p { width : 78%; } .w75p { width : 75%; } .w70p { width : 70%; } .w68p { width : 68%; } .w65p { width : 65%; } .w62p { width : 62%; } .w60p { width : 60%; } .w58p { width : 58%; } .w55p { width : 55%; } .w53p { width : 53%; } .w52p { width : 52%; } .w50p { width : 50%; } .w49p { width : 49%; } .w48p { width : 48%; } .w45p { width : 45%; } .w40p { width : 40%; } .w35p { width : 35%; } .w33p { width : 33% !important; } .w31p { width : 31%; } .w30p { width : 30%; } .w28p { width : 28%; } .w25p { width : 25%; } .w24p { width : 24%; } .w20p { width : 20%; } .w15p { width : 15%; } .w14p { width : 14%; } .max-width { max-width: 100%; } .margin-auto { display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width:768px) { .sp_none { display: none; } .sp_w90p { width:90% !important; } .sp_w100p { width:100% !important; } .sp_w50p {width: 50%;} } /** text /**************************************/ .tx_white{color:#fff !important;} .tx_white_shadow { color:#fff !important; text-shadow: 0 0 6px #000;} .tx_normal { font-weight: normal; } .tx_bold { font-weight: bold; } .tx_red { color: #ff4d4d; } .tx_deco_line{text-decoration: underline;} .tx08 { font-size: 0.8em; } .tx09 { font-size: 0.9em; } .tx10 { font-size: 1.0em; } .tx11 { font-size: 1.1em; } .tx12 { font-size: 1.2em !important; } .tx13 { font-size: 1.3em; } .tx14 { font-size: 1.4em !important; } .tx16 { font-size: 1.6em !important; } .tx18 { font-size: 1.8em !important; } .tx20 { font-size: 2.0em; } .tx22 { font-size: 2.2em; } .tx23 { font-size: 2.3em !important; } .tx24 { font-size: 2.4em; } .tx25 { font-size: 2.5em; } .tx28 { font-size: 2.8em !important; } .tx30 { font-size: 3.0em; } .tx32 { font-size: 3.2em; } .tx36 { font-size: 3.6em; } .tx30 { font-size: 3.0em; } .tx40 { font-size: 4.0em; } .tx50 { font-size: 5.0em; } .tx65 { font-size: 6.5em; } .li12 { line-height: 1.2 !important; } .li13 { line-height: 1.3 !important; } .li14 { line-height: 1.4 !important; } .li16 { line-height: 1.6 !important; } .li18 { line-height: 1.8 !important; } .li19 { line-height: 1.9 !important; } .li20 { line-height: 2.0 !important; } .li26 { line-height: 2.6 !important; } @media screen and (max-width:768px) { .sp_tx10 {font-size:1.0em !important;} .sp_tx11 {font-size:1.1em !important;} .sp_tx12 {font-size:1.2em !important;} .sp_tx13 {font-size:1.3em !important;} .sp_tx14 {font-size: 1.4em !important;} } @media screen and (max-width:640px) { .sp_block { float: none !important; } .sp_bk {display: block;} } /** margin */ /**************************************/ .ma0 { margin: 0px !important; } .ma5 { margin: 5px !important; } .ma10 { margin: 10px !important; } .ma15 { margin: 15px !important; } .ma20 { margin: 20px !important; } .mt0 { margin-top: 0px !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 10px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mt70 { margin-top: 70px !important; } .mt75 { margin-top: 75px !important; } .mt80 { margin-top: 80px !important; } .mt90 { margin-top: 90px !important; } .mt100 { margin-top: 100px !important; } .mt110 { margin-top: 110px !important; } .mt170 { margin-top: 170px !important; } .mt180 { margin-top: 180px !important; } .mt200 { margin-top: 200px !important; } .mr0 { margin-right: 0px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } .mr60 { margin-right: 60px !important; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 18px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } .ml120 { margin-left: 120px !important; } .ma_auto { margin-left: auto; margin-right: auto; } .sp_ml10 { margin-left: 10px; } @media screen and (max-width:768px) { .mt40 { margin-top: 20px !important; } .mt50 { margin-top: 25px !important; } .sp_mt10 { margin-top: 10px !important; } .sp_mt20 { margin-top: 20px !important; } .sp_mt30 { margin-top: 30px !important; } .sp_mb10 { margin-bottom: 10px !important; } .sp_mb20 { margin-bottom: 20px !important; } .sp_ml10 { margin-left: 0 !important; } } /** padding */ /**************************************/ .pa0 { padding: 0px !important; } .pa3 { padding: 3px !important; } .pa5 { padding: 5px !important; } .pa10 { padding: 10px !important; } .pa15 { padding: 15px !important; } .pa20 { padding: 20px !important; } .pa30 { padding: 30px !important; } .pt0 { padding-top: 0px !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 16px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pt50 { padding-top: 50px !important; } .pt60 { padding-top: 60px !important; } .pt170 { padding-top: 170px !important; } .pr0 { padding-right: 0px !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pr50 { padding-right: 50px !important; } .pb0 { padding-bottom: 0px !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 10px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pb50 { padding-bottom: 50px !important; } .pb60 { padding-bottom: 60px !important; } .pl0 { padding-left: 0px !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; } .pl50 { padding-left: 50px !important; } .pl60 { padding-left: 60px !important; } @media screen and (max-width:768px) { } /** clear */ /**************************************/ .cl:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* img align */ .alignnone { clear: both; margin: 0.25em; } .aligncenter { display: block; clear: both; margin: 0.25em auto 1.5em; } .alignleft { float: left; clear: both; margin: 0.25em 1.5em 1.5em 0; } .alignright { float: right; clear: both; margin: 0.25em 0 1.5em 1.5em; } @media screen and (max-width:768px) { .navbar-toggle { display: none; } .aligncenter, .alignleft , .alignright { display: block; float: none; clear: both; margin: 0.25em auto; max-width: 98%; height:auto; } } .img-responsive{max-width: 100%;height:auto;} @media (max-width: 767px) { #searchBoxToggleTriger { position: relative; font-weight: 700; background: #f0f6fd; margin-bottom: 0; border: 1px dashed #222439; text-align: center !important; border-radius: 4px; font-size: 20px; vertical-align: middle; } #searchBox { display: none; } } /* trigger */ div#trigger { position: fixed; right: 20px; top: 4px; z-index: 1111; } div#trigger a { display: inline-block; position: relative; width: 58px; height: 45px; } div#trigger a span { display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; background: #776343; transition: 0.2s; } div#trigger a span:before, div#trigger a span:after{ display: block; content: ""; position: absolute; top: 50%; left: 0; width: 30px; height: 2px; background: #776343; transition: 0.3s; } div#trigger a span:before { margin-top: -10px; } div#trigger a span:after { margin-top: 8px; } div#trigger a .close { background: transparent; } div#trigger a .close:before, div#trigger a .close:after { margin-top: 0; background: #fff; } div#trigger a .close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } div#trigger a .close:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } /** gnav sp /**************************************/ nav#gnav.sp { -webkit-overflow-scrolling: touch; position: fixed; top: 0; right: -320px; width: 320px; height: 100%; z-index: 999; background-color: #3d356f; overflow-y: scroll; padding-bottom: 30px; } nav#gnav.sp ul { vertical-align: middle; text-align: left; padding: 15px; } nav#gnav.sp ul li { border-bottom: 1px solid #ccc; } nav#gnav.sp ul li a { color: #fff; font-size: 14px; line-height: 1.8; text-align: left; letter-spacing: 0.1em; text-decoration: none; padding: 10px 0; display: block; } .gnav_balloon { position: relative; display: block; margin: 1.5em 0; padding: 7px 10px; min-width: 90%; max-width: 90%; color: #fff; font-size: 16px; background: #140D3D; text-align: center; margin: auto; } .gnav_balloon:before{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #140D3D; } .gnav_balloon1 p { margin: 0; padding: 0; } .box27 { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #62c1ce; } .box27 .box-title { position: absolute; display: inline-block; top: -27px; left: -3px; padding: 0 9px; height: 25px; line-height: 25px; font-size: 17px; background: #62c1ce; color: #ffffff; font-weight: bold; border-radius: 5px 5px 0 0; } .box27 p { margin: 0; padding: 0; } /* search box */ .arrow_box { font-size:12px; color:#fff !important; position: relative; background: #354a6b; padding: 8px; height: 80px; } .arrow_box.height_mini { height: 45px; } .arrow_box:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(53, 74, 107, 0); border-left-color: #354a6b; border-width: 6px; margin-top: -6px; } .searchRefine .arrow_box { font-size:1.2em; } .radioBox { vertical-align: bottom; font-size:16px; } .radioBox input[type="radio"]{ width:18px; height:18px; } .searchRefine .radioBox { font-size:14px; } .w33_3p { width: 33.3%; } .inline { display: inline-block; } .border-black-2px { border: 2px solid #354a6b; } .ac { text-align: center !important; } .border-black-2px { border: 2px solid #354a6b; } @media only screen and (max-width: 640px) { .arrow_box ,.radioBox{font-size: 14px;} } blockquote { position: relative; padding: 10px 15px 10px 50px; box-sizing: border-box; font-style: italic; background: #efefef; color: #555; } blockquote:before{ display: inline-block; position: absolute; top: 10px; left: -3px; content: "“"; font-family: sans-serif; color: #cfcfcf; font-size: 90px; line-height: 1; } blockquote p { padding: 0; margin: 10px 0; line-height: 1.7; } blockquote cite { display: block; text-align: right; color: #888888; font-size: 0.9em; } .blog-card { min-width: 100%; padding: 12px 12px 0; margin: 10px 0; border: 1px solid #ddd; word-wrap: break-word; border-radius: 5px; display: block; margin: 10px auto; background-color: lavender; } @media (min-width:768px){ .blog-card{min-width:97%;max-width:97%} } .blog-card-thumbnail{ float:left; margin-right:10px; max-width:200px } .blog-card-thumbnail img{max-width:100%;height:auto} .blog-card-content{line-height:120%} .blog-card-title{margin-bottom:9px;font-size:18px} .blog-card-title a{font-weight:700;color:#111;text-decoration:none} .blog-card-title a:hover{text-decoration:underline} .blog-card-excerpt{color:#333;font-size:90%} .blog-card-footer{padding-top:5px} .blog-card-date{color:#333;font-size:75%;float:left;margin-right:10px} .clear{clear:both} @media (max-width:768px){ .blog-card-thumbnail{float:none;display:block;margin-right:auto;margin-left:auto;margin-bottom:10px;max-width:100%} .blog-card-thumbnail img{max-width:100%;height:auto} } .button-main.btn_purple { background: #551451 !important; } .button-main.btn_pink { background: #FD7199 !important; } .button-main.btn_red { background: #D20000 !important; color:#fff !important; margin-top: 8px; font-weight:bold;} .pa20 { padding: 20px !important; } .ma_auto { margin-left: auto; margin-right: auto; } .mb20 { margin-bottom: 20px !important; } .w90p { width: 90%; } .border_radius { border-radius: 36px; } .block { display: block; } @media only screen and (max-width: 750px) { .button-main{min-width: 120px;} .button-main.sp_red{ background: #D20000; border-radius: 32px; font-size: 1em !important; } .button-main.btn_purple, .button-main.btn_pink{ font-size: 1.2em !important; border-radius: 32px; font-weight:bold; } .sp_block{display: block;} } /* nao */ img { height: auto; max-width: 100%; } .profile-box { position: relative; margin: 35px -3px 10px -3px; padding: 0.5em 1em; border: solid 3px #222539 } .profile-box .box-title { position: absolute; display: inline-block; top: -27px; left: -3px; padding: 0 9px; height: 25px; line-height: 25px; vertical-align: middle; font-size: 15px; background: #222539; color: #ffffff; font-weight: bold; border-radius: 5px 5px 0 0; } .profile-box p { margin: 0; padding: 0; } .google-map { margin-top:12px; margin-bottom: 12px; } .iframe-wrap { position: relative; width: 100%; padding-top: 56.25%; overflow:auto; -webkit-overflow-scrolling:touch; border:2px solid #ccc; } .iframe-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; display:block; } /* parts/search_area（aside > 都道府県検索） */ .search_area_link_box { border: 2px solid #3d356f; margin-bottom: 20px; } .search_area_link_box .search_area_link_head { background: #3d356f; font-size: 15px; line-height: 20px; font-weight: bold; text-align: center; padding: 10px 0; color: #fff; } .search_area_link_box .search_area_link_body { font-size: 12px; } .search_area_link_box .search_area_link_body .area_title { background: #f7f6f0; padding: 5px; } .search_area_link_box .search_area_link_body .area_text { padding: 5px; } .search_area_link_box .search_area_link_body ul { padding: 0; margin: 0; } .search_area_link_box .search_area_link_body li { display: inline-block; font-size: 13px; margin-right: 2px; } /* parts/this_article（single > 最下部） */ .this_article_3d356f { border: 3px solid #3d356f; border-radius: 8px; padding: 15px; } .this_article_3d356f .article_ttl { font-size: 21px; font-weight: bold; margin-bottom: 10px; text-align: center; border-bottom: 1px solid #3d356f; } .this_article_3d356f .this_name { font-size: 16px; font-weight: bold; margin: 0 0 5px; } .mg10 { margin: 10px 0; } /* parts/category-knowledge */ .block { display: block; } .panel-default { border-color: #1f2d42; } .panel-title { border: none; font-size: 20px; line-height: 1.25em; max-height: 3.75em; overflow: hidden; padding: 0; } .panel-list .panel-body > .row { display: flex; justify-content: center; align-items: center; } .panel-list .image > .ht { padding-top: 100%; } .ht { background-repeat: no-repeat; background-size: cover; background-position: center; display: block; height: 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 100%; } .btn_1 { width: 48%; } .btn_2_3 { width: 25%; } .mg_0_1 { margin: 0 1px; } .pd_7_0 a { padding: 7px 0px; } .saishin { width:150px; } .eq { display: flex; flex-wrap: wrap; } .con_t { display: flex; align-items: center; height: auto; padding: 10px; } .con_t .feature { display: block; } .con_i { display: flex; justify-content: center; align-items: center; height: auto; padding: 0 0 0 17px; } .link_card { background-color: #ffebcd; padding: 10px; margin: 15px 0; } .link_card_ttl { font-size: 18px; font-weight: 700; } .link_card_ttl a:hover { text-decoration: underline; } .list_waku { border: 2px solid #1f2d42; padding: 3px; margin: 2px 0; } .mb_0 { margin-bottom: 0; } .pb_15 { padding-bottom: 15px; } .pt_20 { padding-top: 20px; } .youtube { position: relative; max-width: 100%; padding-top: 56.25%; } .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .com_ta .table img { max-width: none; } .com_ta th { text-align: center; font-weight: bold; white-space: nowrap; } .com_ta .table > tbody > tr > td { vertical-align: middle; white-space: nowrap; } .ico_a { background-color: #F17C67; color: #fff; } .ico_b { background-color: #FAA55C; color: #fff; } .ico_c { background-color: #009DBF; color: #fff; } .is { font-size: 3em; font-weight: normal; } .qa_ar { margin: 30px 0; } .question_co::before, .answer_co::before { position: absolute; top: 0; left: -50px; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 21px; font-weight: bold; color: #fff; } .question_co, .answer_co { position: relative; margin-left: 50px; min-height: 40px; margin-bottom: 10px; } .question_co::before { color: #fff; background: #C6C1E0; top: -7px; content: "Q"; } .question_co { color: #1b2e42; font-weight: bold; } .answer_co::before { top: -7px; content: "A"; background: #D20000; } .eq { display: flex; flex-wrap: wrap; } .num_area { background-image: linear-gradient(-90deg, #404042 50%, transparent 50%), linear-gradient(#404042 50%, transparent 50%); background-size: 20px 20px; background-color: #373739; color: #C6C1E0; padding: 0; margin-bottom: 10px; font-size: 12px; } .num_bg { background-color: rgb(255,255,255,0.1); padding: 15px; margin: 5px; } .kensu_num_b { font-size: 38px; font-weight: bold; line-height: 1; } .kensu_num_s { font-size: 21px; font-weight: bold; } .pd_0 { padding: 0; } div#toc_container { font-size: medium; } div#toc_container li { padding: 3px; } .navbar-brand { float: left; background: url("https://興信所探偵ナビ.com/uwaki/wp/wp-content/uploads/2022/06/220606_3.png") no-repeat left center; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: contain; height: 52px; padding: 0 130px; margin: 4px 10px; } #navbar > ul > li > a { padding: 15px 0px; } .sns_icon { padding: 5px 0; } .sns_icon a { color: #fff; } .sns_icon a :hover { text-decoration: none; } .merit { background: #f3f3f3; padding: 15px; margin: 15px; } .merit .merit_ttl { font-size: 19px; font-weight: bold; border-bottom: solid 3px rgb(87,81,129) ; text-align: center; } .merit li { margin: 1em 0; } .merit ol { margin: 0; padding: 0; list-style: none; counter-reset: li; font-weight: bold; } .merit ol li { position: relative; font-size: 16px; padding-left: 1.5em; line-height: 1.5; } .merit ol li::before { counter-increment: li; content: counter(li); position: absolute; left: 0; top: 2px; display: block; width: 20px; height: 20px; font-size: 27px; font-weight: bold; color: #38a9f6; line-height: 20px; text-align: center; } .h1_tx { padding: 0 0 0 30px; font-size: 9px; } .label_pr { background-color: #0C3A6D; line-height: 3; color: #FFFFFF; font-weight: 600; padding: 10px 20px; border-radius: 20px; margin-right: 5px; font-size: 12px; } .mg_1_0 { margin: 1em 0; } .mg_2_0 { margin: 2em 0; } .mg_3_0 { margin: 3em 0; } .k_t_wrap { position: relative; overflow: hidden; width: 100%; height: 600px; } .k_t_img { position: absolute; top: 0; left: 0; } @media (max-width: 1199px) { .saishin { width:80px; } } @media (max-width: 767px) { .pd-rl20 { padding: 0 20px; } .mg-rl10 { margin: 0 5px 0 15px; padding: 0; } .panel-body { padding: 10px; } .panel-body h2 { background: none; } .panel-title { margin-right: 0 10px; } .btn_1 { width: 40%; } .btn_2_3 { width: 30%; } .fs12a a { font-size: 12px; } .num_bg { padding : 10px; margin: 5px; } .kensu_num_b { font-size: 19px; font-weight: bold; } .kensu_num_s { font-size: 12px; } .navbar-brand { height: 40px; padding: 0 100px; margin: 5px; } .sp_fs_11 { font-size: 11px; } .h1_tx { padding: 15px; } } .kk { display: flex; flex-wrap: wrap; flex-direction: row; border: 3px solid #e0d0c9; padding: 20px; margin: 20px; } .kk p { margin-bottom: 0; } .kk_i { flex-basis: 9%; } .kk_c { flex-basis: 84%; padding-left: 20px; } .kk_name { font-size: 19px; font-weight: bold; } .star5_rating { position: relative; z-index: 0; display: inline-block; white-space: nowrap; color: #CCCCCC; font-size: 21px; } .star5_rating:before, .star5_rating:after { content: '★★★★★'; } .kk_r { font-size: 95%; padding-left: 12%; } @media (max-width: 767px) { .kk_r { padding-left: 0; } } .star5_rating { position: relative; z-index: 0; display: inline-block; white-space: nowrap; color: #CCCCCC; font-size: 21px; } .star5_rating:before, .star5_rating:after{ content: '★★★★★'; } .star5_rating:after { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: #ffcf32; /* イエローカラー 自由に設定化 */ } .star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */ .star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */ .star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */ .star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */ .star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */ .star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */ .star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */ .star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */ .star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */ .star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */ .star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */ .tx_lc_2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; padding-bottom: 0; } .tx_lc_3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; } .top_tile_img { width: 100%; height: 170px; object-fit: cover; }