|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
- |
| |
- |
| |
- | @import url(//fonts.googleapis.com/css?family=Inder);
| |
- | body {
| |
- | background: #495060;
| |
- | line-height: 1.42857;
| |
- | color: #000000;
| |
- | font-family: 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | font-size: 13px;
| |
- | }
| |
- | a {
| |
- | text-decoration: none;
| |
- | }
| |
- | a:hover {
| |
- | text-decoration: none;
| |
- | }
| |
- | a:focus {
| |
- | text-decoration: none;
| |
- | background: none;
| |
- | }
| |
- | a[href^="tel:"] {
| |
- | color: inherit;
| |
- | text-decoration: none;
| |
- | }
| |
- | textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
| |
- | -webkit-appearance: none;
| |
- | -moz-appearance: caret;
| |
- | }
| |
- | p {
| |
- | margin-bottom: 7px;
| |
- | line-height: 22px;
| |
- | }
| |
- | h1.navbar-brand_ {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | float: left;
| |
- | }
| |
- | h1.navbar-brand_ a {
| |
- | display: inline-block;
| |
- | padding: 5px 0;
| |
- | }
| |
- | h1.navbar-brand_ span {
| |
- | display: none;
| |
- | }
| |
- | h2 {
| |
- | font: 26px/26px 'Inder';
| |
- | color: #262626;
| |
- | margin: 0 0 47px 0;
| |
- | text-transform: uppercase;
| |
- | }
| |
- | h2.indent {
| |
- | margin: 0 0 32px 0;
| |
- | }
| |
- | h3 {
| |
- | font: 18px/18px 'Inder';
| |
- | color: #3a3a3a;
| |
- | margin: 0 0 35px 0;
| |
- | }
| |
- | h4 {
| |
- | font: 24px/36px 'Inder';
| |
- | color: #495060;
| |
- | margin: 0 0 24px 0;
| |
- | }
| |
- | h5 {
| |
- | font: 15px/22px 'Inder';
| |
- | color: #262626;
| |
- | font-weight: normal !important;
| |
- | margin: 0;
| |
- | }
| |
- | h5.indent {
| |
- | margin-bottom: 5px;
| |
- | }
| |
- | .extra-wrap {
| |
- | overflow: hidden;
| |
- | }
| |
- | .global {
| |
- | padding: 0;
| |
- | background: #ffffff;
| |
- | }
| |
- | .global.indent {
| |
- | padding: 66px 0 0 0;
| |
- | background: #ffffff;
| |
- | }
| |
- | .center {
| |
- | text-align: center;
| |
- | }
| |
- | /*-----menu-----*/
| |
- | .menuBox {
| |
- | background: #ffffff;
| |
- | padding: 31px 0;
| |
- | }
| |
- | .menuBox.indent {
| |
- | padding: 31px 0 19px 0;
| |
- | border-bottom: 1px solid #e1e1e1;
| |
- | }
| |
- | nav.tm_navbar {
| |
- | background: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | margin: 27px 0 0 0;
| |
- | float: right;
| |
- | min-height: 0;
| |
- | }
| |
- | nav.tm_navbar li {
| |
- | float: left;
| |
- | font-size: 13px;
| |
- | line-height: 22px;
| |
- | margin-left: 10px;
| |
- | position: relative;
| |
- | padding-top: 0;
| |
- | padding-right: 5px;
| |
- | padding-bottom: 2px;
| |
- | padding-left: 5px;
| |
- | }
| |
- | nav.tm_navbar li:first-child {
| |
- | margin-left: 0;
| |
- | }
| |
- | nav.tm_navbar li a {
| |
- | position: relative;
| |
- | padding: 0;
| |
- | font: 15px 'Inder';
| |
- | color: #242323;
| |
- | background: none;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | }
| |
- | nav.tm_navbar li.active {
| |
- | border-bottom: 4px solid #f08213;
| |
- | }
| |
- | nav.tm_navbar li.active > a {
| |
- | color: #f08213;
| |
- | background: none;
| |
- | }
| |
- | nav.tm_navbar li:hover {
| |
- | border-bottom: 4px solid #f08213;
| |
- | }
| |
- | nav.tm_navbar li:hover > a {
| |
- | color: #f08213;
| |
- | background: none;
| |
- | -webkit-transition: all 0.35s;
| |
- | transition: all 0.35s;
| |
- | }
| |
- | nav.tm_navbar .sfHover {
| |
- | border-bottom: 4px solid #f08213;
| |
- | }
| |
- | nav.tm_navbar .sfHover > a {
| |
- | color: #f08213;
| |
- | background: none;
| |
- | -webkit-transition: all 0.35s;
| |
- | transition: all 0.35s;
| |
- | }
| |
- | nav.tm_navbar li span {
| |
- | height: 4px;
| |
- | background: url(../img/menu-marker.png) center 0 no-repeat;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | bottom: -4px;
| |
- | z-index: 0;
| |
- | }
| |
- | /*-----subMenu1-----*/
| |
- | nav.tm_navbar .sub-menu > ul {
| |
- | position: absolute;
| |
- | display: none;
| |
- | width: 110px;
| |
- | left: -27px;
| |
- | top: 32px;
| |
- | list-style: none !important;
| |
- | zoom: 1;
| |
- | z-index: 11;
| |
- | background: #495060;
| |
- | padding: 29px 10px 16px 16px;
| |
- | margin: 0;
| |
- | text-align: left;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > ul li {
| |
- | background: none;
| |
- | border: none;
| |
- | width: auto;
| |
- | float: none;
| |
- | margin: 0 0 13px 0;
| |
- | padding: 0;
| |
- | display: block;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > ul li a {
| |
- | background: none;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | float: none;
| |
- | font: 12px 'Arial';
| |
- | text-transform: uppercase;
| |
- | color: #ffffff;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > .submenu li span {
| |
- | display: inline-block;
| |
- | background: url(../img/menu-marker2.png) no-repeat;
| |
- | width: 6px;
| |
- | height: 7px;
| |
- | position: relative;
| |
- | left: 9px;
| |
- | top: 0;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > ul li a:hover {
| |
- | text-decoration: none;
| |
- | color: #f08213 !important;
| |
- | background: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > ul li.sfHover > a {
| |
- | text-decoration: none;
| |
- | color: #f08213 !important;
| |
- | background: none !important;
| |
- | }
| |
- | /*-----subMenu2-----*/
| |
- | nav.tm_navbar .sub-menu ul ul {
| |
- | position: absolute;
| |
- | display: none;
| |
- | width: 107px;
| |
- | left: 96px;
| |
- | top: -9px;
| |
- | list-style: none !important;
| |
- | zoom: 1;
| |
- | z-index: 11;
| |
- | background: #f08213;
| |
- | padding: 9px 10px 0 10px;
| |
- | margin: 0;
| |
- | text-align: left;
| |
- | }
| |
- | nav.tm_navbar .sub-menu ul ul li a {
| |
- | background: none;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | float: none;
| |
- | font: 12px 'Arial';
| |
- | text-transform: uppercase;
| |
- | color: #ffffff;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | nav.tm_navbar .sub-menu > ul li > ul li a:hover {
| |
- | text-decoration: none;
| |
- | color: #000000 !important;
| |
- | background: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .select-menu {
| |
- | display: none !important;
| |
- | }
| |
- | /*-----content-----*/
| |
- | header {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | position: relative;
| |
- | z-index: 11;
| |
- | }
| |
- | footer {
| |
- | padding: 28px 0;
| |
- | }
| |
- | footer p {
| |
- | margin-bottom: 0;
| |
- | font: 12px/36px 'Inder';
| |
- | color: #9fa3ab;
| |
- | text-transform: uppercase;
| |
- | }
| |
- | footer p a {
| |
- | font: 12px/36px 'Inder';
| |
- | color: #9fa3ab;
| |
- | text-transform: uppercase;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | footer p a:hover {
| |
- | color: #ffffff;
| |
- | }
| |
- | footer p span {
| |
- | font: 18px/36px 'Inder';
| |
- | color: #ffffff;
| |
- | text-transform: uppercase;
| |
- | }
| |
- | footer em {
| |
- | font-style: normal;
| |
- | }
| |
- | #toTop {
| |
- | display: none;
| |
- | width: 42px;
| |
- | height: 42px;
| |
- | background: url(../img/top.png) 0 top no-repeat;
| |
- | position: fixed;
| |
- | margin-right: -640px !important;
| |
- | right: 50%;
| |
- | bottom: 165px;
| |
- | z-index: 999;
| |
- | }
| |
- | #toTop:hover {
| |
- | background: url(../img/top.png) 0 bottom no-repeat;
| |
- | }
| |
- | .address_icon {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | float: left;
| |
- | list-style: none;
| |
- | }
| |
- | .address_icon li {
| |
- | float: left;
| |
- | margin-left: 38px;
| |
- | font: 12px 'Inder';
| |
- | color: #717171;
| |
- | }
| |
- | .address_icon li:first-child {
| |
- | margin-left: 0;
| |
- | }
| |
- | .address_icon li img {
| |
- | float: left;
| |
- | margin-right: 9px;
| |
- | }
| |
- | .address_icon li a {
| |
- | font: 12px 'Inder';
| |
- | color: #717171;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .address_icon li a:hover {
| |
- | color: #f08213;
| |
- | }
| |
- | .follow-box {
| |
- | overflow: hidden;
| |
- | padding: 34px 0 34px 0;
| |
- | background: #ffffff;
| |
- | border-bottom: 1px solid #e4e4e4;
| |
- | }
| |
- | .follow-box p {
| |
- | float: left;
| |
- | font: 14px 'Arial';
| |
- | color: #c5c4c4;
| |
- | margin: 4px 0 0 0;
| |
- | }
| |
- | .follow-box p > a {
| |
- | font: 14px 'Arial';
| |
- | color: #e22004;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .follow-box p > a:hover {
| |
- | color: #ffffff;
| |
- | }
| |
- | .follow_icon {
| |
- | padding: 0;
| |
- | margin: -3px 0 0 0;
| |
- | float: right;
| |
- | list-style: none;
| |
- | }
| |
- | .follow_icon li {
| |
- | display: inline-block;
| |
- | margin-left: 13px;
| |
- | }
| |
- | .follow_icon li:first-child {
| |
- | margin-left: 0;
| |
- | }
| |
- | .follow_icon li a {
| |
- | opacity: 0.82;
| |
- | filter: alpha(opacity=82);
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | display: block;
| |
- | }
| |
- | .follow_icon li a:hover {
| |
- | opacity: 1 !important;
| |
- | filter: alpha(opacity=100) !important;
| |
- | }
| |
- | .follow_icon.indent {
| |
- | float: none;
| |
- | }
| |
- | .follow_icon.indent li {
| |
- | margin-left: 21px;
| |
- | }
| |
- | .follow_icon.indent li:first-child {
| |
- | margin-left: 0;
| |
- | }
| |
- | .follow_icon.indent li a {
| |
- | opacity: 0.5;
| |
- | filter: alpha(opacity=50);
| |
- | }
| |
- | .follow_icon.indent li a:hover {
| |
- | opacity: 1 !important;
| |
- | filter: alpha(opacity=100) !important;
| |
- | }
| |
- | .tools-box {
| |
- | padding-bottom: 45px;
| |
- | }
| |
- | .tools-box p {
| |
- | font: 18px/22px 'Inder';
| |
- | color: #3a3a3a;
| |
- | margin: 0;
| |
- | }
| |
- | .tools-box p a {
| |
- | color: #3a3a3a;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .tools-box p a:hover {
| |
- | color: #f08211;
| |
- | }
| |
- | .tools-box .col-lg-3 > div {
| |
- | border-right: 1px solid #e8e8e8;
| |
- | padding-top: 40px;
| |
- | padding-bottom: 20px;
| |
- | }
| |
- | .tools-box .col-lg-3 > div.indent {
| |
- | border-right: none;
| |
- | }
| |
- | .priv-box {
| |
- | margin-bottom: 70px;
| |
- | }
| |
- | .blog-box {
| |
- | padding: 63px 0 40px 0;
| |
- | position: relative;
| |
- | }
| |
- | .comment-box {
| |
- | padding: 11px 0 26px 0;
| |
- | background: #fed46f;
| |
- | }
| |
- | .comment-box figure {
| |
- | border-radius: 100%;
| |
- | float: left;
| |
- | margin-right: 45px;
| |
- | border: 3px solid #fee097;
| |
- | }
| |
- | .comment-box figure img {
| |
- | border-radius: 100%;
| |
- | }
| |
- | .comment-box .extra-wrap {
| |
- | padding-top: 15px;
| |
- | }
| |
- | .comment-box p {
| |
- | font-size: 14px;
| |
- | font-style: italic;
| |
- | color: #2e2e2e;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .comment-box p a {
| |
- | font: bold italic 14px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #2e2e2e;
| |
- | }
| |
- | .comment-box p a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- | .block-box {
| |
- | padding: 37px 0 29px 0;
| |
- | background: #3f3f3f;
| |
- | }
| |
- | .block-box p {
| |
- | color: #ffffff;
| |
- | font-size: 14px;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .trainerBox {
| |
- | margin-bottom: 30px;
| |
- | position: relative;
| |
- | display: block;
| |
- | }
| |
- | .trainerBox figure {
| |
- | margin: 0;
| |
- | }
| |
- | .trainerBox figure a {
| |
- | position: relative;
| |
- | display: block;
| |
- | width: 100%;
| |
- | -webkit-transition: all 0.4s ease;
| |
- | transition: all 0.4s ease;
| |
- | }
| |
- | .trainerBox figure a:hover {
| |
- | opacity: 0.7;
| |
- | filter: alpha(opacity=70);
| |
- | }
| |
- | .trainerBox figure a:hover img {
| |
- | -webkit-transform: rotate(-5deg);
| |
- | transform: rotate(-5deg);
| |
- | }
| |
- | .trainerBox figure img {
| |
- | width: 100%;
| |
- | top: 0;
| |
- | left: 0;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | outline: 1px solid transparent;
| |
- | }
| |
- | .testimBox {
| |
- | padding: 0 0 66px 0;
| |
- | }
| |
- | .links-box {
| |
- | background: url(../img/bg_pic1.jpg) center top fixed no-repeat;
| |
- | padding: 57px 0 33px 0;
| |
- | margin-bottom: 58px;
| |
- | }
| |
- | .links-box h3 {
| |
- | color: #ffffff;
| |
- | }
| |
- | .links-box h3 > span {
| |
- | background: #ffffff;
| |
- | }
| |
- | .links-box h5 {
| |
- | color: #ffffff;
| |
- | }
| |
- | .links-box p {
| |
- | color: #ffffff !important;
| |
- | }
| |
- | .latest-box {
| |
- | background: url(../img/bg_pic1.jpg) center top fixed no-repeat;
| |
- | padding: 57px 0 48px 0;
| |
- | margin-bottom: 58px;
| |
- | }
| |
- | .latest-box h3 {
| |
- | color: #ffffff;
| |
- | }
| |
- | .latest-box h3 > span {
| |
- | background: #ffffff;
| |
- | }
| |
- | .latest-box h5 {
| |
- | color: #ffffff;
| |
- | }
| |
- | .latest-box p {
| |
- | color: #ffffff;
| |
- | }
| |
- | .servicesBox {
| |
- | padding: 68px 0 20px 0;
| |
- | border-top: 1px solid #eeefef;
| |
- | background: #ffffff;
| |
- | }
| |
- | .servicesBox .col-lg-4 {
| |
- | margin-bottom: 65px;
| |
- | }
| |
- | .servicesBox .col-lg-4 p {
| |
- | margin-bottom: 27px;
| |
- | }
| |
- | .servicesBox hr {
| |
- | border-top: 1px solid #eee;
| |
- | margin: 0;
| |
- | }
| |
- | .overviewBox {
| |
- | padding: 83px 0 33px 0;
| |
- | background: #ffffff;
| |
- | }
| |
- | .gallery-box {
| |
- | padding-bottom: 29px;
| |
- | }
| |
- | .blogBox {
| |
- | margin-bottom: 48px;
| |
- | }
| |
- | .about-box {
| |
- | text-align: center;
| |
- | margin-bottom: 83px;
| |
- | }
| |
- | .about-box > div {
| |
- | border-top: 1px solid #eee;
| |
- | padding: 63px 0 0 0;
| |
- | }
| |
- | .center-box {
| |
- | background: #ffffff;
| |
- | padding: 49px 0 37px 0;
| |
- | border-top: 1px solid #e4e4e4;
| |
- | text-align: center;
| |
- | }
| |
- | .center-box .title {
| |
- | font: 24px/24px 'Inder';
| |
- | color: #000000;
| |
- | text-transform: uppercase;
| |
- | margin-bottom: 5px;
| |
- | }
| |
- | .center-box figure {
| |
- | margin-bottom: 39px;
| |
- | }
| |
- | .center-box .col-lg-3 {
| |
- | margin-bottom: 30px;
| |
- | }
| |
- | .newsform-box {
| |
- | background: url(../img/bg_pic2.jpg) center top fixed no-repeat;
| |
- | padding: 52px 0;
| |
- | margin-bottom: 60px;
| |
- | }
| |
- | .newsform-box p {
| |
- | font: 18px 'Istok Web';
| |
- | color: #ffffff;
| |
- | margin-bottom: 0;
| |
- | float: left;
| |
- | }
| |
- | .newsform-box p strong {
| |
- | font-size: 24px;
| |
- | color: #e22004;
| |
- | }
| |
- | .follow_list {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | list-style: none;
| |
- | }
| |
- | .follow_list li {
| |
- | margin-bottom: 23px;
| |
- | display: block;
| |
- | }
| |
- | .follow_list li span {
| |
- | float: left;
| |
- | font-size: 25px;
| |
- | color: #ce3b28;
| |
- | margin-right: 16px;
| |
- | }
| |
- | .follow_list li a {
| |
- | font: 18px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #ffffff;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .follow_list li a:hover {
| |
- | color: #ce3b28;
| |
- | }
| |
- | .who-box .col-lg-4 {
| |
- | margin-bottom: 55px;
| |
- | }
| |
- | .advice-box {
| |
- | background: #f8f8f8;
| |
- | padding-top: 58px;
| |
- | padding-bottom: 54px;
| |
- | }
| |
- | .headlines-box {
| |
- | background: #f8f8f8;
| |
- | padding-top: 58px;
| |
- | padding-bottom: 54px;
| |
- | }
| |
- | .banner-box {
| |
- | margin-top: 8px;
| |
- | }
| |
- | .banner-box .col-lg-6 {
| |
- | margin-bottom: 30px;
| |
- | }
| |
- | .banner-box figure a {
| |
- | display: block;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .banner-box figure a:hover {
| |
- | opacity: 0.7;
| |
- | filter: alpha(opacity=70);
| |
- | }
| |
- | .banner-box figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .banner-box hr {
| |
- | margin: 80px 0 0 0;
| |
- | border-top: 1px solid #cdcdcd;
| |
- | }
| |
- | .advantages-box {
| |
- | border-bottom: 1px solid #dfdfdf;
| |
- | margin-bottom: 39px;
| |
- | }
| |
- | .advantages-box .col-lg-4 {
| |
- | margin-bottom: 80px;
| |
- | }
| |
- | .values-box p {
| |
- | color: #737885;
| |
- | }
| |
- | .searchBox {
| |
- | background: #f8f8f8;
| |
- | padding: 58px 0 40px 0;
| |
- | border-bottom: 1px solid #dfdfdf;
| |
- | margin-bottom: 39px;
| |
- | }
| |
- | .welcome-box {
| |
- | background: #f8f8f8;
| |
- | padding: 13px 0;
| |
- | overflow: hidden;
| |
- | max-height: 472px;
| |
- | margin-bottom: 43px;
| |
- | }
| |
- | .welcome-box .title {
| |
- | font: 48px/48px 'Inder';
| |
- | color: #262626;
| |
- | margin-bottom: 20px;
| |
- | }
| |
- | .welcome-box .col-lg-5 {
| |
- | padding-top: 74px;
| |
- | }
| |
- | .welcome-box p {
| |
- | font-size: 14px;
| |
- | line-height: 24px;
| |
- | }
| |
- | .services-box {
| |
- | background: #f8f8f8;
| |
- | padding: 66px 0 17px 0;
| |
- | margin-bottom: 65px;
| |
- | }
| |
- | .all-box {
| |
- | margin-bottom: 64px;
| |
- | }
| |
- | .all-box p {
| |
- | margin-bottom: 23px;
| |
- | }
| |
- | /*------------------isotop items------------------*/
| |
- | .isotope, .isotope .isotope-item {
| |
- | -webkit-transition-duration: 0.8s;
| |
- | -moz-transition-duration: 0.8s;
| |
- | -ms-transition-duration: 0.8s;
| |
- | -o-transition-duration: 0.8s;
| |
- | transition-duration: 0.8s;
| |
- | }
| |
- | .isotope {
| |
- | -webkit-transition-property: height, width;
| |
- | -moz-transition-property: height, width;
| |
- | -ms-transition-property: height, width;
| |
- | -o-transition-property: height, width;
| |
- | transition-property: height, width;
| |
- | }
| |
- | .isotope .isotope-item {
| |
- | overflow: visible;
| |
- | -webkit-transition-property: -webkit-transform, opacity;
| |
- | -moz-transition-property: -moz-transform, opacity;
| |
- | -ms-transition-property: -ms-transform, opacity;
| |
- | -o-transition-property: top, left, opacity;
| |
- | transition-property: transform, opacity;
| |
- | }
| |
- | /**** disabling Isotope CSS3 transitions ****/
| |
- | .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
| |
- | -webkit-transition-duration: 0s;
| |
- | -moz-transition-duration: 0s;
| |
- | -ms-transition-duration: 0s;
| |
- | -o-transition-duration: 0s;
| |
- | transition-duration: 0s;
| |
- | }
| |
- | /* End: Recommended Isotope styles */
| |
- | /* disable CSS transitions for containers with infinite scrolling*/
| |
- | .isotope.infinite-scrolling {
| |
- | -webkit-transition: none;
| |
- | -moz-transition: none;
| |
- | -ms-transition: none;
| |
- | -o-transition: none;
| |
- | transition: none;
| |
- | }
| |
- | .isotope-box {
| |
- | margin-left: -30px;
| |
- | }
| |
- | .element {
| |
- | width: 270px;
| |
- | height: auto !important;
| |
- | display: block;
| |
- | position: relative;
| |
- | border: none;
| |
- | margin: 0 !important;
| |
- | padding: 0 0 0 30px;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | }
| |
- | .isotope .isotope-item {
| |
- | margin: 20px 0 0 0;
| |
- | }
| |
- | #options {
| |
- | margin-bottom: 28px;
| |
- | }
| |
- | #options .pagination {
| |
- | margin: 0;
| |
- | }
| |
- | #filters li {
| |
- | display: inline-block;
| |
- | margin-right: 25px !important;
| |
- | }
| |
- | #filters {
| |
- | position: relative;
| |
- | }
| |
- | #filters li {
| |
- | float: left;
| |
- | margin-right: 33px;
| |
- | }
| |
- | #filters li a {
| |
- | padding: 0;
| |
- | background: none;
| |
- | border: none;
| |
- | font: 18px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #262626;
| |
- | text-transform: uppercase;
| |
- | margin: 0;
| |
- | text-decoration: none;
| |
- | }
| |
- | #filters li a:hover {
| |
- | background: none;
| |
- | border: none;
| |
- | text-decoration: none;
| |
- | color: #f08213 !important;
| |
- | }
| |
- | #filters.pagination li a.selected {
| |
- | color: #f08213 !important;
| |
- | background: none !important;
| |
- | border: none;
| |
- | text-decoration: none;
| |
- | }
| |
- | /*-----thumbs-----*/
| |
- | .thumb-pad00 {
| |
- | margin: 0 0 54px 0;
| |
- | }
| |
- | .thumb-pad00 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad00 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | text-align: left;
| |
- | }
| |
- | .thumb-pad00 .thumbnail .caption p {
| |
- | margin-bottom: 14px;
| |
- | }
| |
- | .thumb-pad00 figure {
| |
- | margin: 0 0 22px 0;
| |
- | }
| |
- | .thumb-pad00 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .thumb-pad00 figure a {
| |
- | position: relative;
| |
- | display: block;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad00 figure a em {
| |
- | position: absolute;
| |
- | top: -400px;
| |
- | left: 0;
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | background: #000000;
| |
- | background: rgba(0, 0, 0, 0.5);
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | }
| |
- | .thumb-pad00 figure a em span {
| |
- | background: url(../img/zoom.png) center center no-repeat;
| |
- | position: absolute;
| |
- | top: 5px;
| |
- | left: 0;
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | }
| |
- | .thumb-pad00 figure a:hover em {
| |
- | top: 0;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | }
| |
- | .thumb-pad0 {
| |
- | margin: 0 0 45px 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad0:hover figure img {
| |
- | margin-top: -52px;
| |
- | }
| |
- | .thumb-pad0:hover .btn-default.btn4 {
| |
- | color: #495060 !important;
| |
- | }
| |
- | .thumb-pad0 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption {
| |
- | padding: 0 0 0 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption p {
| |
- | margin: 0 0 14px 0;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption .title {
| |
- | font: 22px/24px 'Inder';
| |
- | color: #495060;
| |
- | margin-bottom: 9px;
| |
- | }
| |
- | .thumb-pad0 figure {
| |
- | margin: 0 9px 0 0;
| |
- | float: left;
| |
- | width: 52px;
| |
- | height: 52px;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1-1 {
| |
- | margin: 0 0 40px;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1-1 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1-1 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1-1 .thumbnail .caption h5 {
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | .thumb-pad1-1 figure {
| |
- | margin: 0 0 20px 0;
| |
- | }
| |
- | .thumb-pad1-1 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .thumb-pad1 {
| |
- | margin: 0 0 40px;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption h5 {
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption p {
| |
- | color: #737885;
| |
- | }
| |
- | .thumb-pad1 figure {
| |
- | margin: 0 31px 0 0;
| |
- | float: left;
| |
- | }
| |
- | .thumb-pad2 {
| |
- | margin: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad2 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad2 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad2 .thumbnail .caption p {
| |
- | color: #737885;
| |
- | }
| |
- | .thumb-pad2 figure {
| |
- | margin: 0 0 13px 0;
| |
- | }
| |
- | .thumb-pad2 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .thumb-pad3 {
| |
- | overflow: hidden;
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .thumb-pad3 .thumbnail {
| |
- | position: relative;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | border: none;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad3 .thumbnail .caption {
| |
- | padding: 0;
| |
- | color: #9f9f9f;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad3 .thumbnail .caption h5 {
| |
- | margin-bottom: 7px;
| |
- | }
| |
- | .thumb-pad3 figure {
| |
- | margin: 0 0 32px 0;
| |
- | }
| |
- | .thumb-pad3 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .popular-box {
| |
- | padding-bottom: 18px;
| |
- | margin-bottom: 44px;
| |
- | border-bottom: 1px solid #e8e8e8;
| |
- | }
| |
- | .popular-box.indent {
| |
- | border-bottom: none;
| |
- | margin-bottom: 56px;
| |
- | padding-bottom: 0;
| |
- | }
| |
- | .thumb-pad4 {
| |
- | margin: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad4 .thumbnail {
| |
- | position: relative;
| |
- | margin: 0;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | border: none;
| |
- | padding: 0;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad4 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad4 figure {
| |
- | margin: 0 0 31px 0;
| |
- | }
| |
- | .thumb-pad4 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .thumb-pad5 {
| |
- | margin-bottom: 22px;
| |
- | }
| |
- | .thumb-pad5 .thumbnail {
| |
- | position: relative;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | border: none;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .name {
| |
- | font: italic 18px 'Istok Web';
| |
- | color: #1e2731;
| |
- | margin-left: 30px;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .name a {
| |
- | font-weight: bold;
| |
- | font-style: normal;
| |
- | color: #1e2731;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .name a:hover {
| |
- | color: #e22004;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .caption {
| |
- | padding: 42px 20px 24px 20px;
| |
- | color: #9f9f9f;
| |
- | margin-bottom: 38px;
| |
- | border: 2px solid #cecece;
| |
- | position: relative;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .caption i {
| |
- | position: absolute;
| |
- | display: inline-block;
| |
- | top: 15px;
| |
- | left: 22px;
| |
- | width: 26px;
| |
- | height: 18px;
| |
- | background: url(../img/quote_left2.png) no-repeat;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .caption strong {
| |
- | position: absolute;
| |
- | display: inline-block;
| |
- | bottom: 27px;
| |
- | right: 60px;
| |
- | width: 26px;
| |
- | height: 18px;
| |
- | background: url(../img/quote_right2.png) no-repeat;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .caption em {
| |
- | position: absolute;
| |
- | display: block;
| |
- | bottom: -33px;
| |
- | left: 30px;
| |
- | width: 35px;
| |
- | height: 33px;
| |
- | background: url(../img/tr.png) no-repeat;
| |
- | }
| |
- | .thumb-pad5 .thumbnail .caption p {
| |
- | font: italic 16px/28px 'Istok Web';
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .thumb-pad6 {
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad6 .thumbnail {
| |
- | position: relative;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | border: none;
| |
- | border-radius: 0;
| |
- | box-shadow: none;
| |
- | background: none;
| |
- | }
| |
- | .thumb-pad6 .thumbnail a {
| |
- | font: 15px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #262626;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .thumb-pad6 .thumbnail a:hover {
| |
- | color: #f08211;
| |
- | }
| |
- | .thumb-pad6 .thumbnail p {
| |
- | color: #9f9f9f;
| |
- | margin-bottom: 9px;
| |
- | }
| |
- | .thumb-pad6 .thumbnail .caption {
| |
- | padding: 0;
| |
- | overflow: hidden;
| |
- | color: #9f9f9f;
| |
- | }
| |
- | .thumb-pad6 .thumbnail figure {
| |
- | float: left;
| |
- | margin: 7px 13px 0 0;
| |
- | }
| |
- | /*-----btn-----*/
| |
- | .btn-default.btn1 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0 73px;
| |
- | font: bold 24px/50px 'Arial';
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | color: #ffffff;
| |
- | border-radius: 0;
| |
- | border: 3px solid #d5d0cd;
| |
- | background: none;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .btn-default.btn1:hover {
| |
- | color: #f08211;
| |
- | background: #d5d0cd;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .btn-default.btn2 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0 4px;
| |
- | font: 18px 'Inder';
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | color: #495060;
| |
- | border-bottom: 3px solid #495060;
| |
- | border-radius: 0;
| |
- | background: none;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn2:hover {
| |
- | color: #f08211;
| |
- | border-color: #f08211;
| |
- | background: none;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn3 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0 47px;
| |
- | font: 14px/42px 'Arial';
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | border-radius: 7px;
| |
- | color: #ffffff;
| |
- | background: #495060;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn3:hover {
| |
- | color: #ffffff;
| |
- | background: #f08211;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn4 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0;
| |
- | font: 18px 'Inder';
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | color: #f08211;
| |
- | background: none;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn4 > span {
| |
- | background: url(../img/more_arrow.png) center 0 no-repeat;
| |
- | width: 6px;
| |
- | height: 5px;
| |
- | display: inline-block;
| |
- | position: relative;
| |
- | top: -2px;
| |
- | }
| |
- | .btn-default.btn4:hover {
| |
- | color: #495060;
| |
- | background: none;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn5 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0;
| |
- | font: 18px 'Inder';
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | color: #495060;
| |
- | background: none;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn5 > span {
| |
- | background: url(../img/more_arrow.png) center 0 no-repeat;
| |
- | width: 6px;
| |
- | height: 5px;
| |
- | display: inline-block;
| |
- | position: relative;
| |
- | top: -2px;
| |
- | }
| |
- | .btn-default.btn5:hover {
| |
- | color: #f08211;
| |
- | background: none;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn6 {
| |
- | box-shadow: none;
| |
- | position: relative;
| |
- | text-decoration: none !important;
| |
- | padding: 0 32px;
| |
- | font: 14px/34px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | margin: 0;
| |
- | text-shadow: none;
| |
- | text-transform: uppercase;
| |
- | color: #ffffff;
| |
- | background: #9f9f9f;
| |
- | display: inline-block;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .btn-default.btn6:hover {
| |
- | color: #ffffff;
| |
- | background: #f08211;
| |
- | text-decoration: none !important;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | /*-----list-----*/
| |
- | .list1-1 {
| |
- | margin: 0 0 87px 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | .list1-1.indent li {
| |
- | border-bottom: 1px solid #bec0c3;
| |
- | background: url(../img/list_arrow2.png) left 7px no-repeat;
| |
- | }
| |
- | .list1-1.indent li a {
| |
- | color: #ffffff;
| |
- | }
| |
- | .list1-1 li {
| |
- | font-size: 13px;
| |
- | line-height: 1.428571429;
| |
- | overflow: hidden;
| |
- | margin-bottom: 8px;
| |
- | padding: 0 0 9px 14px;
| |
- | border-bottom: 1px solid #dfdfdf;
| |
- | background: url(../img/list_arrow.png) left 7px no-repeat;
| |
- | }
| |
- | .list1-1 li:last-child {
| |
- | margin-bottom: 0;
| |
- | padding-bottom: 0;
| |
- | border-bottom: none;
| |
- | }
| |
- | .list1-1 li a {
| |
- | font: 12px 'Arial';
| |
- | color: #5f6775;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .list1-1 li a:hover {
| |
- | color: #e22004;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .list1 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | }
| |
- | .list1 li {
| |
- | font-size: 13px;
| |
- | line-height: 1.428571429;
| |
- | overflow: hidden;
| |
- | margin-bottom: 19px;
| |
- | }
| |
- | .list1 li em {
| |
- | float: left;
| |
- | margin-right: 20px;
| |
- | font-size: 22px;
| |
- | color: #bac494;
| |
- | }
| |
- | .list1 li p {
| |
- | margin-top: 0;
| |
- | }
| |
- | .list2 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | .list2 li {
| |
- | font-size: 13px;
| |
- | line-height: 1.428571429;
| |
- | overflow: hidden;
| |
- | margin-bottom: 12px;
| |
- | padding-left: 20px;
| |
- | background: url(../img/list_arrow.png) left 3px no-repeat;
| |
- | }
| |
- | .list2 li p {
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .list2 li a {
| |
- | color: #9f9f9f;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .list2 li a:hover {
| |
- | color: #262626;
| |
- | }
| |
- | .list3 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | }
| |
- | .list3 li {
| |
- | font-size: 13px;
| |
- | line-height: 1.428571429;
| |
- | margin-bottom: 13px;
| |
- | }
| |
- | .list3 li a {
| |
- | font: 18px/18px 'Istok Web';
| |
- | color: #1e2731;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | .list3 li a:hover {
| |
- | color: #e22004;
| |
- | }
| |
- | .list3 li p {
| |
- | margin-bottom: 0;
| |
- | margin-top: 14px;
| |
- | }
| |
- | .list3 li .extra-wrap {
| |
- | padding-top: 8px;
| |
- | }
| |
- | .list3 li .badge {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | float: left;
| |
- | margin-right: 9px;
| |
- | display: inline-block;
| |
- | color: #ffffff;
| |
- | font: bold 24px/52px 'Istok Web';
| |
- | background: #e22004;
| |
- | border: none;
| |
- | width: 52px;
| |
- | height: 52px;
| |
- | border-radius: 100%;
| |
- | text-align: center;
| |
- | }
| |
- | .list6 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | }
| |
- | .list6 li {
| |
- | font-size: 13px;
| |
- | line-height: 1.428571429;
| |
- | margin-bottom: 22px;
| |
- | }
| |
- | .list6 li .badge {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | box-shadow: none;
| |
- | text-shadow: none;
| |
- | border-radius: 0;
| |
- | background: none;
| |
- | text-align: center;
| |
- | width: 35px;
| |
- | float: left;
| |
- | border: none;
| |
- | margin-right: 10px;
| |
- | }
| |
- | .list6 li .badge time {
| |
- | font: bold 24px/21px 'Istok Web';
| |
- | color: #e4351c;
| |
- | }
| |
- | .list6 li .badge time span {
| |
- | display: block;
| |
- | font: bold 18px/18px 'Istok Web';
| |
- | color: #e4351c;
| |
- | margin-top: 0;
| |
- | }
| |
- | .list6 li p {
| |
- | margin-bottom: 0;
| |
- | margin-top: 14px;
| |
- | color: #737885;
| |
- | }
| |
- | .list6 li a {
| |
- | font: 18px/18px 'Istok Web';
| |
- | color: #1e2731;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | .list6 li a:hover {
| |
- | color: #e4351c;
| |
- | }
| |
- | .list8 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | }
| |
- | .list8 li {
| |
- | font-size: 13px;
| |
- | line-height: 22px;
| |
- | margin-bottom: 33px;
| |
- | }
| |
- | .list8 li h5 {
| |
- | margin-bottom: 5px;
| |
- | }
| |
- | /*-----search-----*/
| |
- | #search-404 {
| |
- | position: relative;
| |
- | margin: 33px 0 0 0;
| |
- | overflow: hidden;
| |
- | width: 298px;
| |
- | }
| |
- | #search-404 a {
| |
- | position: absolute;
| |
- | top: 10px;
| |
- | right: 0;
| |
- | -webkit-transition: all 0.25s;
| |
- | transition: all 0.25s;
| |
- | }
| |
- | #search-404 a:hover {
| |
- | opacity: 0.7;
| |
- | filter: alpha(opacity=70);
| |
- | }
| |
- | #search-404 input {
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | float: left;
| |
- | margin: 0;
| |
- | width: 267px;
| |
- | outline: none;
| |
- | border: 1px solid #e7e7e7;
| |
- | background: #fefefe;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | color: #9f9f9f;
| |
- | padding: 10px 14px;
| |
- | height: 41px;
| |
- | resize: none;
| |
- | }
| |
- | #search {
| |
- | margin: 28px 0 0 0;
| |
- | position: relative;
| |
- | border-radius: 38px;
| |
- | border: 1px solid #ebebeb;
| |
- | border-radius: 5px;
| |
- | display: inline-block;
| |
- | width: 213px;
| |
- | float: right;
| |
- | }
| |
- | #search a {
| |
- | position: absolute;
| |
- | float: left;
| |
- | top: 2px;
| |
- | right: 11px;
| |
- | -webkit-transition: all 0.25s ease;
| |
- | transition: all 0.25s ease;
| |
- | }
| |
- | #search a:hover {
| |
- | opacity: 0.5;
| |
- | filter: alpha(opacity=50);
| |
- | }
| |
- | #search input {
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | border: none;
| |
- | margin: 0;
| |
- | width: 215px;
| |
- | outline: none;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | float: left;
| |
- | color: #9f9f9f;
| |
- | background: none;
| |
- | height: 26px;
| |
- | padding: 3px 0 9px 20px;
| |
- | resize: none;
| |
- | overflow: hidden;
| |
- | }
| |
- | /*-----map-----*/
| |
- | .map-box {
| |
- | margin: 0 0 51px 0;
| |
- | width: 100%;
| |
- | line-height: 0;
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | }
| |
- | .map-box p {
| |
- | font: 18px/18px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #495060;
| |
- | }
| |
- | .map-box figure {
| |
- | position: absolute;
| |
- | top: 50%;
| |
- | margin: -60px 0 0 -60px;
| |
- | padding-top: 30px;
| |
- | left: 50%;
| |
- | width: 114px;
| |
- | height: 114px;
| |
- | border-radius: 100%;
| |
- | border: 3px solid #495060;
| |
- | background: #ffffff;
| |
- | text-align: center;
| |
- | }
| |
- | .map-box figure img {
| |
- | margin-bottom: 10px;
| |
- | }
| |
- | .map-box iframe {
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | width: 100%;
| |
- | height: 410px;
| |
- | border: none;
| |
- | line-height: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .map {
| |
- | margin: 0 0 70px 0;
| |
- | width: 100%;
| |
- | line-height: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .map iframe {
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | width: 100%;
| |
- | height: 486px;
| |
- | border: none;
| |
- | line-height: 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .info p {
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .info p span {
| |
- | width: 75px;
| |
- | display: inline-block;
| |
- | }
| |
- | .info p a {
| |
- | color: #f08213;
| |
- | text-decoration: underline;
| |
- | }
| |
- | .info p a:hover {
| |
- | text-decoration: none;
| |
- | }
| |
- | .errorBox {
| |
- | padding-bottom: 110px;
| |
- | }
| |
- | .errorBox .title {
| |
- | font: 186px/186px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #f08213;
| |
- | text-transform: uppercase;
| |
- | margin-bottom: 6px;
| |
- | }
| |
- | .errorBox .description {
| |
- | font: 74px/74px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | color: #262626;
| |
- | text-transform: uppercase;
| |
- | margin-bottom: 29px;
| |
- | }
| |
- | .errorBox p {
| |
- | font-size: 20px;
| |
- | line-height: 24px;
| |
- | color: #9f9f9f;
| |
- | }
| |
- | /*-----form-----*/
| |
- | .formBox {
| |
- | padding-bottom: 74px;
| |
- | padding-top: 66px;
| |
- | margin-bottom: 39px;
| |
- | background: #f8f8f8;
| |
- | border-bottom: 1px solid #dfdfdf;
| |
- | }
| |
- | #contact-form {
| |
- | width: 100%;
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | margin-top: 20px;
| |
- | text-align: left;
| |
- | }
| |
- | #contact-form label {
| |
- | position: relative;
| |
- | display: block;
| |
- | min-height: 51px;
| |
- | margin: 0;
| |
- | font-weight: normal;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | color: #9f9f9f;
| |
- | }
| |
- | #contact-form label span {
| |
- | margin-bottom: 2px;
| |
- | display: block;
| |
- | color: #9f9f9f;
| |
- | }
| |
- | #contact-form .holder {
| |
- | overflow: hidden;
| |
- | }
| |
- | .form-div-1, .form-div-2, .form-div-3 {
| |
- | float: left;
| |
- | width: 249px;
| |
- | margin-right: 10px;
| |
- | }
| |
- | .form-div-3 {
| |
- | margin-right: 0;
| |
- | }
| |
- | #contact-form ._placeholder {
| |
- | position: absolute;
| |
- | left: 0;
| |
- | right: 0;
| |
- | top: 0;
| |
- | bottom: 0;
| |
- | cursor: text;
| |
- | padding: 10px 14px;
| |
- | border-radius: 0;
| |
- | display: block;
| |
- | }
| |
- | #contact-form ._placeholder.focused {
| |
- | opacity: 0;
| |
- | filter: alpha(opacity=0);
| |
- | box-shadow: none;
| |
- | }
| |
- | #contact-form ._placeholder.hidden {
| |
- | display: none;
| |
- | }
| |
- | #contact-form input, #contact-form textarea {
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | float: left;
| |
- | margin: 0;
| |
- | width: 100%;
| |
- | outline: none;
| |
- | border: 1px solid #e7e7e7;
| |
- | background: #fefefe;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | color: #9f9f9f;
| |
- | padding: 10px 14px;
| |
- | height: 41px;
| |
- | resize: none;
| |
- | }
| |
- | #contact-form textarea {
| |
- | height: 117px;
| |
- | margin-bottom: 20px;
| |
- | }
| |
- | #contact-form .error-message, #contact-form .empty-message {
| |
- | height: 0;
| |
- | overflow: hidden;
| |
- | font: 10px 'Arial';
| |
- | color: #f08211;
| |
- | -webkit-transition: 0.3s ease-in height;
| |
- | transition: 0.3s ease-in height;
| |
- | position: absolute;
| |
- | right: 5px;
| |
- | top: 2px;
| |
- | }
| |
- | #contact-form .invalid .error-message, #contact-form .empty .empty-message {
| |
- | height: 20px;
| |
- | }
| |
- | #contact-form .success-message {
| |
- | line-height: 48px;
| |
- | position: absolute;
| |
- | overflow: hidden;
| |
- | height: 0;
| |
- | left: 0;
| |
- | top: 0;
| |
- | box-sizing: border-box;
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | background: #fff;
| |
- | z-index: 10;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | padding: 0;
| |
- | }
| |
- | #contact-form.success .success-message {
| |
- | box-shadow: none;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | float: left;
| |
- | margin: 0;
| |
- | width: 100%;
| |
- | outline: none;
| |
- | border: 1px solid #e7e7e7;
| |
- | background: #fefefe;
| |
- | border-radius: 0;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 36px;
| |
- | color: #9f9f9f;
| |
- | padding: 0 14px;
| |
- | height: 41px;
| |
- | resize: none;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | }
| |
- | .btns .btn6 {
| |
- | float: left;
| |
- | margin-right: 14px;
| |
- | }
| |
- | .btns p {
| |
- | float: left;
| |
- | margin: 6px 0 0 0;
| |
- | }
| |
- | .mail {
| |
- | color: #f08211;
| |
- | font: 14px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | text-decoration: underline;
| |
- | }
| |
- | .mail:hover {
| |
- | color: #262626;
| |
- | text-decoration: underline;
| |
- | }
| |
- | /*----*/
| |
- | #contact-form2 {
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | float: right;
| |
- | }
| |
- | #contact-form2 label {
| |
- | position: relative;
| |
- | display: block;
| |
- | margin: 0;
| |
- | font-weight: normal;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | color: #ffffff;
| |
- | text-align: left;
| |
- | }
| |
- | #contact-form2 label span {
| |
- | margin-bottom: 2px;
| |
- | display: block;
| |
- | color: #ffffff;
| |
- | }
| |
- | #contact-form2 .holder {
| |
- | overflow: hidden;
| |
- | float: left;
| |
- | }
| |
- | #contact-form2 .form-div-1, #contact-form2 .form-div-2 {
| |
- | float: left;
| |
- | width: 189px;
| |
- | }
| |
- | #contact-form2 .form-div-1 {
| |
- | background: url(../img/form_icon1.png) 15px center no-repeat;
| |
- | margin-right: 23px;
| |
- | }
| |
- | #contact-form2 .form-div-2 {
| |
- | background: url(../img/form_icon2.png) 15px center no-repeat;
| |
- | margin-right: 5px;
| |
- | }
| |
- | #contact-form2 ._placeholder {
| |
- | position: absolute;
| |
- | left: 0;
| |
- | right: 0;
| |
- | top: 0;
| |
- | bottom: 0;
| |
- | cursor: text;
| |
- | padding: 10px 14px 10px 42px;
| |
- | border-radius: 0;
| |
- | display: block;
| |
- | }
| |
- | #contact-form2 ._placeholder.focused {
| |
- | opacity: 0;
| |
- | filter: alpha(opacity=0);
| |
- | box-shadow: none;
| |
- | }
| |
- | #contact-form2 ._placeholder.hidden {
| |
- | display: none;
| |
- | }
| |
- | #contact-form2 input, #contact-form2 textarea {
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | float: left;
| |
- | margin: 0;
| |
- | width: 100%;
| |
- | outline: none;
| |
- | border: none;
| |
- | background: #b7babe;
| |
- | background: rgba(255, 255, 255, 0.27);
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 18px;
| |
- | color: #ffffff;
| |
- | padding: 10px 14px 10px 42px;
| |
- | height: 39px;
| |
- | resize: none;
| |
- | }
| |
- | #contact-form2 textarea {
| |
- | height: 336px;
| |
- | margin-bottom: 34px;
| |
- | }
| |
- | #contact-form2 .error-message, #contact-form2 .empty-message {
| |
- | height: 0;
| |
- | overflow: hidden;
| |
- | font: 10px 'Arial';
| |
- | color: #e22004;
| |
- | -webkit-transition: 0.3s ease-in height;
| |
- | transition: 0.3s ease-in height;
| |
- | position: absolute;
| |
- | right: 5px;
| |
- | top: 2px;
| |
- | }
| |
- | #contact-form2 .invalid .error-message, #contact-form2 .empty .empty-message {
| |
- | height: 20px;
| |
- | }
| |
- | #contact-form2 .success-message {
| |
- | line-height: 48px;
| |
- | position: absolute;
| |
- | overflow: hidden;
| |
- | height: 0;
| |
- | left: 0;
| |
- | top: 0;
| |
- | box-sizing: border-box;
| |
- | box-shadow: none;
| |
- | border-radius: 0;
| |
- | background: #fff;
| |
- | z-index: 10;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | padding: 0;
| |
- | }
| |
- | #contact-form2.success .success-message {
| |
- | box-shadow: none;
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | float: left;
| |
- | margin: 0;
| |
- | width: 100%;
| |
- | outline: none;
| |
- | border: none;
| |
- | background: #b7babe;
| |
- | border-radius: 0;
| |
- | font: 13px 'Inder', "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
- | line-height: 39px;
| |
- | color: #ffffff;
| |
- | padding: 0 14px;
| |
- | height: 39px;
| |
- | resize: none;
| |
- | -webkit-transition: all 0.35s ease;
| |
- | transition: all 0.35s ease;
| |
- | }
| |
- | /*------------------------------------------------------media queries---------------------------------------------------------*/
| |
- | @media (min-width: 1220px) {
| |
- | .container {
| |
- | padding: 0;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (min-width: 992px) and (max-width: 1219px) {
| |
- | header {
| |
- | text-align: center;
| |
- | }
| |
- | h1.navbar-brand_ {
| |
- | float: none;
| |
- | }
| |
- | nav.tm_navbar {
| |
- | float: none;
| |
- | display: inline-block;
| |
- | }
| |
- | .welcome-box {
| |
- | max-height: none;
| |
- | }
| |
- | .welcome-box figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .newsform-box {
| |
- | background: url(../img/bg_pic2.jpg) center top no-repeat;
| |
- | text-align: center;
| |
- | }
| |
- | .newsform-box p {
| |
- | float: none;
| |
- | margin-bottom: 25px;
| |
- | }
| |
- | .newsform-box #contact-form2 {
| |
- | float: none;
| |
- | width: 100%;
| |
- | }
| |
- | .newsform-box #contact-form2 .form-div-1, .newsform-box #contact-form2 .form-div-2 {
| |
- | width: 560px;
| |
- | }
| |
- | .newsform-box #contact-form2 .form-div-1 {
| |
- | margin-right: 15px;
| |
- | }
| |
- | .newsform-box #contact-form2 .holder {
| |
- | float: none;
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | /*.testimBox, .links-box, .latest-box {
| |
- | background: url(../img/bg_pic1.jpg) center top no-repeat;
| |
- | }*/
| |
- | .form-div-1, .form-div-2, .form-div-3 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | margin-right: 0;
| |
- | }
| |
- | #contact-form label {
| |
- | min-height: 50px;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption p {
| |
- | font-size: 14px;
| |
- | line-height: 21px;
| |
- | }
| |
- | #contact-form.success .success-message {
| |
- | height: 141px;
| |
- | line-height: 141px;
| |
- | }
| |
- | .errorBox img {
| |
- | width: 100%;
| |
- | }
| |
- | .errorBox .title {
| |
- | font-size: 80px;
| |
- | line-height: 80px;
| |
- | }
| |
- | .errorBox .description {
| |
- | font-size: 55px;
| |
- | line-height: 55px;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (min-width: 768px) and (max-width: 991px) {
| |
- | header {
| |
- | text-align: center;
| |
- | }
| |
- | h1.navbar-brand_ {
| |
- | float: none;
| |
- | }
| |
- | nav.tm_navbar {
| |
- | float: none;
| |
- | display: inline-block;
| |
- | }
| |
- | .follow-box {
| |
- | text-align: center;
| |
- | }
| |
- | .follow-box .address_icon {
| |
- | float: none;
| |
- | display: inline-block;
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | .follow-box .follow_icon {
| |
- | float: none;
| |
- | }
| |
- | .welcome-box {
| |
- | max-height: none;
| |
- | padding-bottom: 30px;
| |
- | }
| |
- | .welcome-box figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .welcome-box .col-lg-5 {
| |
- | padding-top: 0;
| |
- | }
| |
- | .newsform-box {
| |
- | background: url(../img/bg_pic2.jpg) center top no-repeat;
| |
- | text-align: center;
| |
- | }
| |
- | .newsform-box p {
| |
- | float: none;
| |
- | margin-bottom: 25px;
| |
- | }
| |
- | .newsform-box #contact-form2 {
| |
- | float: none;
| |
- | width: 100%;
| |
- | }
| |
- | .newsform-box #contact-form2 .form-div-1, .newsform-box #contact-form2 .form-div-2 {
| |
- | width: 100%;
| |
- | margin-right: 0;
| |
- | margin-bottom: 15px;
| |
- | float: none;
| |
- | }
| |
- | .newsform-box #contact-form2 .holder {
| |
- | float: none;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | /*.testimBox, .links-box, .latest-box {
| |
- | background: url(../img/bg_pic1.jpg) center top no-repeat;
| |
- | }*/
| |
- | #contact-form2.success .success-message {
| |
- | height: 93px;
| |
- | line-height: 93px;
| |
- | }
| |
- | .tools-box .col-lg-3 > div {
| |
- | border-right: none;
| |
- | }
| |
- | .thumb-pad0 {
| |
- | margin: 0 0 30px 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption p {
| |
- | font-size: 14px;
| |
- | line-height: 21px;
| |
- | }
| |
- | /*.testimBox .col-lg-3 {
| |
- | margin-bottom: 40px;
| |
- | }*/
| |
- | #contact-form.success .success-message {
| |
- | height: 141px;
| |
- | line-height: 141px;
| |
- | }
| |
- | .form-div-1, .form-div-2, .form-div-3 {
| |
- | float: none;
| |
- | width: 100%;
| |
- | margin-right: 0;
| |
- | }
| |
- | #contact-form label {
| |
- | min-height: 50px;
| |
- | }
| |
- | /*.testimBox {
| |
- | article {
| |
- | margin-bottom:35px;
| |
- | }
| |
- | }*/
| |
- | .categories-box {
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .list1 li .title br {
| |
- | display: none;
| |
- | }
| |
- | #search {
| |
- | float: none;
| |
- | }
| |
- | .servicesBox .col-lg-4 {
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .overviewBox {
| |
- | padding: 40px 0 33px 0;
| |
- | }
| |
- | #options {
| |
- | margin-bottom: 20px;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption a br {
| |
- | display: none;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption {
| |
- | overflow: visible;
| |
- | }
| |
- | .map-box {
| |
- | margin-top: 30px;
| |
- | }
| |
- | .map-box figure img {
| |
- | width: auto;
| |
- | }
| |
- | .errorBox img {
| |
- | width: 100%;
| |
- | }
| |
- | .testimBox .col-lg-3 {
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .errorBox .title {
| |
- | font-size: 80px;
| |
- | line-height: 80px;
| |
- | }
| |
- | .errorBox .description {
| |
- | font-size: 55px;
| |
- | line-height: 55px;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (max-width: 767px) {
| |
- | header {
| |
- | text-align: center;
| |
- | }
| |
- | h1.navbar-brand_ {
| |
- | float: none;
| |
- | }
| |
- | .follow-box {
| |
- | text-align: center;
| |
- | }
| |
- | .follow-box .address_icon {
| |
- | float: none;
| |
- | display: inline-block;
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | .follow-box .address_icon li {
| |
- | float: none;
| |
- | margin: 0 0 10px 0;
| |
- | text-align: left;
| |
- | }
| |
- | .follow-box .follow_icon {
| |
- | float: none;
| |
- | }
| |
- | h1.navbar-brand_ {
| |
- | float: none;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | nav.tm_navbar {
| |
- | float: none;
| |
- | display: inline-block;
| |
- | width: 100%;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | }
| |
- | nav.tm_navbar .nav {
| |
- | display: none;
| |
- | }
| |
- | .select-menu {
| |
- | display: inline-block !important;
| |
- | padding-top: 4px;
| |
- | padding-right: 3px;
| |
- | padding-bottom: 4px;
| |
- | width: 100%;
| |
- | border: 1px solid #3b4348;
| |
- | background: #3b4348;
| |
- | color: #ffffff;
| |
- | cursor: pointer;
| |
- | height: 30px;
| |
- | font-size: 12px;
| |
- | vertical-align: middle;
| |
- | }
| |
- | .btn-default.btn1 {
| |
- | padding: 0 23px;
| |
- | font-size: 14px;
| |
- | line-height: 32px;
| |
- | font-weight: normal;
| |
- | }
| |
- | .follow-box p {
| |
- | float: none;
| |
- | margin-bottom: 15px;
| |
- | }
| |
- | .follow-box .follow_icon {
| |
- | float: none;
| |
- | }
| |
- | .welcome-box {
| |
- | max-height: none;
| |
- | padding-bottom: 30px;
| |
- | }
| |
- | .welcome-box figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .welcome-box .title {
| |
- | font-size: 35px;
| |
- | line-height: 35px;
| |
- | }
| |
- | .welcome-box .col-lg-5 {
| |
- | padding-top: 0;
| |
- | }
| |
- | .newsform-box {
| |
- | background: url(../img/bg_pic2.jpg) center top no-repeat;
| |
- | text-align: center;
| |
- | }
| |
- | .newsform-box p {
| |
- | float: none;
| |
- | margin-bottom: 25px;
| |
- | }
| |
- | .newsform-box #contact-form2 {
| |
- | float: none;
| |
- | width: 100%;
| |
- | }
| |
- | .newsform-box #contact-form2 .form-div-1, .newsform-box #contact-form2 .form-div-2 {
| |
- | width: 100%;
| |
- | margin-right: 0;
| |
- | margin-bottom: 15px;
| |
- | float: none;
| |
- | }
| |
- | .newsform-box #contact-form2 .holder {
| |
- | float: none;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | /*.testimBox, .links-box, .latest-box {
| |
- | background: url(../img/bg_pic1.jpg) center top no-repeat;
| |
- | }*/
| |
- | #contact-form2.success .success-message {
| |
- | height: 93px;
| |
- | line-height: 93px;
| |
- | }
| |
- | .tools-box .col-lg-3 > div {
| |
- | border-right: none;
| |
- | }
| |
- | .thumb-pad2 figure {
| |
- | margin: 0 20px 0 0;
| |
- | float: left;
| |
- | }
| |
- | .links-box {
| |
- | padding-bottom: 0;
| |
- | }
| |
- | .links-box .col-lg-8 {
| |
- | margin-bottom: 50px;
| |
- | }
| |
- | .map-box {
| |
- | margin-top: 30px;
| |
- | }
| |
- | .map-box figure img {
| |
- | width: auto;
| |
- | }
| |
- | .errorBox img {
| |
- | width: 100%;
| |
- | }
| |
- | .thumb-pad0 {
| |
- | margin: 0 0 30px 0;
| |
- | overflow: hidden;
| |
- | }
| |
- | .thumb-pad0 .thumbnail .caption p {
| |
- | font-size: 14px;
| |
- | line-height: 21px;
| |
- | }
| |
- | /*.testimBox .col-lg-3 {
| |
- | margin-bottom: 40px;
| |
- | }*/
| |
- | .testimBox .col-lg-3 {
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | #contact-form.success .success-message {
| |
- | height: 141px;
| |
- | line-height: 141px;
| |
- | }
| |
- | .form-div-1, .form-div-2, .form-div-3 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | margin-right: 0;
| |
- | }
| |
- | .map iframe {
| |
- | height: 300px;
| |
- | }
| |
- | .info {
| |
- | margin-bottom: 50px;
| |
- | }
| |
- | #contact-form label {
| |
- | min-height: 50px;
| |
- | }
| |
- | .proffesional-box {
| |
- | padding: 70px 0;
| |
- | }
| |
- | .proffesional-box .title {
| |
- | font-size: 21px;
| |
- | }
| |
- | .privacyBox {
| |
- | margin-bottom: 50px;
| |
- | }
| |
- | .pict {
| |
- | background: none;
| |
- | padding: 0 0 90px 0;
| |
- | }
| |
- | /*.testimBox {
| |
- | article {
| |
- | margin-bottom:35px;
| |
- | }
| |
- | }*/
| |
- | .categories-box {
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .block-box article {
| |
- | margin-bottom: 50px;
| |
- | }
| |
- | .list1 li .title br {
| |
- | display: none;
| |
- | }
| |
- | footer {
| |
- | text-align: center;
| |
- | }
| |
- | footer ul {
| |
- | display: none;
| |
- | }
| |
- | .thumb-pad4 figure {
| |
- | margin: 0 20px 0 0;
| |
- | float: left;
| |
- | }
| |
- | .thumb-pad4 .thumbnail .caption {
| |
- | overflow: visible;
| |
- | }
| |
- | .thumb-pad3 figure {
| |
- | margin: 0 20px 0 0;
| |
- | float: left;
| |
- | }
| |
- | #search {
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad1 {
| |
- | margin-bottom: 20px;
| |
- | }
| |
- | footer {
| |
- | padding: 25px 0;
| |
- | }
| |
- | .servicesBox .col-lg-4 {
| |
- | margin-bottom: 0;
| |
- | }
| |
- | .overviewBox {
| |
- | padding: 40px 0 33px 0;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption a br {
| |
- | display: none;
| |
- | }
| |
- | .thumb-pad1-1 figure {
| |
- | margin: 0 20px 0 0;
| |
- | float: left;
| |
- | }
| |
- | .errorBox .title {
| |
- | font-size: 80px;
| |
- | line-height: 80px;
| |
- | }
| |
- | .errorBox .description {
| |
- | font-size: 55px;
| |
- | line-height: 55px;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (max-width: 626px) {
| |
- | .thumb-pad4 figure {
| |
- | margin: 0 0 20px 0;
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad1-1 figure {
| |
- | margin: 0 0 20px 0;
| |
- | float: none;
| |
- | }
| |
- | .latest-box {
| |
- | background: #495060;
| |
- | }
| |
- | .thumb-pad3 figure {
| |
- | margin: 0 0 20px 0;
| |
- | float: none;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (max-width: 560px) {
| |
- | .topic-box {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad2 figure {
| |
- | margin: 0 0 20px 0;
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad1 .thumbnail .caption {
| |
- | overflow: visible;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (max-width: 480px) {
| |
- | h1.navbar-brand_ a img {
| |
- | width: 100%;
| |
- | }
| |
- | .tools-box .col-lg-3 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | /*.testimBox {
| |
- | .col-lg-3 {
| |
- | width:100%;
| |
- | float:none;
| |
- | }
| |
- | }*/
| |
- | .baner-box {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .trainerBox {
| |
- | width: 50%;
| |
- | }
| |
- | .overviewBox .col-xs-6 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | /*.testimBox .col-lg-3 {
| |
- | margin-bottom: 20px;
| |
- | }*/
| |
- | .projects-box .col-xs-6 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad1 figure {
| |
- | margin: 0 0 20px 0;
| |
- | float: none;
| |
- | }
| |
- | .links-box .thumb-pad1 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | .center-box .col-lg-3 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | #search-404 {
| |
- | width: 283px;
| |
- | }
| |
- | #search-404 input {
| |
- | width: 247px;
| |
- | }
| |
- | .errorBox .title {
| |
- | font-size: 40px;
| |
- | line-height: 40px;
| |
- | }
| |
- | .errorBox .description {
| |
- | font-size: 30px;
| |
- | line-height: 35px;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | @media (max-width: 320px) {
| |
- | h1.navbar-brand_ a img {
| |
- | width: 100%;
| |
- | }
| |
- | .trainerBox {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .gallery-box {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .about-box .col-xs-6 {
| |
- | width: 100%;
| |
- | float: none;
| |
- | }
| |
- | .thumb-pad1 figure img {
| |
- | width: 100%;
| |
- | }
| |
- | }
| |
- | /*---------------------------------------------------------------------------------------------------------------------------*/
| |
- | .margBot {
| |
- | margin-bottom: 63px;
| |
- | }
| |
- | .padBot {
| |
- | padding-bottom: 0;
| |
- | }
| |
- | /*Core variables and mixins*/
| |
- | /*-------------------------------------------------*/
| |
- | /*-------------------------------------------------*/
| |
- |
| |
- |
| |
- |
| |
- | </style>
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- | </html>
| |