Template:Style.css

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki setting...")
(Blanked the page)
 
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>
 

Latest revision as of 20:12, 17 October 2014