html {
margin: 0 !important;
overflow-x: hidden;
padding: 0 !important;
}
body {
font-family: "Rubik",Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.5;
}
.bloodtool_fn_wrapper_all {
height: auto;
width: 100%;
}
.bloodtool_fn_content {
height: auto;
width: 100%;
z-index: 1;
}
textarea, input, button {
outline: medium none;
}
:focus {
outline-color: rgba(0, 0, 0, 0);
outline-style: none;
}
.myaudio {
display: none;
opacity: 0;
position: absolute;
visibility: hidden;
}
.bloodtool_fn_horizontal_menu {
clear: both;
display: none;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_horizontal_menu .horizontal_menu_in {
background-color: #111111;
box-sizing: border-box;
float: left;
padding: 15px;
position: relative;
width: 100%;
z-index: 99;
}
.bloodtool_fn_horizontal_menu .logo {
float: left;
height: auto;
width: auto;
}
.bloodtool_fn_horizontal_menu .logo > a {
display: block;
text-decoration: none;
}
.bloodtool_fn_horizontal_menu .logo img {
max-width: 300px;
}
.bloodtool_fn_horizontal_menu .menu_list {
float: right;
height: auto;
width: auto;
}
.bloodtool_fn_horizontal_menu .menu_list > ul {
height: auto;
line-height: 0;
list-style-type: none;
margin: 0;
}
.bloodtool_fn_horizontal_menu .menu_list > ul > li {
display: inline-block;
line-height: 0;
margin: 0;
position: relative;
vertical-align: middle;
}
.bloodtool_fn_horizontal_menu .menu_list > ul > li > a {
color: #ffffff;
display: inline-block;
padding: 15px 10px;
text-decoration: none;
}
.bloodtool_fn_horizontal_menu .menu_list > ul > li svg {
fill: currentcolor;
height: 18px;
opacity: 1;
visibility: visible;
width: 18px;
}
.bloodtool_fn_horizontal_menu span.menu {
width: 30px;
}
.bloodtool_fn_horizontal_menu span.menu span {
background-color: #ffffff;
display: block;
height: 2px;
margin-bottom: 6px;
text-align: center;
transition: all 0.2s ease 0s;
}
.bloodtool_fn_horizontal_menu span.menu span:last-child {
margin-bottom: 0;
}
.bloodtool_fn_horizontal_menu span.menu span.b {
width: 30px;
}
.bloodtool_fn_horizontal_menu span.menu span.a, .bloodtool_fn_horizontal_menu span.menu span.c {
margin-left: 5px;
width: 20px;
}
.bloodtool_fn_horizontal_menu ul li a.trigger:hover span.menu span.a, .bloodtool_fn_horizontal_menu ul li a.trigger:hover span.menu span.c {
margin-left: 0;
width: 30px;
}
.bloodtool_fn_horizontal_menu .navigation_list {
background-color: #111111;
box-sizing: border-box;
display: none;
padding: 20px;
position: relative;
width: 100%;
z-index: 99;
}
.bloodtool_fn_horizontal_menu .language {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
height: auto;
padding-bottom: 10px;
width: 100%;
}
.bloodtool_fn_horizontal_menu .language a {
text-decoration: none;
}
.bloodtool_fn_horizontal_menu .language a span {
color: #999999;
font-size: 12px;
letter-spacing: 2px;
margin-right: 14px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_horizontal_menu .language a.active span {
color: #ffffff;
}
.bloodtool_fn_horizontal_menu .language a:hover span {
color: #ffffff;
}
.bloodtool_fn_horizontal_menu .search_share {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
margin-bottom: 10px;
padding: 11px 0;
width: 100%;
}
.bloodtool_fn_horizontal_menu .search_share a {
color: #ffffff;
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
margin-right: 7px;
text-decoration: none;
text-transform: uppercase;
}
.bloodtool_fn_horizontal_menu .search_share a:last-child {
margin-left: 7px;
margin-right: 0;
}
.bloodtool_fn_horizontal_menu .search_share span {
color: #ffffff;
font-size: 12px;
}
.bloodtool_fn_horizontal_menu a.volume svg.hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.bloodtool_fn_horizontal_menu .profile_res_info {
background-color: #111111;
box-sizing: border-box;
display: none;
float: left;
height: auto;
padding: 20px;
position: relative;
width: 100%;
z-index: 99;
}
.bloodtool_fn_horizontal_menu .profile_res_info .profile_img {
float: left;
margin-bottom: 20px;
margin-right: 40px;
}
.bloodtool_fn_horizontal_menu .profile_res_info .profile_img img {
border-radius: 3px;
}
.bloodtool_fn_horizontal_menu .profile_res_info .social_icons {
margin-bottom: 20px;
}
.bloodtool_fn_horizontal_menu .profile_res_info .social_icons ul {
list-style-type: none;
margin: 0;
}
.bloodtool_fn_horizontal_menu .profile_res_info .social_icons ul li {
display: inline-block;
margin: 0 10px 0 0;
}
.bloodtool_fn_horizontal_menu .profile_res_info .social_icons ul li a {
color: #999999;
}
.bloodtool_fn_horizontal_menu .profile_res_info .social_icons ul li a:hover {
color: #ffffff;
}
.bloodtool_fn_horizontal_menu .profile_res_info .info {
display: table;
float: left;
min-height: 160px;
}
.bloodtool_fn_horizontal_menu .profile_res_info .info_in {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.bloodtool_fn_horizontal_menu .profile_res_info .info_in h3 {
color: #ffffff;
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
margin: 0 0 10px;
text-transform: uppercase;
}
.bloodtool_fn_vertical_menu[data-bg-color="light"] .bloodtool_fn_leftbar {
background: #ffffff none repeat scroll 0 0;
border-right-color: #eeeeee;
}
.bloodtool_fn_vertical_menu[data-bg-color="light"] .bloodtool_fn_leftbar ul li {
border-bottom-color: #eeeeee;
}
.bloodtool_fn_vertical_menu[data-bg-color="light"] .bloodtool_fn_leftbar ul li a {
color: #333333;
}
.bloodtool_fn_vertical_menu[data-bg-color="light"] .bloodtool_fn_leftbar span.menu span {
background-color: #0c0000;
}
.bloodtool_fn_vertical_menu[data-bg-color="light"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #4e4e4e;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBg"] .bloodtool_fn_leftbar {
background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.2);
}
.bloodtool_fn_vertical_menu[data-bg-color="noBg"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.bloodtool_fn_vertical_menu[data-bg-color="noBg"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBg"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBg"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="dark"] .bloodtool_fn_leftbar {
background: #111111 none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu[data-bg-color="dark"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu[data-bg-color="dark"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="dark"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="dark"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="darkTrans"] .bloodtool_fn_leftbar {
background: rgba(17, 17, 17, 0.9) none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu[data-bg-color="darkTrans"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu[data-bg-color="darkTrans"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="darkTrans"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="darkTrans"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBgBlack"] .bloodtool_fn_leftbar {
background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.2);
}
.bloodtool_fn_vertical_menu[data-bg-color="noBgBlack"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.bloodtool_fn_vertical_menu[data-bg-color="noBgBlack"] .bloodtool_fn_leftbar ul li a {
color: #000000;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBgBlack"] .bloodtool_fn_leftbar span.menu span {
background-color: #000000;
}
.bloodtool_fn_vertical_menu[data-bg-color="noBgBlack"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #000000;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="light"] .bloodtool_fn_leftbar {
background: #ffffff none repeat scroll 0 0;
border-right-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li {
border-bottom-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li a {
color: #333333;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="light"] .bloodtool_fn_leftbar span.menu span {
background-color: #0c0000;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="light"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #4e4e4e;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="dark"] .bloodtool_fn_leftbar {
background: #111111 none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="dark"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBg"][data-bg-color2="dark"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="light"] .bloodtool_fn_leftbar {
background: #ffffff none repeat scroll 0 0;
border-right-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li {
border-bottom-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li a {
color: #333333;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="light"] .bloodtool_fn_leftbar span.menu span {
background-color: #0c0000;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="light"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #4e4e4e;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="dark"] .bloodtool_fn_leftbar {
background: #111111 none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="dark"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="noBgBlack"][data-bg-color2="dark"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="light"] .bloodtool_fn_leftbar {
background: #ffffff none repeat scroll 0 0;
border-right-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li {
border-bottom-color: #eeeeee;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="light"] .bloodtool_fn_leftbar ul li a {
color: #333333;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="light"] .bloodtool_fn_leftbar span.menu span {
background-color: #0c0000;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="light"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #4e4e4e;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="dark"] .bloodtool_fn_leftbar {
background: #111111 none repeat scroll 0 0;
border-right-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li {
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="dark"] .bloodtool_fn_leftbar ul li a {
color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="dark"] .bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
}
.bloodtool_fn_vertical_menu.scrolled[data-bg-color="darkTrans"][data-bg-color2="dark"] .bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
}
.bloodtool_fn_vertical_menu {
height: 100%;
position: fixed;
width: 80px;
z-index: 99;
}
.bloodtool_fn_vertical_menu_overlay {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-sizing: border-box;
height: 100%;
opacity: 0;
padding-left: 80px;
position: fixed;
visibility: hidden;
width: 100%;
z-index: 15;
}
.bloodtool_fn_vertical_menu_overlay.activated {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_leftbar {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-right: 1px solid #eeeeee;
height: 100%;
position: fixed;
width: 80px;
z-index: 20;
}
.bloodtool_fn_leftbar ul {
list-style-type: none;
margin: 0 0 50px;
}
.bloodtool_fn_leftbar ul li {
border-bottom: 1px solid #eeeeee;
box-sizing: border-box;
height: 80px;
line-height: 80px;
margin: 0;
position: relative;
text-align: center;
width: 100%;
}
.bloodtool_fn_leftbar ul li a.trigger:hover span.menu span.a, .bloodtool_fn_leftbar ul li a.trigger:hover span.menu span.c {
margin-left: 0;
width: 30px;
}
.bloodtool_fn_leftbar ul li.profile:hover .tooltip {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_leftbar ul li.gallery:hover .tooltip {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_leftbar ul li a {
color: #ffffff;
display: block;
height: 100%;
text-decoration: none;
width: 100%;
}
.bloodtool_fn_leftbar ul li svg {
fill: currentcolor;
height: 25px;
left: 50%;
margin-left: -12px;
margin-top: -12px;
opacity: 1;
position: absolute;
top: 50%;
visibility: visible;
width: 25px;
}
.bloodtool_fn_leftbar ul li a.volume svg.hidden {
opacity: 0;
visibility: hidden;
}
.bloodtool_fn_leftbar .bloodtool_fn_cright_wrap {
height: auto;
position: relative;
width: 100%;
}
.bloodtool_fn_leftbar .bloodtool_fn_cright {
bottom: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
transform: rotate(-90deg);
transform-origin: left top 0;
white-space: nowrap;
}
.bloodtool_fn_leftbar .bloodtool_fn_cright span {
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
}
.bloodtool_fn_leftbar span.menu {
left: 50%;
margin-left: -15px;
margin-top: -9px;
position: absolute;
top: 50%;
width: 30px;
}
.bloodtool_fn_leftbar span.menu span {
background-color: #ffffff;
display: block;
height: 2px;
margin-bottom: 6px;
text-align: center;
transition: all 0.2s ease 0s;
}
.bloodtool_fn_leftbar span.menu span:last-child {
margin-bottom: 0;
}
.bloodtool_fn_leftbar span.menu span.b {
width: 30px;
}
.bloodtool_fn_leftbar span.menu span.a, .bloodtool_fn_leftbar span.menu span.c {
margin-left: 5px;
width: 20px;
}
.bloodtool_fn_leftbar_nav {
background-color: rgba(17, 17, 17, 0.9);
box-sizing: border-box;
height: 100%;
opacity: 0;
padding-left: 80px;
position: fixed;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 390px;
z-index: 15;
}
.bloodtool_fn_leftbar_nav.opened {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_leftbar_nav_in {
height: auto;
width: 100%;
}
.left_bar {
box-sizing: border-box;
height: auto;
padding: 40px;
}
.bloodtool_fn_leftbar_nav_in .language {
height: auto;
margin-bottom: 40px;
width: 100%;
}
.bloodtool_fn_leftbar_nav_in .language a {
text-decoration: none;
}
.bloodtool_fn_leftbar_nav_in .language a span {
color: #999999;
font-size: 12px;
letter-spacing: 2px;
margin-right: 14px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_leftbar_nav_in .language a.active span {
color: #ffffff;
}
.bloodtool_fn_leftbar_nav_in .language a:hover span {
color: #ffffff;
}
.bloodtool_fn_leftbar_nav_in .logo {
margin-bottom: 80px;
}
.bloodtool_fn_leftbar_nav_in .cright {
line-height: 1.4;
}
.bloodtool_fn_leftbar_nav_in .cright span {
color: #999999;
display: block;
font-size: 10px;
letter-spacing: 1px;
}
.bloodtool_fn_leftbar_nav_in .cright span a {
border-bottom: 1px dotted rgba(0, 0, 0, 0);
color: #ffffff;
padding-bottom: 2px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_leftbar_nav_in .cright span a:hover {
border-bottom-color: #ffffff;
}
.bloodtool_fn_profile_prev {
background-color: rgba(17, 17, 17, 0.9);
box-sizing: border-box;
height: 100%;
opacity: 0;
padding-left: 80px;
position: fixed;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 380px;
z-index: 15;
}
.bloodtool_fn_profile_prev.opened {
opacity: 1;
visibility: visible;
}
.profile_preivew {
box-sizing: border-box;
height: auto;
padding: 40px;
}
.bloodtool_fn_profile_prev_in .profile_img {
margin-bottom: 40px;
}
.bloodtool_fn_profile_prev_in .profile_img img {
border-radius: 4px;
}
.bloodtool_fn_profile_prev_in .title_holder {
margin-bottom: 27px;
}
.bloodtool_fn_profile_prev_in .title_holder h3 {
color: #ffffff;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
margin: 0 0 29px;
text-transform: uppercase;
}
.bloodtool_fn_profile_prev_in .title_holder p {
color: #999999;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.6;
}
.bloodtool_fn_profile_prev_in .social_icons {
float: left;
margin-bottom: 44px;
}
.bloodtool_fn_profile_prev_in .social_icons ul {
list-style-type: none;
margin: 0 0 0 -15px;
}
.bloodtool_fn_profile_prev_in .social_icons ul li {
float: left;
margin-left: 15px;
}
.bloodtool_fn_profile_prev_in .social_icons ul li a {
color: #999999;
text-decoration: none;
transition: none 0s ease 0s ;
}
.bloodtool_fn_profile_prev_in .social_icons ul li a:hover {
color: #ffffff;
}
.bloodtool_fn_gallery_prev {
background-color: rgba(17, 17, 17, 0.9);
box-sizing: border-box;
height: 100%;
opacity: 0;
padding-left: 80px;
position: fixed;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 380px;
z-index: 15;
}
.bloodtool_fn_gallery_prev.opened {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_gallery_prev_in ul {
box-sizing: border-box;
list-style-type: none;
margin: -30px 0 0;
padding: 40px;
}
.bloodtool_fn_gallery_prev_in ul li {
margin: 30px 0 0;
}
.bloodtool_fn_gallery_prev_in ul li img {
border-radius: 4px;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
}
.bloodtool_fn_search {
background-color: rgba(17, 17, 17, 0.9);
height: 100%;
opacity: 0;
position: fixed;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 100%;
z-index: 100;
}
.bloodtool_fn_search.opened {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_search_in {
display: table;
height: 100%;
width: 100%;
}
.bloodtool_fn_search_in .aaa {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
}
div.closer {
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 105;
}
.bloodtool_fn_search .search_box {
background-color: #111111;
border: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
display: inline-block;
height: auto;
max-width: 600px;
padding: 120px 80px;
position: relative;
text-align: left;
z-index: 999;
}
.bloodtool_fn_search .search_box_in .form {
position: relative;
}
.bloodtool_fn_search .search_box_in .form input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: rgba(0, 0, 0, 0);
border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.1);
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
color: #ffffff;
font-family: "Rubik";
font-size: 24px;
font-weight: 100;
height: auto;
letter-spacing: 3px;
line-height: 1;
outline-color: rgba(0, 0, 0, 0);
padding: 9px 30px 9px 0 !important;
width: 440px;
}
.bloodtool_fn_search .search_box_in .form input:hover, .bloodtool_fn_search .search_box_in .form input:focus {
border-bottom-color: #ffffff;
}
.bloodtool_fn_search .search_box_in .form input::-moz-placeholder {
color: #ffffff;
font-weight: 200;
}
.bloodtool_fn_search .search_box_in .form input:-moz-placeholder {
color: #ffffff;
font-weight: 200;
}
*::-moz-placeholder {
color: #111111;
font-weight: 200;
}
:-moz-placeholder {
color: #111111;
font-weight: 200;
}
.bloodtool_fn_search .search_box_in .form .icon {
bottom: 10px;
position: absolute;
right: 0;
}
.bloodtool_fn_search .search_box_in .form .icon a {
color: #ffffff;
display: block;
text-decoration: none;
}
.bloodtool_fn_search .search_box_in .form .icon a svg {
fill: currentcolor;
height: 22px;
width: 22px;
}
img.svg {
height: 25px;
left: 50%;
margin-left: -12.5px;
margin-top: -12.5px;
position: absolute;
top: 50%;
width: 25px;
}
img.svg.hidden {
opacity: 0;
visibility: hidden;
}
.bloodtool_fn_share {
background-color: rgba(17, 17, 17, 0.9);
height: 100%;
opacity: 0;
position: fixed;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 100%;
z-index: 100;
}
.bloodtool_fn_share.opened {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_share_in {
display: table;
height: 100%;
width: 100%;
}
.bloodtool_fn_share_in .aaa {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
}
.bloodtool_fn_share .share_box {
background-color: #111111;
border: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
display: inline-block;
padding: 70px 50px;
position: relative;
text-align: left;
transition: all 0.5s ease 0s;
width: 600px;
z-index: 999;
}
.bloodtool_fn_share .share_box_in h3 {
color: #ffffff;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
margin: 0 0 40px;
text-transform: uppercase;
}
.bloodtool_fn_share .share_box_in ul {
list-style-type: none;
margin: 0;
}
.bloodtool_fn_share .share_box_in ul li {
display: inline-block;
margin: 0 0 11px;
width: 49%;
}
.bloodtool_fn_share .share_box_in ul li a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #999999;
font-size: 12px;
letter-spacing: 1px;
padding-bottom: 3px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_share .share_box_in ul li a:hover {
border-bottom-color: #ffffff;
color: #ffffff;
}
.tooltip {
height: auto;
left: 100%;
line-height: 1;
margin-left: 10px;
margin-top: -19px;
opacity: 0;
position: absolute;
top: 50%;
transition: all 0.5s ease 0s;
visibility: hidden;
white-space: nowrap;
width: auto;
z-index: 20;
}
.tooltip span {
background-color: #111111;
border-radius: 4px;
color: #ffffff;
display: block;
font-size: 12px;
padding: 13px 24px;
position: relative;
text-transform: uppercase;
}
.tooltip span::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) #111111 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 5px;
content: "";
left: -10px;
margin-top: -5px;
position: absolute;
top: 50%;
}
.tooltip_all {
bottom: 100%;
height: auto;
line-height: 1;
margin-bottom: 17px;
opacity: 0;
position: absolute;
transition: all 0.5s ease 0s;
visibility: hidden;
white-space: nowrap;
width: auto;
z-index: 20;
}
.tooltip_all span {
background-color: #111111;
border-radius: 4px;
color: #ffffff;
display: block;
font-size: 12px;
padding: 13px 24px;
position: relative;
text-transform: uppercase;
}
.tooltip_all span::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #111111 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 5px;
bottom: -9px;
content: "";
left: 50%;
margin-left: -5px;
position: absolute;
}
ul.nav {
list-style-type: none;
margin: 0 0 37px;
}
ul.nav > li {
margin-bottom: 11px;
}
ul.nav > li:last-child {
margin: 0;
}
ul.nav li a {
color: #ffffff;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
}
ul.nav li a span {
color: #ffffff;
font-size: 12px;
letter-spacing: 2px;
}
ul.nav > li > a {
text-transform: uppercase;
}
ul.nav li a i {
color: #999999;
font-size: 14px;
}
ul.nav li ul {
display: none;
list-style-type: none;
margin-left: 15px;
margin-top: 9px;
}
ul.nav li ul li {
margin-bottom: 11px;
}
.bloodtool_fn_content_in {
box-sizing: border-box;
float: left;
height: auto;
padding-left: 80px;
position: relative;
width: 100%;
z-index: 20;
}
.bloodtool_fn_fluid_wrap {
margin-left: -80px;
}
.photoplane_fn_fotorama img {
min-height: 100%;
min-width: 100%;
}
.bloodtool_fn_main_slider ul.slides > li {
margin: 0;
overflow: hidden;
position: relative;
}
.bloodtool_fn_main_slider ul li img {
min-height: 100%;
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.one {
background-image: url("../img/main_slider/1.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.two {
background-image: url("../img/main_slider/2.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.three {
background-image: url("../img/main_slider/3.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.four {
background-image: url("../img/main_slider/4.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.five {
background-image: url("../img/main_slider/5.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg.six {
background-image: url("../img/main_slider/6.jpg");
}
.bloodtool_fn_main_slider .flexslider ul li .slides_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bloodtool_fn_main_slider .purchase {
bottom: 85px;
left: 120px;
position: absolute;
z-index: 15;
}
.bloodtool_fn_main_slider .purchase a {
color: #ffffff;
display: block;
text-decoration: none;
}
.bloodtool_fn_main_slider .purchase:hover .tooltip {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_main_slider .purchase svg {
fill: currentcolor;
height: 25px;
width: 25px;
}
.bloodtool_fn_main_slider .title_holder {
bottom: 27px;
color: #ffffff;
left: 120px;
position: absolute;
z-index: 15;
}
.bloodtool_fn_main_slider .title_holder a {
color: #fffefe;
text-decoration: none;
}
.bloodtool_fn_main_slider .title_holder h2 {
font-size: 30px;
font-weight: 400;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
}
.bloodtool_fn_main_slider .bloodtool_fn_overlay {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease 0s;
z-index: 10;
}
.bloodtool_fn_main_slider .bloodtool_fn_overlay::after {
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 76%, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 0.49) 100%);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 3;
}
.bloodtool_fn_secondary_wrap {
float: left;
height: auto;
position: relative;
width: 100%;
}
.bloodtool_fn_secondary_wrap_in {
margin: 100px 0 0;
}
.bloodtool_fn_secondary_wrap .photer_box {
clear: both;
float: left;
margin-bottom: 150px;
}
.bloodtool_fn_secondary_wrap .photer_img {
float: left;
position: relative;
width: 50%;
}
.bloodtool_fn_secondary_wrap .photer_img img {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
}
.bloodtool_fn_secondary_wrap .photer_img.jarallax {
background-image: url("../img/about/1.jpg");
background-repeat: no-repeat;
}
.bloodtool_fn_secondary_wrap .photer_img.jarallax img {
min-height: auto;
min-width: auto;
}
.bloodtool_fn_secondary_wrap .photer_img .overlay {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease 0s;
z-index: 10;
}
.bloodtool_fn_secondary_wrap .photer_img .overlay::after {
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 76%, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 0.49) 100%);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 3;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder {
bottom: 34px;
position: absolute;
text-align: center;
width: 100%;
z-index: 15;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder_in {
display: inline-block;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder h3 {
color: #fffefe;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 2px;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder span {
color: #fffefe;
font-size: 12px;
letter-spacing: 5px;
line-height: 1;
text-transform: uppercase;
}
.bloodtool_fn_secondary_wrap .photer_full_info {
box-sizing: border-box;
clear: right;
float: left;
margin-top: 76px;
padding: 0 40px;
width: 50%;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
color: #111111;
font-size:37px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.2;
margin-bottom: 13px;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 em {
font-family: "Playfair Display";
color:#EA1728;
}
.bloodtool_fn_secondary_wrap .photer_full_info p {
color: #777777;
display: block;
font-size: 15px;
letter-spacing: 1px;
line-height: 25px;
margin-bottom: 11px;
}
.bloodtool_fn_secondary_wrap .photer_full_info p a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #EA1728;
padding-bottom: 3px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_secondary_wrap .photer_full_info p a:hover {
border-bottom-color: #EA1728;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons {
float: left;
margin-bottom: 46px;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons ul {
list-style-type: none;
margin: 0 0 0 -15px;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons ul li {
float: left;
margin-left: 15px;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons ul li a {
color: #999999;
text-decoration: none;
transition: none 0s ease 0s ;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons ul li a:hover {
color: #111111;
}
.bloodtool_fn_secondary_wrap .photer_knowledge {
margin-bottom: 150px;
margin-left: -6%;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder {
box-sizing: border-box;
float: left;
margin-left: 6%;
padding-right: 50px;
width: 27.3333%;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder h1 {
color: #dddddd;
font-size: 72px;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
margin-bottom: 14px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder h2 {
color: #111111;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 29px;
margin-bottom: 37px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder span {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
}
.bloodtool_fn_secondary_wrap .container_wo_right {
box-sizing: border-box;
clear: both;
float: left;
padding-left: 50px;
width: 100%;
}
.bloodtool_fn_secondary_wrap .about_msg .overlay_color {
background-color:#EA1728;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.bloodtool_fn_secondary_wrap .about_msg {
float: left;
margin-bottom: 0px;
padding: 66px 0;
position: relative;
width: 100%;
}
.bloodtool_fn_secondary_wrap .about_msg p {
color: #ffffff;
font-size: 30px;
letter-spacing: 0.5px;
line-height: 34px;
}
.bloodtool_fn_secondary_wrap .about_msg p em {
font-family: "Playfair Display";
}
.bloodtool_fn_secondary_wrap .about_msg span.text {
color: #ffffff;
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
}
a.bloodtool_fn_btn {
border: 2px solid #EA1728;
color: #EA1728;
display: inline-block;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
line-height: 1;
padding: 18px 40px;
text-decoration: none;
text-transform: uppercase;
}
a.bloodtool_fn_btn[data-position="right"] {
float: right;
}
.aaaabbbb {
float: left;
height: auto;
margin-bottom:0px;
width: 100%;
}
ul.project_list {
list-style-type: none;
margin: 0 0 0 -6.3%;
}
ul.project_list li {
float: left;
margin: 0 0 6% 6%;
width: 44%;
}
.bloodtool_fn_main_img_holder {
border: 2px solid #777;
margin-bottom: 30px;
position: relative;
}
.bloodtool_fn_main_img_holder img {
border-radius: 4px;
max-width: 100%;
min-width: 100%;
}
.bloodtool_fn_main_img_holder .overlay {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 4px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease 0s;
z-index: 10;
}
.bloodtool_fn_main_img_holder .overlay a {
height: 100%;
position: absolute;
width: 100%;
z-index: 15;
}
.bloodtool_fn_main_img_holder .overlay::after {
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 76%, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 0.49) 100%);
border-radius: 4px;
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 3;
}
.bloodtool_fn_main_img_holder .img_name {
background-color: rgba(0, 0, 0, 0);
bottom: 12px;
left: 7px;
padding-right:0px;
position: absolute;
transition: all 0.5s ease 0s;
z-index: 20;
}
.bloodtool_fn_main_img_holder .img_name a {
border-radius: 3px;
color: #ffffff;
display: inline-block;
text-decoration: none;
}
.bloodtool_fn_main_img_holder .img_name span {
color: #ffffff;
display: inline-block;
letter-spacing: 1px;
padding: 2px 8px;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_main_img_holder:hover .img_name a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.bloodtool_fn_main_img_holder .img_icons {
bottom: 19px;
display: block;
line-height: 0;
opacity: 0;
position: absolute;
right: 20px;
transition: all 0.5s ease 0s;
visibility: hidden;
z-index: 21;
}
.bloodtool_fn_main_img_holder:hover .img_icons {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_main_img_holder .img_icons a {
color: #ffffff;
display: inline-block;
margin-right: 11px;
text-decoration: none;
}
.bloodtool_fn_main_img_holder .img_icons a:last-child {
margin-right: 0;
}
.bloodtool_fn_main_img_holder .img_icons svg {
display: block;
fill: currentcolor;
height: 20px;
width: 20px;
}
.aaaabbbb .view_all a {
color: #777777;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}
.aaaabbbb .view_all a:hover i {
margin-left: 10px;
}
.bloodtool_fn_full_width_container {
clear: both;
position: relative;
width: 100%;
}
.bloodtool_fn_full_width_container .background_holder {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.bloodtool_fn_full_width_container .background_holder .bg_img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.bloodtool_fn_full_width_container .background_holder .bg_video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.bloodtool_fn_full_width_container .background_holder .bg_color {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.bloodtool_fn_full_width_container .content_holder {
box-sizing: border-box;
margin: 0 auto;
max-width: 700px;
position: relative;
text-align: center;
z-index: 20;
}
.bloodtool_fn_full_width_container .content_holder > p {
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.5;
margin-bottom: 35px;
}
.bloodtool_fn_full_width_container .content_holder > img {
margin-bottom: 35px;
}
.bloodtool_fn_full_width_container .content_holder h3 {
color: #333333;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.2;
margin: 0;
}
.bloodtool_fn_full_width_container .content_holder h3 em {
font-family: "Playfair Display";
}
.bloodtool_fn_full_width_container .content_holder > span {
color: #777777;
display: block;
font-size: 12px;
letter-spacing: 5px;
margin-bottom: 19px;
text-transform: uppercase;
}
.bloodtool_fn_full_width_container.shortcode .bg_img.jarallax {
background-image: url("../img/shortcodes/2.jpg");
}
.bloodtool_fn_secondary_wrap .breadcrumbs p {
background-color: #f5f5f5;
border-radius: 3px;
color: #777777;
display: inline-block;
font-size: 13px;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 0px;
padding: 8px 20px;
}
.bloodtool_fn_secondary_wrap .breadcrumbs p a:first-child {
padding-right: 5px;
}
.bloodtool_fn_secondary_wrap .breadcrumbs p a {
color: #777777;
padding: 0 5px;
text-decoration: none;
}
.bloodtool_fn_secondary_wrap .breadcrumbs p span {
color: #cccccc;
padding-left: 5px;
}
.bloodtool_fn_secondary_wrap .project_title {
margin-bottom: 20px;
}
.bloodtool_fn_secondary_wrap .project_title h3 {
color: #111111;
font-size: 48px;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next {
clear: both;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next a {
color: #777777;
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
padding-right: 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next a i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -10px;
top: 0;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next a:hover i {
right: -20px;
}
.second_type_of_project {
background: rgba(0, 0, 0, 0) url("../img/photo_gallerybanner.jpg") no-repeat scroll center center / cover ;
height: 500px;
margin-bottom:50px;
position: relative;
}
.second_type_of_project .breadcrumbs p {
background-color: rgba(17, 17, 17, 0.2);
color: #ffffff;
}
.second_type_of_project .breadcrumbs p a {
color: #ffffff;
}
.second_type_of_project .breadcrumbs p span {
color: #bbbbbb;
}
.second_type_of_project .project_title {
bottom: 40px;
left: 40px;
margin-bottom: 0 !important;
position: absolute;
}
.second_type_of_project .project_title h3 {
color: #ffffff;
}
.second_type_of_project > .container {
min-height: 500px;
}
.third_type_of_project {
background: rgba(0, 0, 0, 0) url("../img/project/full1.jpg") no-repeat scroll center center / cover ;
margin-bottom: 00px;
padding-left: 80px;
position: relative;
}
.third_type_of_project .breadcrumbs p {
background-color: rgba(17, 17, 17, 0.2);
color: #ffffff;
}
.third_type_of_project .breadcrumbs p a {
color: #ffffff;
}
.third_type_of_project .breadcrumbs p span {
color: #bbbbbb;
}
.third_type_of_project .project_title {
bottom: 20px;
margin-bottom: 0 !important;
position: absolute;
}
.third_type_of_project .project_title h3 {
color: #ffffff;
}
.third_type_of_project > .container {
position: static;
}
.third_type_of_project.single {
background: #333333 no-repeat scroll center center / cover ;
height:177px!important;
}
.section_q {
clear: both;
float: left;
margin-bottom: 77px;
}
.customer {
float: left;
margin-right: 6%;
width: 28%;
}
.customer ul {
list-style-type: none;
margin: 0 0 17px;
}
.customer ul > li {
line-height: 40px;
margin: 0;
position: relative;
}
.customer ul > li span.span1 {
color: #333333;
display: inline-block;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
padding-right: 25px;
width: 120px;
word-break: break-all;
}
.customer ul > li span.span2 {
color: #777777;
font-size: 16px;
}
.customer ul > li span.span2 a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #EA1728;
padding-bottom: 3px;
text-decoration: none;
}
.customer ul > li span.span2 a:hover {
border-color: #EA1728;
}
.customer .likeshare {
margin-bottom: 30px;
}
.customer .likeshare a {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
line-height: 1;
margin-right: 6px;
padding: 8px 15px 8px 41px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.customer .likeshare a:last-child {
margin-right: 0;
}
.customer .likeshare a.like {
background-color: #fc4545;
border-color: #e43c3c;
color: #ffffff;
}
.customer .likeshare a.share {
background-color: #f5f5f5;
border-color: #eeeeee;
color: #777777;
}
.customer .likeshare img {
height: 14px;
position: absolute;
width: 16px;
}
.customer .likeshare svg {
fill: currentcolor;
height: 16px;
left: 15px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 18px;
}
.customer .details {
margin-bottom: 60px;
position: relative;
}
.customer .details svg {
fill: currentcolor;
height: 22px;
left: 0;
position: absolute;
top: 0;
width: 22px;
}
.customer .details a {
color: #333333;
display: inline-block;
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
line-height: 26px;
text-decoration: none;
}
.customer .details a span {
padding-left: 32px;
}
.customer .info p {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
}
.customer .info p a{color:#ea1728;}
.customer .info p a:hover{text-decoration:none; color:#777;}
.project_img_list.full {
width: 100%;
}
.project_img_list {
float: right;
width: 66%;
}
.project_img_list ul {
list-style-type: none;
margin: -70px 0 0;
}
.project_img_list ul li {
float: left;
margin: 70px 0 0;
width: 100%;
}
.project_img_list ul li:last-child {
margin-bottom: 0;
}
.project_img_list ul li a {
display: block;
}
.section_q[data-img-pos="left"] .customer {
float: right;
margin-left: 6%;
margin-right: 0;
}
.section_q[data-img-pos="left"] .project_img_list {
float: left;
}
.section_q[data-img-pos="right"] .customer {
float: left;
margin-left: 0;
margin-right: 6%;
}
.section_q[data-img-pos="right"] .project_img_list {
float: right;
}
.prevnext {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eeeeee rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 150px;
padding: 70px 0;
position: relative;
width: 100%;
}
.prevnext .pnbox {
float: left;
width: 100%;
}
.prevnext ul {
list-style-type: none;
margin: 0;
}
.prevnext ul li {
float: left;
margin: 0;
position: relative;
width: 50%;
}
.prevnext ul li a {
color: #777777;
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}
.prevnext ul li.prev a {
padding-left: 21px;
}
.prevnext ul li.next a {
padding-right: 21px;
}
.prevnext ul li span.text {
color: #333333;
display: block;
font-size: 19px;
letter-spacing: 0.5px;
text-transform: none;
}
.prevnext ul li.prev span.text {
margin-left: -21px;
}
.prevnext ul li.next span.text {
margin-right: -21px;
}
.prevnext ul li.prev span i {
font-size: 20px;
left: -9px;
line-height: 0;
position: absolute;
top: -1px;
}
.prevnext ul li.next span i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -9px;
top: -1px;
}
.prevnext ul li.prev {
box-sizing: border-box;
padding-right: 50px;
text-align: left;
}
.prevnext ul li.next {
box-sizing: border-box;
padding-left: 50px;
text-align: right;
}
.prevnext ul li.prev span.prev, .prevnext ul li.next span.next {
display: block;
}
.prevnext ul li a span.wov_text {
position: relative;
}
.prevnext .hover_img {
bottom: 100%;
margin-bottom: 10px;
opacity: 0;
position: absolute;
transition: all 0.5s ease 0s;
visibility: hidden;
}
.prevnext ul li.prev .hover_img {
left: 0;
}
.prevnext ul li.next .hover_img {
right: 0;
}
.prevnext .pnbox .hover_img img {
border-radius: 3px;
}
.prevnext ul li.prev:hover .hover_img {
opacity: 1;
visibility: visible;
}
.prevnext ul li.next:hover .hover_img {
opacity: 1;
visibility: visible;
}
.prevnext .all {
display: block;
height: 25px;
left: 50%;
margin-left: -12.5px;
margin-top: -12.5px;
position: absolute;
top: 50%;
transition: all 0.5s ease 0s;
width: 25px;
}
.prevnext .all_in {
position: relative;
}
.prevnext .all a {
display: block;
text-decoration: none;
}
.prevnext .all span.a, .prevnext .all span.b, .prevnext .all span.c {
background-color: #333333;
display: block;
height: 5px;
margin-left: 10px;
position: relative;
width: 5px;
}
.prevnext .all span.a, .prevnext .all span.b {
margin-bottom: 5px;
}
.prevnext .all span.a::after, .prevnext .all span.b::after, .prevnext .all span.c::after {
background-color: #333333;
content: "";
height: 5px;
left: -10px;
position: absolute;
width: 5px;
}
.prevnext .all span.a::before, .prevnext .all span.b::before, .prevnext .all span.c::before {
background-color: #333333;
content: "";
height: 5px;
position: absolute;
right: -10px;
width: 5px;
}
.prevnext .all:hover .tooltip_all {
opacity: 1;
visibility: visible;
}
.prevnext > .container {
position: static;
}
.last_section .aaaabbbb ul li {
margin-bottom: 0;
}
.mfp-close-btn-in .mfp-close {
color: #ffffff;
}
.details_popup {
background-color: #111111;
margin: 0 auto;
max-width: 500px;
padding: 70px 50px;
position: relative;
width: auto;
}
.details_popup .title_holder {
margin-bottom: 40px;
}
.details_popup .title_holder h3 {
color: #ffffff;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 0;
}
.details_popup table, .details_popup table tr, .details_popup table td {
border: medium none;
}
.details_popup table {
color: #999999;
font-size: 12px;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 0;
}
.details_popup table td {
padding: 10px 0;
}
.details_popup table td.label {
text-transform: uppercase;
}
.section_q.second_single .customer {
margin-bottom: 50px;
width: 100%;
}
.section_q.second_single .customer .labels {
float: left;
margin-right: 6%;
width: 28%;
}
.section_q.second_single .customer .info {
float: left;
width: 100%;
}
.project_img_list img {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
}
.section_q.second_single .project_img_list {
float: inherit;
width: 100%;
}
.section_q.second_single .project_img_list[data-cols="one"] ul li {
margin-left: 0;
width: 100%;
}
.section_q.second_single .project_img_list[data-cols="one"] ul {
margin-left: 0;
}
.section_q.second_single .project_img_list[data-cols="two"] ul li {
margin: 2% 0 0 2%;
width: 48%;
}
.section_q.second_single .project_img_list[data-cols="two"] ul {
margin: -2% 0 0 -2%;
}
.section_q.second_single .project_img_list[data-cols="three"] ul li {
margin: 2% 0 0 2%;
width: 31.33%;
}
.section_q.second_single .project_img_list[data-cols="three"] ul {
margin: -2% 0 0 -2%;
}
.section_q.third_single .customer .details {
margin-bottom: 0;
}
.bloodtool_fn_main_slider.third_single .flexslider ul li .slides_bg.one {
background-image: url("../img/project_single/slider/1.jpg");
}
.bloodtool_fn_main_slider.third_single .flexslider ul li .slides_bg.two {
background-image: url("../img/project_single/slider/2.jpg");
}
.bloodtool_fn_main_slider.third_single .flexslider ul li .slides_bg.three {
background-image: url("../img/project_single/slider/3.jpg");
}
.bloodtool_fn_main_slider.third_single .flexslider ul li .slides_bg.four {
background-image: url("../img/project_single/slider/4.jpg");
}
.bloodtool_fn_main_slider.third_single .flexslider ul li .slides_bg.five {
background-image: url("../img/project_single/slider/5.jpg");
}
.bloodtool_fn_main_slider.third_single .flex-direction-nav {
display: block;
}
.bloodtool_fn_main_slider.third_single .flex-direction-nav .flex-prev {
left: 110px;
}
.bloodtool_fn_main_slider.third_single .flex-direction-nav .flex-next {
right: 30px;
}
.bloodtool_fn_main_slider.third_single .flex-direction-nav a {
background: rgba(17, 17, 17, 0.9) none repeat scroll 0 0;
border-radius: 3px;
height: 50px;
line-height: 50px;
margin: -25px 0 0;
width: 50px;
}
.bloodtool_fn_main_slider.third_single .flex-direction-nav a::before {
font-size: 32px;
font-weight: 100;
}
.bloodtool_fn_carousel .owl-carousel {
height: 100%;
position: relative;
z-index: 5;
}
.bloodtool_fn_carousel {
height: auto;
margin-bottom: 33px;
position: relative;
width: 100%;
}
.title_four {
clear: both;
height: auto;
margin-bottom: 37px;
}
.title_four > .project_title {
margin-bottom: 10px;
}
.title_four > .breadcrumbs p {
margin-bottom: 0;
}
.custom_nav {
margin-top: -25px;
opacity: 1;
position: absolute;
top: 50%;
visibility: visible;
width: 100%;
z-index: 999;
}
.custom_nav a {
background-color: rgba(17, 17, 17, 0.9);
border-radius: 3px;
color: #ffffff;
display: block;
font-size: 30px;
height: 50px;
line-height: 50px;
width: 50px;
}
.custom_nav a i {
display: block;
}
.custom_nav a i::before {
margin: 0 10px;
}
.custom_nav a.prev {
float: left;
margin-left: 30px;
}
.custom_nav a.next {
float: right;
margin-right: 30px;
}
.bloodtool_fn_scroll {
margin-bottom: 35px;
overflow-x: scroll;
width: 100%;
}
.bloodtool_fn_scroll table {
border: medium none;
border-collapse: collapse;
width: auto !important;
}
.bloodtool_fn_scroll table tr {
border: medium none;
border-collapse: collapse;
padding: 0;
}
.bloodtool_fn_scroll table td {
border: medium none !important;
display: table-cell;
padding: 0 10px 0 0;
vertical-align: middle;
width: auto;
}
.bloodtool_fn_scroll table td:last-child {
padding-right: 0;
}
.bloodtool_fn_scroll .img_holder img {
max-height: 400px;
max-width: none;
min-height: 400px;
width: auto;
}
.nicescroll-rails {
margin-top: 5px;
}
div.gallery {
width: auto;
}
div.gallery a {
display: block;
}
div.gallery a img {
display: block;
}
.bloodtool_fn_equal_project {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_equal_project ul {
list-style-type: none;
margin: -2% 0 0 -2%;
}
.bloodtool_fn_equal_project ul li {
float: left;
margin: 2% 0 0 2%;
width: 31.3333%;
}
.bloodtool_fn_equal_project ul li a {
display: block;
}
.bloodtool_fn_equal_project ul li img {
border-radius: 4px;
}
.section_q.seventh_single .details {
margin-bottom: 0;
}
.section_q.seventh_single .customer {
margin-bottom: 50px;
}
.section_short_a {
clear: both;
float: left;
height: auto;
margin-bottom: 150px;
width: 100%;
}
.section_short_a .img_holder {
background-image: url("../img/shortcodes/1.jpg");
float: left;
min-height: 550px;
width: 50%;
}
.section_short_a .img_info {
box-sizing: border-box;
clear: right;
display: table;
float: right;
height: 550px;
line-height: 1;
padding: 0 50px;
width: 50%;
}
.section_short_a .img_info_in {
display: table-cell;
vertical-align: middle;
}
.section_short_a .img_info .title_holder {
margin-bottom: 40px;
}
.section_short_a .img_info .title_holder h3 {
color: #111111;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.2;
margin: 0 0 40px;
}
.section_short_a .img_info .title_holder h3 em {
font-family: "Playfair Display";
font-weight: 400;
}
.section_short_a .img_info .title_holder p {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
}
.section_short_a .img_info a {
color: #333333;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}
.section_short_a .img_info a:hover i {
margin-left: 10px;
}
.section_short_b {
clear: both;
float: left;
height: auto;
margin-bottom: 150px;
width: 100%;
}
.section_short_b_in {
border-bottom: 1px solid #eeeeee;
float: left;
padding: 70px 0;
width: 100%;
}
.hideforanimation {
opacity: 0;
visibility: hidden;
}
.section_short_b_in_content {
float: left;
margin-bottom: 50px;
width: 100%;
}
.section_short_b_in_content:last-child {
margin-bottom: 0;
}
.section_short_b_in .row_a {
float: left;
min-height: 1px;
width: 25%;
}
.section_short_b_in .row_b {
clear: right;
float: left;
width: 75%;
}
.section_short_b_in .row_b_a {
float: left;
width: 33.3333%;
}
.section_short_b_in .row_b_b {
float: left;
margin-bottom: 30px;
width: 66.6666%;
}
.section_short_b_in .row_a h3 {
color: #333333;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin: 0;
}
.section_short_b_in .row_b_a span.place {
color: #333333;
display: block;
font-size: 18px;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 10px;
}
.section_short_b_in .row_b_a span.years {
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 1px;
line-height: 1;
}
.section_short_b_in .row_b_b p {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
}
.mypie {
box-sizing: border-box;
float: left;
margin-bottom: 50px;
padding-right: 60px;
text-align: center;
transition: all 0.5s ease 0s;
width: 33.3333%;
}
.pie_progress {
display: inline-block;
margin-bottom: 35px;
width: 160px;
}
.mypie .pie_title_holder span.label {
color: #333333;
display: block;
font-size: 18px;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 20px;
}
.mypie .pie_title_holder span.info {
color: #777777;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
}
.progress_bar .bar_bg, .progress_bar .bar {
border-radius: 2px;
}
.progress_bar {
margin-bottom: 15px;
width: 100%;
}
.progress_bar > span {
display: block;
margin: 0 0 1px;
text-align: left;
width: 100%;
}
.progress_bar span.label {
color: #333333;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
text-transform: uppercase;
}
.progress_bar span.number {
color: #777777;
float: right;
font-size: 12px;
letter-spacing: 2px;
line-height: 1;
}
.progress_bar .bar_bg {
background: #eeeeee none repeat scroll 0 0;
height: 3px;
min-width: 100%;
position: relative;
width: 100%;
}
.progress_bar .bar_bg .bar_wrap {
height: 100%;
transition: all 0.5s ease 0s;
width: 0;
}
.progress_bar .bar_bg .bar {
background: #333333 none repeat scroll 0 0;
height: 100%;
overflow: hidden;
}
.progress_bar[data-bg-theme="dark"] .bar_bg .bar {
background-color: #333333 !important;
}
.progress_bar[data-bg-theme="dark"] .bar_bg {
background-color: #bbbbbb !important;
}
.progress_bar[data-bg-theme="red"] .bar_bg .bar {
background-color: #ff0000 !important;
}
.progress_bar[data-bg-theme="red"] .bar_bg {
background-color: #ffbbbb !important;
}
.progress_bar[data-bg-theme="blue"] .bar_bg .bar {
background-color: #EA1728 !important;
}
.progress_bar[data-bg-theme="blue"] .bar_bg {
background-color: #b7c1ff !important;
}
.section_short_c {
clear: both;
float: left;
margin-bottom: 150px;
width: 100%;
}
.section_short_c .row_a {
float: left;
width: 65%;
}
.section_short_c h3 {
color: #333333;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 34px;
}
.section_short_c .row_b {
clear: right;
float: left;
width: 35%;
}
.section_short_c .row_a ul {
list-style-type: none;
margin: 0;
}
.section_short_c .row_a ul li {
box-sizing: border-box;
float: left;
margin: 0;
padding-left: 21px;
width: 50%;
}
.section_short_c .row_a ul li span {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 36px;
position: relative;
}
.section_short_c .row_a ul li span::after {
background-color: #777777;
content: "";
height: 1px;
margin-right: 11px;
margin-top: -1px;
position: absolute;
right: 100%;
top: 50%;
width: 10px;
}
.section_short_c .row_b .asd {
margin-bottom: 36px;
}
.section_short_c .row_b .asd:last-child {
margin-bottom: 0;
}
.section_short_c .row_b .asd span {
display: block;
line-height: 1;
}
.section_short_c .row_b .asd span.label {
color: #333333;
font-size: 18px;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.section_short_c .row_b .asd span.date {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
}
.section_short_e {
clear: both;
float: left;
line-height: 1;
margin-bottom: 150px;
position: relative;
text-align: center;
width: 100%;
}
.section_short_e_bg {
background-color: #EA1728;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.section_short_e_content {
position: relative;
z-index: 20;
}
.section_short_e_content a {
color: #ffffff;
display: block;
font-size: 14px;
letter-spacing: 1px;
padding: 75px 0;
text-decoration: none;
text-transform: uppercase;
}
.section_short_e_content a span {
transition: all 0.3s ease 0s;
}
.section_short_e_content a:hover i {
margin-left: 10px;
}
.section_short_e_content a:hover span {
margin-left: 10px;
}
.section_short_f {
clear: both;
float: left;
margin-bottom: 150px;
position: relative;
width: 100%;
}
.owl-stage {
cursor: e-resize;
}
.section_short_f .member_holder {
border: 1px solid #eeeeee;
border-radius: 3px;
text-align: center;
width: 300px;
}
.section_short_f .member_holder_in {
padding: 50px;
}
.section_short_f .member_holder_in:last-child {
border-top: 1px solid #eeeeee;
padding: 30px;
}
.section_short_f .owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.section_short_f .member_holder .member_img {
margin-bottom: 28px;
}
.section_short_f .member_holder .member_img img {
border-radius: 100%;
}
.section_short_f .member_holder span.member_name {
color: #333333;
display: block;
font-size: 18px;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 11px;
}
.section_short_f .member_holder span.member_job {
color: #777777;
display: block;
font-size: 12px;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 25px;
text-transform: uppercase;
}
.section_short_f .social_icons ul {
list-style-type: none;
margin: 0 0 0 -6px;
}
.section_short_f .social_icons ul li {
display: inline-block;
margin-left: 6px;
}
.section_short_f .social_icons ul li a {
color: #999999;
text-decoration: none;
transition: none 0s ease 0s ;
}
.section_short_f .social_icons ul li a:hover {
color: #111111;
}
.section_short_f .member_holder span.phone {
color: #777777;
display: block;
font-size: 12px;
letter-spacing: 2px;
}
.owl-carousel .owl-dot.active span {
background-color: #EA1728;
}
.section_short_g {
clear: both;
float: left;
margin-bottom: 150px;
width: 100%;
}
.section_short_g_in {
clear: both;
float: left;
margin-bottom: 100px;
width: 100%;
}
.section_short_g_in:last-child {
margin-bottom: 0;
}
.section_short_g .collage_img {
box-sizing: border-box;
float: left;
margin-right: 50px;
position: relative;
width: 480px;
}
.section_short_g .collage_img img {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
display: block;
}
.section_short_g .collage_img img.one {
clear: both;
margin-left: 57px;
z-index: 5;
}
.section_short_g .collage_img img.two {
margin-left: 240px;
margin-top: -280px;
position: relative;
z-index: 10;
}
.section_short_g .collage_img img.three {
margin-top: -135px;
position: relative;
z-index: 15;
}
.section_short_g .collage_title {
box-sizing: border-box;
display: table;
float: right;
padding: 0 20px;
width: 200px;
}
.section_short_g .collage_title_in {
display: table-cell;
vertical-align: middle;
}
.section_short_g .collage_title > span {
color: #777777;
display: block;
font-size: 12px;
letter-spacing: 5px;
line-height: 1;
margin-bottom: 22px;
text-transform: uppercase;
}
.section_short_g .collage_title h3 {
color: #333333;
font-size: 36px;
font-weight: 200;
letter-spacing: 0.5px;
line-height: 1.2;
margin: 0 0 41px;
}
.section_short_g .collage_title h3 em {
font-family: "Playfair Display";
font-weight: 400;
}
.section_short_g .collage_title a {
border: 2px solid #333333;
border-radius: 3px;
color: #333333;
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
line-height: 1;
padding: 18px 33px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.section_short_g .collage_title a:hover {
background-color: #333333;
border-color: #333333;
color: #ffffff;
}
.section_short_g.edited .section_short_g_in[data-img-pos="left"] .collage_img {
float: inherit;
margin-bottom: 50px;
margin-right: 0;
width: 100%;
}
.section_short_g.edited .section_short_g_in[data-img-pos="left"] .collage_title {
float: inherit;
min-height: auto;
text-align: center;
width: 100%;
}
.section_short_g.edited .section_short_g_in[data-img-pos="right"] .collage_img {
float: inherit;
margin-bottom: 50px;
margin-right: 0;
width: 100%;
}
.section_short_g.edited .section_short_g_in[data-img-pos="right"] .collage_title {
float: inherit;
min-height: auto;
text-align: center;
width: 100%;
}
.section_short_g_in[data-img-pos="left"] .collage_img {
float: left;
margin-right: 50px;
width: auto;
}
.section_short_g_in[data-img-pos="left"] .collage_title {
float: right;
margin-right: 0;
}
.section_short_g_in[data-img-pos="right"] .collage_img {
float: right;
margin-left: 50px;
margin-right: 0;
}
.section_short_g_in[data-img-pos="right"] .collage_title {
float: left;
}
.section_short_i {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_gridbg {
width: 100%;
}
.bloodtool_fn_gridbg .overlay {
background-attachment: fixed;
background-color: rgba(0, 0, 0, 0.9);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.bloodtool_fn_gridbg .overlay > div {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
opacity: 0;
position: fixed;
transform: scale(1, 1);
transition: opacity 1s ease 0s, transform 4s ease 0s;
visibility: hidden;
width: 100%;
z-index: 5;
}
.bloodtool_fn_gridbg .overlay .one {
background-image: url("../img/gridbg/1.jpg");
}
.bloodtool_fn_gridbg .overlay .two {
background-image: url("../img/gridbg/2.jpg");
}
.bloodtool_fn_gridbg .overlay .three {
background-image: url("../img/gridbg/3.jpg");
}
.bloodtool_fn_gridbg .overlay .four {
background-image: url("../img/gridbg/4.jpg");
}
.bloodtool_fn_gridbg .overlay .five {
background-image: url("../img/gridbg/5.jpg");
}
.bloodtool_fn_gridbg .overlay .six {
background-image: url("../img/gridbg/6.jpg");
}
.bloodtool_fn_gridbg .overlay .seven {
background-image: url("../img/gridbg/7.jpg");
}
.bloodtool_fn_gridbg .overlay .eight {
background-image: url("../img/gridbg/8.jpg");
}
.bloodtool_fn_gridbg .overlay .nine {
background-image: url("../img/gridbg/9.jpg");
}
.bloodtool_fn_gridbg .overlay .ten {
background-image: url("../img/gridbg/10.jpg");
}
.bloodtool_fn_gridbg .overlay > div.opened {
opacity: 1;
transform: scale(1.1, 1.1);
visibility: visible;
}
.bloodtool_fn_gridbg_in {
box-sizing: border-box;
float: left;
height: auto;
padding-left: 80px;
position: relative;
width: 100%;
z-index: 50;
}
.bloodtool_fn_gridbg_in ul {
clear: both;
list-style-type: none;
margin: 0 0 0 -3.5%;
}
.bloodtool_fn_gridbg_in ul li {
border: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
float: left;
margin: 0 0 3.5% 3.5%;
position: relative;
width: 21.5%;
}
.bloodtool_fn_gridbg_in ul li:hover {
background-color: rgba(17, 17, 17, 0.9);
border-color: rgba(0, 0, 0, 0.2);
}
.bloodtool_fn_gridbg_in ul li > img {
height: 100%;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
position: relative;
width: 100%;
}
.bloodtool_fn_gridbg_in ul li .gridli {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
min-height: 250px;
width: 100%;
}
.bloodtool_fn_gridbg_in .aaa {
box-sizing: border-box;
clear: both;
float: left;
padding: 50px;
width: 100%;
}
.bloodtool_fn_gridbg_in .img_name {
background-color: rgba(0, 0, 0, 0);
bottom: 30px;
left: 30px;
padding-right: 30px;
position: absolute;
transition: all 0.5s ease 0s;
z-index: 20;
}
.bloodtool_fn_gridbg_in .img_name a {
border-radius: 4px;
color: #ffffff;
display: inline-block;
text-decoration: none;
}
.bloodtool_fn_gridbg_in .img_name span {
color: #ffffff;
display: inline-block;
font-size: 24px;
letter-spacing: 0.5px;
padding: 2px 8px;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_gridbg_in ul li .gridli:hover .img_name a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.bloodtool_fn_gridbg_in .img_icons {
display: block;
left: 40px;
line-height: 0;
opacity: 0;
position: absolute;
top: 40px;
transition: all 0.5s ease 0s;
visibility: hidden;
z-index: 20;
}
.bloodtool_fn_gridbg_in ul li .gridli:hover .img_icons {
opacity: 1;
visibility: visible;
}
.bloodtool_fn_gridbg_in .img_icons a {
color: #ffffff;
display: inline-block;
margin-right: 11px;
text-decoration: none;
}
.bloodtool_fn_gridbg_in .img_icons a:last-child {
margin-right: 0;
}
.bloodtool_fn_gridbg_in .img_icons svg {
display: block;
fill: currentcolor;
height: 20px;
width: 20px;
}
.bloodtool_fn_halfslide {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_halfslide .half_a {
box-sizing: border-box;
float: left;
height: auto;
padding-top: 40px;
position: relative;
width: 33.3333%;
}
.bloodtool_fn_halfslide .half_b {
float: left;
height: auto;
position: relative;
width: 66.6666%;
}
a.all_projects {
color: #777777;
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
padding-right: 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
a.all_projects i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -10px;
top: 0;
}
.bloodtool_fn_halfslide .half_b .flexslider ul.slides li {
position: relative;
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.one {
background-image: url("../img/halfslide/1.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.two {
background-image: url("../img/halfslide/2.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.three {
background-image: url("../img/halfslide/3.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.four {
background-image: url("../img/halfslide/4.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.five {
background-image: url("../img/halfslide/5.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .slides_bg.six {
background-image: url("../img/halfslide/6.jpg");
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons {
bottom: 39px;
display: block;
line-height: 0;
position: absolute;
right: 40px;
z-index: 20;
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons a {
color: #ffffff;
display: inline-block;
margin-right: 11px;
text-decoration: none;
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons a:last-child {
margin-right: 0;
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons svg {
display: block;
fill: currentcolor;
height: 20px;
width: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder {
bottom: 34px;
box-sizing: border-box;
padding-left: 39px;
padding-right: 100px;
position: absolute;
right: 100%;
width: 50%;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder h3 {
color: #333333;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 0;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav a {
background-color: rgba(0, 0, 0, 0);
bottom: 36px;
color: #333333;
height: 30px;
line-height: 30px;
margin: -15px 0 0;
top: auto;
width: 30px;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-prev {
left: auto;
margin-right: 64px;
right: 100%;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-next {
left: auto;
margin-right: 30px;
right: 100%;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav a::before {
color: #333333;
font-size: 36px;
font-weight: inherit;
}
.bloodtool_fn_notification {
border-radius: 2px;
clear: both;
margin-bottom: 20px;
position: relative;
width: 100%;
}
.bloodtool_fn_notification > .inner {
border: 1px solid #e2e6e7;
box-sizing: border-box;
min-height: 170px;
padding: 50px;
width: 100%;
}
.bloodtool_fn_notification > .inner > i {
background-color: rgba(0, 0, 0, 0);
border-radius: 100%;
display: inline-block;
float: left;
font-size: 24px;
line-height: 1.5;
margin-bottom: 10px;
margin-right: 30px;
padding: 17px 19px;
}
.bloodtool_fn_notification .title_holder h3 {
color: #111111;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
line-height: 1;
margin: 0 0 15px;
text-transform: uppercase;
}
.bloodtool_fn_notification .title_holder p {
color: #777777;
font-size: 14px;
letter-spacing: 1px;
line-height: 24px;
}
.bloodtool_fn_notification span.closer {
color: #777777;
cursor: pointer;
display: inline-block;
position: absolute;
right: 20px;
top: 20px;
}
.bloodtool_fn_notification.notice > .inner > i {
background-color: #ffc22f;
color: #a47503;
}
.bloodtool_fn_notification.success > .inner > i {
background-color: #9bdc7b;
color: #558502;
}
.bloodtool_fn_notification.alert > .inner > i {
background-color: #fd725b;
color: #bf270e;
}
.bloodtool_fn_notification.info > .inner > i {
background-color: #68d8fd;
color: #0787d4;
}
.accordion_title_holder h3 {
color: #333333;
font-size: 30px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.5;
margin: 0 0 40px;
}
.bloodtool_fn_accordion {
clear: both;
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
perspective: 500px;
position: relative;
}
.bloodtool_fn_accordion .accordion_in {
margin-bottom: 5px;
overflow: hidden;
position: relative;
z-index: 10;
}
.bloodtool_fn_accordion .accordion_in .acc_head {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #eeeeee;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: table;
position: relative;
width: 100%;
}
.bloodtool_fn_accordion .accordion_in .acc_head span {
color: #333333;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
padding: 16px 20px;
}
.bloodtool_fn_accordion .accordion_in .acc_head i {
border-left: 1px solid #eeeeee;
color: #777777;
display: table-cell;
font-size: 16px;
padding: 0 15px;
vertical-align: middle;
width: 10px;
}
.bloodtool_fn_accordion .accordion_in .acc_head i::before {
transition: transform 0.5s ease 0s;
}
.bloodtool_fn_accordion .accordion_in.acc_active .acc_head i::before {
transform: rotate(-180deg);
}
.bloodtool_fn_accordion .accordion_in .acc_content {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #eeeeee #eeeeee;
border-image: none;
border-radius: 2px;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #333333;
float: left;
padding: 20px;
position: relative;
}
.bloodtool_fn_accordion .accordion_in .acc_content .acc_img {
float: left;
margin-right: 30px;
}
.bloodtool_fn_accordion .accordion_in .acc_content p {
box-sizing: border-box;
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
}
.bloodtool_fn_accordion .accordion_in.acc_active > .acc_content {
display: block;
}
.bloodtool_fn_toggle_wrap {
clear: both;
margin-bottom: 20px;
perspective: 500px;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle {
list-style: outside none none;
margin: 0 0 5px;
overflow: hidden;
padding: 0;
position: relative;
z-index: 10;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_head {
background-color: #eeeeee;
border: 1px solid #e5e5e5;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: table;
position: relative;
width: 100%;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_head span {
color: #333333;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
padding: 16px 20px;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_head i {
border-left: 1px solid #e5e5e5;
color: #777777;
display: table-cell;
font-size: 16px;
padding: 0 15px;
vertical-align: middle;
width: 10px;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_head i::before {
transition: transform 0.5s ease 0s;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle.open .tog_head i::before {
transform: rotate(-180deg);
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_content {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #e5e5e5 #e5e5e5;
border-image: none;
border-radius: 2px;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #333333;
display: none;
float: left;
padding: 20px;
position: relative;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_content .tog_img {
float: left;
margin-right: 30px;
}
.bloodtool_fn_toggle_wrap .bloodtool_fn_toggle .tog_content p {
box-sizing: border-box;
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
}
.bloodtool_fn_tabs ul.etabs {
list-style-type: none;
}
.bloodtool_fn_tabs ul.etabs li {
display: inline-block;
margin-right: -5px;
}
.bloodtool_fn_tabs ul.etabs li a {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #eeeeee;
color: #333333;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
margin-bottom: -1px;
padding: 10px 20px;
text-decoration: none;
}
.bloodtool_fn_tabs ul.etabs li a.active {
border-bottom-color: #ffffff;
border-top-color: #EA1728;
}
.bloodtool_fn_tabs .tabcontent {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #eeeeee;
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5;
padding: 30px;
}
.bloodtool_fn_tabs[data-x-pos="center"] ul.etabs {
text-align: center;
}
.bloodtool_fn_tabs[data-x-pos="right"] ul.etabs {
text-align: right;
}
.bloodtool_fn_tabs[data-x-pos="right"] ul.etabs li {
margin-left: -5px;
margin-right: 0;
}
.bloodtool_fn_tabs[data-skin="dark"] ul.etabs li a {
background: #333333 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
}
.bloodtool_fn_tabs[data-skin="dark"] ul.etabs li a.active {
background: #222222 none repeat scroll 0 0;
}
.bloodtool_fn_tabs[data-skin="dark"] .tabcontent {
background: #222222 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
}
.twentytwenty-wrapper {
position: relative;
z-index: 10;
}
.twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
content: "";
display: block;
position: absolute;
z-index: 30;
}
.twentytwenty-overlay {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.twentytwenty-before-label, .twentytwenty-after-label {
color: #ffffff;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
position: absolute;
text-transform: uppercase;
top: 0;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
transition-duration: 0.5s;
}
.twentytwenty-before-label, .twentytwenty-after-label {
transition-property: opacity;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
border: 6px inset rgba(0, 0, 0, 0);
height: 0;
position: absolute;
width: 0;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
margin-top: -6px;
top: 50%;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-moz-user-select: none;
box-sizing: content-box;
overflow: hidden;
position: relative;
z-index: 0;
}
.twentytwenty-container img {
display: block;
max-width: 100%;
position: absolute;
top: 0;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active .twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay:hover .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-horizontal .twentytwenty-before-label {
bottom: 10px;
left: 15px;
right: auto;
top: auto;
}
.twentytwenty-horizontal .twentytwenty-after-label {
bottom: 10px;
left: auto;
right: 15px;
top: auto;
}
.twentytwenty-vertical .twentytwenty-before-label {
left: 15px;
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 10px;
left: 15px;
top: auto;
}
.twentytwenty-overlay {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
transition-property: background;
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
background: #ffffff none repeat scroll 0 0;
border-radius: 1000px;
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
cursor: pointer;
height: 30px;
left: 50%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
top: 50%;
width: 30px;
z-index: 40;
}
.twentytwenty-left-arrow {
border-right: 6px solid #111111;
left: 50%;
margin-left: -14px;
}
.twentytwenty-right-arrow {
border-left: 6px solid #111111;
margin-right: -14px;
right: 50%;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #111111;
margin-top: -14px;
top: 50%;
}
.twentytwenty-down-arrow {
border-top: 6px solid #111111;
bottom: 50%;
margin-bottom: -14px;
}
.bloodtool_fn_row_span {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_row_span span.label {
color: #333333;
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 10px 0;
}
.bloodtool_fn_row_span p {
color: #777777;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.7;
}
.bloodtool_fn_testimonails {
clear: both;
height: auto;
position: relative;
width: 100%;
}
.bloodtool_fn_testimonails .testimonials {
margin: 0 auto;
max-width: 600px;
}
.bloodtool_fn_testimonails .item {
box-sizing: border-box;
padding: 0 10px;
text-align: center;
width: 100%;
}
.bloodtool_fn_testimonails .item img {
border-radius: 100%;
display: inline-block;
height: 100px;
margin-bottom: 20px;
width: 100px;
}
.bloodtool_fn_testimonails .item p {
color: #777777;
font-size: 16px;
font-style: italic;
letter-spacing: 0.5px;
line-height: 1.7;
margin-bottom: 17px;
}
.bloodtool_fn_testimonails .item h3 {
color: #333333;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 1px;
}
.bloodtool_fn_testimonails .item span {
color: #777777;
font-size: 12px;
letter-spacing: 2px;
line-height: 1;
text-transform: uppercase;
}
.bloodtool_fn_testimonails .prev_next_btn a {
color: #777777;
font-size: 40px;
margin-top: -30px;
position: absolute;
top: 50%;
}
.bloodtool_fn_testimonails .prev_next_btn a.prev {
left: 0;
}
.bloodtool_fn_testimonails .prev_next_btn a.next {
right: 0;
}
.bloodtool_fn_testimonails .prev_next_btn a i::before {
margin-left: 0;
margin-right: 0;
width: auto;
}
.bloodtool_fn_team_carousel {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_team_carousel .box_wrap {
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 40px;
width: 400px;
}
.bloodtool_fn_team_carousel .box_wrap .box {
height: auto;
width: 100%;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title {
display: table;
height: auto;
margin-bottom: 23px;
min-height: 100px;
position: relative;
width: 100%;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .img {
float: left;
height: 100px;
width: 100px;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .img img {
border-radius: 100%;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .title_holder {
display: table-cell;
vertical-align: middle;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .title_holder h3 {
color: #333333;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin-bottom: 6px;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .title_holder span {
color: #777777;
font-size: 12px;
letter-spacing: 2px;
line-height: 1;
text-transform: uppercase;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_content {
height: auto;
width: 100%;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_content p {
color: #777777;
font-size: 16px;
font-style: italic;
letter-spacing: 0.5px;
line-height: 1.7;
}
.bloodtool_fn_contact {
float: left;
height: auto;
padding: 50px 0;
width: 100%;
}
.bloodtool_fn_contact_form_wrap {
display: table;
height: auto;
width: 100%;
}
.bloodtool_fn_contact_form_wrap > .contact_form {
vertical-align: middle;
}
.contact_form .empty_notice {
color: #ff0000;
display: none;
position: relative;
}
.contact_form .returnmessage {
display: none;
position: relative;
}
.contact_form .returnmessage span {
color: #009900;
display: block;
}
.contact_form .returnmessage span.contact_error {
color: #ff0000;
}
.bloodtool_fn_form {
margin: 0 auto;
padding: 00px 0;
position: relative;
width: 100%;
}
.bloodtool_fn_form {
height: auto;
width: 100%;
}
.book_online label span {
color: #ff0004;
}
.bloodtool_fn_form h3 {
color: #111111;
font-size: 25px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1;
margin: 0 0 10px;
}
.bloodtool_fn_form > p {
color: #777777;
display: block;
font-size: 15px;
letter-spacing: 1px;
line-height: 1.6;
margin-bottom: 50px;
max-width: 500px;
}
.bloodtool_fn_form form input[type="text"] {
min-width: 100%;
width: 100%;
}
.bloodtool_fn_form form input[type="text"], .bloodtool_fn_form form textarea {
background-color: #ffffff !important;
border-color: #eeeeee !important;
color: #111111;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.bloodtool_fn_form form input[type="text"]:focus, .bloodtool_fn_form form input[type="text"]:hover, .bloodtool_fn_form form textarea:focus, .bloodtool_fn_form form textarea:hover {
border-color: #111111 !important;
}
.bloodtool_fn_form form .your-message {
clear: both;
}
.bloodtool_fn_form form input, .bloodtool_fn_form form textarea {
background-color: #ffffff;
border: 1px solid #eeeeee;
}
.bloodtool_fn_form form input:focus, .bloodtool_fn_form form textarea:focus {
border: 1px solid #eeeeee;
}
.bloodtool_fn_form form > div {
margin-bottom: 20px;
}
.bloodtool_fn_form form *:last-child {
margin-bottom: 0;
}
.bloodtool_fn_form form input[type="button"] {
background-color: #ffffff;
border: 2px solid #EA1728;
color: #111111;
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
padding: 18px 40px;
text-transform: uppercase;
}
.bloodtool_fn_form form input[type="button"]:hover {
background-color: #EA1728;
color: #ffffff;
}
.bloodtool_fn_contact .google_map {
height: 700px;
width: 100%;
}
.bloodtool_fn_contact .google_map iframe {
display: block;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
pointer-events: none;
position: relative;
}
.bloodtool_fn_contact .google_map iframe.clicked {
pointer-events: auto;
}
.bloodtool_fn_blog_wrap {
box-sizing: border-box;
float: left;
height: auto;
padding: 100px 0;
width: 100%;
}
.bloodtool_fn_blog_list {
float: left;
height: auto;
margin-bottom: 70px;
width: 100%;
}
.bloodtool_fn_blog_list:last-child {
margin-bottom: 0;
}
.bloodtool_fn_blog_list .img {
float: left;
height: auto;
width: 50%;
}
.bloodtool_fn_blog_list .img a {
display: block;
text-decoration: none;
}
.bloodtool_fn_blog_list .img img {
border-radius: 3px;
}
.bloodtool_fn_blog_list .blog_wrap {
box-sizing: border-box;
display: table;
float: left;
height: 426px;
padding: 0 5%;
width: 50%;
}
.bloodtool_fn_blog_wrap .blog {
display: table-cell;
vertical-align: middle;
}
.bloodtool_fn_blog_wrap .title_holder {
height: auto;
margin-bottom: 20px;
width: 100%;
}
.bloodtool_fn_blog_wrap .title_holder h3 {
font-weight: 400;
line-height: 1.2;
}
.bloodtool_fn_blog_wrap .title_holder h3 a {
color: #111111;
font-size: 30px;
letter-spacing: 1px;
margin-bottom: 20px;
text-decoration: none;
}
.bloodtool_fn_blog_wrap .title_holder span {
color: #EA1728;
font-size: 14px;
margin-left: -4px;
}
.bloodtool_fn_blog_wrap .title_holder span a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #EA1728;
margin: 0 4px;
padding-bottom: 3px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_blog_wrap .title_holder a:hover {
border-bottom-color: #EA1728;
}
.bloodtool_fn_blog_wrap .blog .view_all a {
color: #777777;
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
padding-right: 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.bloodtool_fn_blog_wrap .blog .view_all a i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -10px;
top: 0;
}
.bloodtool_fn_blog_wrap .blog .view_all a:hover i {
right: -20px;
}
.bloodtool_fn_blog_wrap .info {
height: auto;
margin-bottom: 25px;
width: 100%;
}
.bloodtool_fn_blog_wrap .info p {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.6;
}
.bloodtool_fn_blog_wrap .next a {
color: #777777;
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
padding-right: 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.bloodtool_fn_blog_wrap .next a i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -10px;
top: 0;
}
.bloodtool_fn_blog_wrap .next a:hover i {
right: -20px;
}
.bloodtool_fn_blog_wrap .image {
height: auto;
margin-bottom: 30px;
width: 100%;
}
.bloodtool_fn_blog_wrap .info p {
display: block;
margin-bottom: 15px;
}
.bloodtool_fn_blog_wrap .info p:last-child {
margin-bottom: 0;
}
.bloodtool_fn_blog_wrap .next {
clear: both;
}
.bloodtool_fn_blog_list[data-img-pos="left"] .img {
float: left;
}
.bloodtool_fn_blog_list[data-img-pos="left"] .blog_wrap {
float: left;
}
.bloodtool_fn_blog_list[data-img-pos="right"] .img {
float: right;
}
.bloodtool_fn_blog_list[data-img-pos="right"] .blog_wrap {
float: left;
}
.bloodtool_fn_secondblog_list > .inner, .bloodtool_fn_secondblog_list {
clear: both;
float: left;
height: auto;
width: 100%;
}
.bloodtool_fn_secondblog_list ul {
list-style-type: none;
margin: 0 0 0 -70px;
}
.bloodtool_fn_secondblog_list ul li {
box-sizing: border-box;
float: left;
margin-bottom: 70px;
padding-left: 70px;
width: 50%;
}
.bloodtool_fn_secondblog_list ul li .item {
float: left;
width: 100%;
}
.bloodtool_fn_secondblog_list .item .img_holder {
margin-bottom: 55px;
}
.bloodtool_fn_secondblog_list .item .img_holder a {
display: block;
text-decoration: none;
}
.bloodtool_fn_secondblog_list .item .img_holder img {
border-radius: 3px;
}
.bloodtool_fn_secondblog_list .item .title_holder {
height: auto;
margin-bottom: 20px;
width: 100%;
}
.bloodtool_fn_secondblog_list .item .title_holder h3 {
font-weight: 400;
line-height: 1.2;
}
.bloodtool_fn_secondblog_list .item .title_holder h3 a {
color: #111111;
font-size: 30px;
letter-spacing: 1px;
margin-bottom: 20px;
text-decoration: none;
}
.bloodtool_fn_secondblog_list .item .title_holder span {
color: #EA1728;
font-size: 14px;
margin-left: -4px;
}
.bloodtool_fn_secondblog_list .item .title_holder span a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #EA1728;
margin: 0 4px;
padding-bottom: 3px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.bloodtool_fn_secondblog_list .item .title {
margin-bottom: 20px;
}
.bloodtool_fn_secondblog_list .item .title_holder a:hover {
border-bottom-color: #EA1728;
}
.bloodtool_fn_secondblog_list .item .view_all a {
color: #777777;
display: inline-block;
font-size: 15px;
letter-spacing: 1px;
padding-right: 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.bloodtool_fn_secondblog_list .item .view_all a i {
font-size: 20px;
line-height: 0;
position: absolute;
right: -10px;
top: 0;
}
.bloodtool_fn_secondblog_list .item .view_all a:hover i {
right: -20px;
}
.bloodtool_fn_secondblog_list .item .info {
height: auto;
margin-bottom: 25px;
width: 100%;
}
.bloodtool_fn_secondblog_list .item .info p {
color: #777777;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.6;
}
.bloodtool_fn_secondblog_list.mycover ul li {
width: 100%;
}
.bloodtool_fn_secondblog_list.bordered .item {
border: 1px solid #aaaaaa;
border-radius: 3px;
box-sizing: border-box;
padding: 40px 30px;
width: 100%;
}
a.totop {
background: #888888 none repeat scroll 0 0;
border-radius: 2px;
bottom: 10px;
color: #ffffff;
height: 30px;
line-height: 30px;
opacity: 0;
overflow: hidden;
position: fixed;
right: 10px;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 30px;
z-index: 999;
}
a.totop i::before {
font-size: 18px;
left: 50%;
margin: -9px 0 0 -9px;
position: absolute;
top: 50%;
transform: rotate(180deg);
transition: all 0.5s ease 0s;
}
a.totop.opened {
opacity: 1;
visibility: visible;
}
@media (max-width: 1700px) {
.bloodtool_fn_gridbg_in ul li {
width: 21.5%;
}
}
@media (max-width: 1366px) {
.bloodtool_fn_gridbg_in ul li {
width: 29.8333%;
}
}
@media (max-width: 1200px) {
.bloodtool_fn_halfslide .half_a {
width: 40%;
}
.bloodtool_fn_halfslide .half_b {
width: 60%;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder {
width: 66.6666%;
}
.bloodtool_fn_secondary_wrap .photer_full_info {
margin-top: 30px;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
font-size: 28px;
}
.bloodtool_fn_secondary_wrap .photer_full_info p {
margin-bottom: 30px;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons {
margin-bottom: 35px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder {
padding-right: 0;
}
.section_q.second_single .project_img_list[data-cols="three"] ul {
margin: 0 0 0 -2%;
}
.section_q.second_single .project_img_list[data-cols="three"] ul li {
margin: 0 0 2% 2%;
width: 48%;
}
.bloodtool_fn_form h3 {
font-size: 34px;
}
}
@media (max-width: 1120px) {
.section_q .customer {
width: 36%;
}
.section_q .project_img_list {
width: 58%;
}
.section_q.second_single .customer .labels {
width: 36%;
}
.section_q.second_single .customer .info {
width: 58%;
}
.bloodtool_fn_gridbg_in ul li {
width: 46.5%;
}
}
@media (max-width: 1078px) {
.section_q .customer {
margin: 0 0 50px !important;
width: 100%;
}
.section_q .project_img_list {
width: 100%;
}
.section_q .customer .details {
margin-bottom: 0;
}
.section_q .customer .labels {
float: left;
margin-right: 6%;
width: 44%;
}
.section_q .customer .info {
float: left;
width: 50%;
}
.section_q.second_single .customer .labels {
width: 44%;
}
.section_q.second_single .customer .info {
width: 50%;
}
.section_q.third_single .customer .details {
margin-bottom: 30px;
}
.bloodtool_fn_equal_project ul li {
width: 48%;
}
.section_short_a .img_info {
padding: 0 30px;
}
.mypie {
padding: 0 50px;
width: 50%;
}
}
@media (max-width: 1040px) {
.second_type_of_project .project_title {
bottom: 10px;
left: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder {
bottom: 14px;
padding-left: 19px;
}
.bloodtool_fn_halfslide .half_a {
padding-top: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons {
bottom: 19px;
right: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav a {
bottom: 18px;
}
.section_short_b_in .row_a {
margin-bottom: 30px;
width: 100%;
}
.section_short_b_in .row_b {
width: 100%;
}
.section_short_c .row_a {
width: 50%;
}
.section_short_c .row_b {
width: 50%;
}
.section_short_c .row_a ul li {
width: 100%;
}
.bloodtool_fn_secondary_wrap .about_msg span.text {
display: block;
font-size: 20px;
margin-bottom: 20px;
padding-right: 0;
}
.bloodtool_fn_secondary_wrap .about_msg a.bloodtool_fn_btn {
float: inherit;
margin-bottom: 10px;
}
}
@media (max-width: 979px) {
.bloodtool_fn_gridbg_in .img_name span {
font-size: 18px;
}
.bloodtool_fn_halfslide .half_a {
position: absolute;
width: 100%;
z-index: 10;
}
.bloodtool_fn_halfslide .half_b {
width: 100%;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder {
padding-right: 20px;
right: auto;
width: 50%;
z-index: 10;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder h3 {
color: #ffffff;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-next {
color: #ffffff;
left: 50%;
margin-left: 50px;
right: auto;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-next::before {
color: #ffffff;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-prev::before {
color: #ffffff;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-prev {
color: #ffffff;
left: 50%;
right: auto;
}
.bloodtool_fn_secondary_wrap .photer_img {
margin-right: 0;
min-height: auto;
width: 100%;
}
.bloodtool_fn_secondary_wrap .photer_full_info {
margin-top: 50px;
padding: 0;
width: 100%;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
margin-bottom: 20px;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
font-size: 30px;
}
.bloodtool_fn_secondary_wrap .photer_full_info p {
margin-bottom: 20px;
}
.bloodtool_fn_secondary_wrap .photer_full_info .social_icons {
margin-bottom: 20px;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder h3 {
font-size: 48px;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder span {
font-size: 16px;
}
.bloodtool_fn_secondary_wrap .photer_box {
margin-bottom: 50px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder h2 {
margin-bottom: 17px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder {
margin-bottom: 30px;
padding-right: 50px;
width: 44%;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder:last-child {
margin-bottom: 0;
}
.bloodtool_fn_secondary_wrap .about_msg {
padding: 40px 0;
}
.bloodtool_fn_secondary_wrap .photer_knowledge {
margin-bottom: 50px;
}
.bloodtool_fn_secondary_wrap .about_msg {
margin-bottom: 50px;
}
.bloodtool_fn_secondary_wrap_in {
margin-top: 50px;
}
.section_short_a .img_holder {
width: 100%;
}
.section_short_a .img_info {
height: auto;
padding: 50px 20px 0;
width: 100%;
}
.mypie {
padding: 0 30px;
}
.bloodtool_fn_testimonails .testimonials {
max-width: 500px;
}
.bloodtool_fn_form h3 {
font-size: 28px;
}
.bloodtool_fn_form > p {
font-size: 15px;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.bloodtool_fn_secondblog_list ul li {
width: 100%;
}
.prevnext .all, .prevnext ul li .hover_img {
display: none;
}
.bloodtool_fn_main_slider .title_holder {
bottom: 29px;
left: 40px;
}
.bloodtool_fn_main_slider .title_holder h2 {
font-size: 24px;
}
.bloodtool_fn_main_slider .purchase {
bottom: 75px;
left: 40px;
}
.bloodtool_fn_vertical_menu {
display: none;
}
.bloodtool_fn_horizontal_menu {
display: block;
}
.bloodtool_fn_content_in {
float: left;
padding-left: 0;
}
.bloodtool_fn_fluid_wrap {
margin-left: 0;
}
.bloodtool_fn_secondary_wrap .project_title h3 {
font-size: 36px;
}
.bloodtool_fn_secondary_wrap .project_title {
bottom: 10px;
margin-bottom: 50px;
}
.bloodtool_fn_secondary_wrap .breadcrumbs p {
margin-bottom: 40px;
}
ul.project_list {
margin-left: 0;
}
ul.project_list li {
margin-left: 0;
width: 100%;
}
.aaaabbbb {
margin-bottom: 50px;
}
.second_type_of_project {
margin-bottom: 50px;
}
.third_type_of_project {
margin-bottom: 50px;
padding-left: 0;
}
.section_q .customer .labels {
margin-left: 0;
width: 100%;
}
.section_q .customer .info {
width: 100%;
}
.section_q .customer ul > li span.span1 {
width: 50%;
}
.section_q .customer .details {
margin-bottom: 30px;
}
.project_img_list ul {
margin-top: -20px;
}
.project_img_list ul li {
margin-top: 20px;
}
.section_q {
margin-bottom: 50px;
}
.prevnext {
margin-bottom: 50px;
padding: 30px 0;
}
.prevnext ul li span.text {
display: none;
}
.last_section .aaaabbbb ul li {
margin-bottom: 6%;
}
.last_section .aaaabbbb ul li:last-child {
margin-bottom: 0;
}
.section_q.second_single .customer .labels {
margin-right: 0;
width: 100%;
}
.section_q.second_single .customer .info {
width: 100%;
}
.section_q.second_single .customer ul > li span.span1 {
width: 50%;
}
.section_q .customer .details {
margin-bottom: 30px;
}
.section_q.second_single .project_img_list[data-cols="two"] ul {
margin: 0 !important;
}
.section_q.second_single .project_img_list[data-cols="two"] ul li {
margin: 0 0 2%;
width: 100%;
}
.section_q.second_single .project_img_list[data-cols="three"] ul {
margin: 0 !important;
}
.section_q.second_single .project_img_list[data-cols="three"] ul li {
margin: 0 0 2%;
width: 100%;
}
.section_q.third_single .customer {
margin-bottom: 0 !important;
}
.section_q.third_single {
margin-bottom: 50px;
}
.section_q.seventh_single {
margin-bottom: 50px;
}
.bloodtool_fn_gridbg_in {
padding-left: 0;
}
.bloodtool_fn_gridbg_in .aaa {
padding: 40px;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder h3 {
font-size: 30px;
}
.bloodtool_fn_secondary_wrap .photer_img .title_holder span {
font-size: 12px;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
font-size: 24px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge {
margin-left: 0;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder {
margin-left: 0;
width: 100%;
}
.bloodtool_fn_secondary_wrap .about_msg p {
font-size: 24px;
}
.section_short_a .img_info .title_holder h3 {
font-size: 26px;
margin-bottom: 20px;
}
.section_short_a .img_info .title_holder {
margin-bottom: 20px;
}
.section_short_a {
margin-bottom: 50px;
}
.section_short_b_in {
padding: 30px 0;
}
.section_short_b {
margin-bottom: 50px;
}
.section_short_c {
margin-bottom: 50px;
}
.section_short_c h3 {
margin-bottom: 20px;
}
.section_short_c .row_b .asd {
margin-bottom: 20px;
}
.bloodtool_fn_full_width_container .content_holder {
padding: 0 20px;
}
.bloodtool_fn_full_width_container .content_holder h3 {
font-size: 28px;
}
.section_short_e_content a {
padding: 40px 0;
}
.section_short_i .bloodtool_fn_main_img_holder {
width: 400px;
}
.bloodtool_fn_notification > .inner {
min-height: 140px;
padding: 50px;
}
.mypie {
padding: 0 10px;
}
.accordion_title_holder h3 {
font-size: 26px;
margin-bottom: 20px;
}
.bloodtool_fn_search {
padding-left: 0;
}
.bloodtool_fn_search .search_box {
border-color: #222222;
padding: 60px 40px;
}
.bloodtool_fn_search .search_box_in .form input {
font-size: 18px;
width: 300px;
}
.bloodtool_fn_search .search_box_in .form .icon {
bottom: 10px;
}
.bloodtool_fn_share .share_box {
padding: 30px 40px;
width: 400px;
}
.bloodtool_fn_share .share_box_in h3 {
margin-bottom: 20px;
}
.bloodtool_fn_share {
padding-left: 0;
}
.bloodtool_fn_share .share_box {
border-color: #222222;
}
.bloodtool_fn_form h3 {
font-size: 32px;
margin-bottom: 10px;
}
.bloodtool_fn_contact .google_map {
margin-bottom: 30px;
}
a.totop {
background-color: #111111;
color: #ffffff;
}
.bloodtool_fn_blog_list {
margin-bottom: 50px;
}
.bloodtool_fn_blog_list .img {
margin-bottom: 30px;
width: 100%;
}
.bloodtool_fn_blog_list .blog_wrap {
min-height: auto;
padding: 0;
width: 100%;
}
}
@media (max-width: 650px) {
.bloodtool_fn_equal_project ul li {
margin-left: 0;
width: 100%;
}
.bloodtool_fn_equal_project ul {
margin-left: 0;
}
.section_short_b_in .row_b_a {
margin-bottom: 30px;
width: 100%;
}
.section_short_b_in .row_b_b:last-child {
margin-bottom: 0;
}
.section_short_b_in .row_b_b {
width: 100%;
}
.section_short_i .bloodtool_fn_main_img_holder {
width: 350px;
}
.bloodtool_fn_testimonails .testimonials {
max-width: 400px;
}
}
@media (max-width: 600px) {
.bloodtool_fn_gridbg_in .aaa {
padding: 30px;
}
.bloodtool_fn_gridbg_in .img_name span {
font-size: 24px;
}
.bloodtool_fn_gridbg_in ul li {
margin-left: 0;
width: 100%;
}
.bloodtool_fn_gridbg_in ul {
margin-left: 0;
}
.section_short_c .row_a {
margin-bottom: 20px;
width: 100%;
}
.section_short_c .row_b {
width: 100%;
}
.section_short_c .row_a ul li {
width: 50%;
}
.mypie {
padding: 0 80px;
width: 100%;
}
.bloodtool_fn_testimonails .testimonials {
max-width: 360px;
}
.bloodtool_fn_team_carousel .box_wrap {
padding: 30px;
width: 360px;
}
}
@media (max-width: 550px) {
.bloodtool_fn_horizontal_menu .profile_res_info .info {
width: 100%;
}
.bloodtool_fn_horizontal_menu .profile_res_info .profile_img {
min-height: auto;
width: 100%;
}
}
@media (max-width: 500px) {
.section_short_c .row_a ul li {
width: 100%;
}
.mypie {
padding: 0 20px;
}
.bloodtool_fn_team_carousel .box_wrap {
width: 300px;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .title_holder {
padding-left: 0;
text-align: center;
}
}
@media (max-width: 480px) {
.bloodtool_fn_secondary_wrap .about_msg {
text-align: center;
}
.bloodtool_fn_accordion .accordion_in .acc_content .acc_img {
float: none;
margin: 20px 0;
text-align: center;
}
.bloodtool_fn_testimonails .prev_next_btn {
display: none;
}
.bloodtool_fn_main_slider .title_holder {
bottom: 31px;
left: 20px;
}
.bloodtool_fn_main_slider .title_holder h2 {
font-size: 18px;
}
.bloodtool_fn_main_slider .purchase {
bottom: 70px;
left: 20px;
}
.bloodtool_fn_main_img_holder .img_icons svg {
height: 16px;
width: 16px;
}
.bloodtool_fn_main_img_holder .img_name span {
font-size: 15px;
}
.bloodtool_fn_main_img_holder .img_icons {
bottom: 17px;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next a {
font-size: 14px;
}
.bloodtool_fn_secondary_wrap .aaaabbbb .next a i {
font-size: 18px;
right: -5px;
top: 1px;
}
.bloodtool_fn_secondary_wrap .project_title h3 {
font-size: 24px;
}
.second_type_of_project {
height: 400px;
}
.second_type_of_project .project_title {
bottom: 5px;
left: 10px;
}
.third_type_of_project .project_title {
bottom: 5px;
}
.section_q .customer ul > li span.span1 {
width: 120px;
}
.section_q.second_single .customer ul > li span.span1 {
width: 120px;
}
.bloodtool_fn_gridbg_in .aaa {
padding: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder {
padding-left: 9px;
}
.bloodtool_fn_halfslide .half_b .flexslider .img_icons {
bottom: 19px;
right: 10px;
}
.bloodtool_fn_halfslide .half_b .flexslider .title_holder h3 {
font-size: 24px;
}
.flex-direction-nav a::before {
font-size: 22px !important;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav a {
height: 20px;
line-height: 20px;
width: 20px;
}
.bloodtool_fn_halfslide .half_b .flexslider .flex-direction-nav .flex-next {
margin-left: 30px;
}
.bloodtool_fn_secondary_wrap .photer_full_info h3 {
font-size: 20px;
line-height: 29px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder h1 {
font-size: 36px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder h2 {
font-size: 20px;
}
.bloodtool_fn_secondary_wrap .photer_knowledge .title_holder {
padding-right: 0;
}
.bloodtool_fn_secondary_wrap .about_msg p {
font-size: 20px;
}
.section_short_a .img_info {
padding: 50px 10px 0;
}
.section_short_a .img_info .title_holder h3 {
font-size: 24px;
}
.section_short_b_in {
padding: 15px 0;
}
.bloodtool_fn_full_width_container .content_holder h3 {
font-size: 24px;
line-height: 1.4;
}
.bloodtool_fn_full_width_container .content_holder {
padding: 0 10px;
}
.section_short_e_content a {
font-size: 13px;
}
.section_short_i .bloodtool_fn_main_img_holder {
width: 300px;
}
.bloodtool_fn_notification > .inner {
padding: 50px 20px 20px;
}
.mypie {
padding: 0 10px;
}
.bloodtool_fn_testimonails .item p {
font-size: 15px;
letter-spacing: 1px;
line-height: 1.4;
}
.bloodtool_fn_team_carousel .box_wrap {
width: 240px;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_content p {
font-size: 15px;
letter-spacing: 1px;
line-height: 1.4;
text-align: left;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .img {
float: none;
margin: 0 auto 20px;
}
.bloodtool_fn_team_carousel .box_wrap .box .info_title .title_holder {
float: left;
width: 100%;
}
.bloodtool_fn_search .search_box_in .form input {
width: auto;
}
.bloodtool_fn_search .search_box {
padding: 40px 30px;
}
.bloodtool_fn_share .share_box {
padding: 30px 40px;
width: 200px;
}
.bloodtool_fn_share .share_box_in ul li {
display: block;
width: 100%;
}
.bloodtool_fn_share .share_box_in h3 {
font-size: 15px;
}
.bloodtool_fn_horizontal_menu .logo {
text-align: center;
width: 100%;
}
.bloodtool_fn_horizontal_menu .menu_list {
text-align: center;
width: 100%;
}
.bloodtool_fn_form h3 {
font-size: 24px;
}
.bloodtool_fn_form > p {
font-size: 14px;
}
.bloodtool_fn_form form input[type="button"] {
width: 100%;
}
.bloodtool_fn_blog_list .blog .title_holder h3 {
line-height: 1;
}
.bloodtool_fn_blog_list .blog .title_holder h3 a {
font-size: 24px;
}
.details_popup {
padding: 50px 30px;
}
}
@media (max-width: 350px) {
.second_type_of_project {
height: 300px;
}
.bloodtool_fn_team_carousel .box_wrap {
width: 200px;
}
.section_short_i .bloodtool_fn_main_img_holder {
width: 250px;
}
.details_popup table td {
clear: both;
float: left;
padding: 5px 0;
}
.details_popup table td.label {
color: #f1f1f1;
}
}
.photolane_fn_vertical_menu[data-bg-color="light"] .photolane_fn_leftbar ul li a {
color: #333333;
}
.single-contact {
margin-bottom: 23px;
text-align:center;
}
.single-contact img{text-align:center; margin-bottom:13px;}
.single-contact p{
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
margin-bottom: 0px;
text-align:center;
}
.contact_detail{width:100%; margin:0px; padding:50px 0px 50px 0px; background-color:#F4F3EF;}
.dealer_wrap{width:100%; margin:0px; padding:0px; background-color:#fff;}
.container-center {
margin: 10% auto 0;
max-width: 400px;
padding: 20px;
}
.panel-bd, .panel-primary, .panel-success, .panel-info, .panel-warning, .panel-danger, .panel-inverse {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
cursor: pointer;
}
.panel-bd .panel-heading::before {
border-right: 12px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
}
.panel-bd > .panel-heading {
background-color: #f4f9f3;
border-color: #dedada;
color: #374767;
padding: 10px;
position: relative;
}
.view-header {
margin: 10px 0;
}
.view-header .header-icon {
color: #009688;
float: left;
font-size: 60px;
line-height: 0;
margin-top: -8px;
width: 68px;
}
.view-header .header-title {
margin-left: 68px;
}
.dealer_btn{padding:7px 50px; border:1px solid #777; color:#777; text-align:center; font-size:16px; font-weight:600; background-color:#fff;}
.dealer_btn:hover{background-color:#ea1728; color:#fff; border:1px solid #ea1728;}
.bloodtool_career_wrap{width:100%; margin:0px; padding:20px 0px;}
.bloodtool_career_pointlist{margin-bottom:30px; padding:0px;}
.bloodtool_career_pointlist ul{margin:0px; padding:0px; list-style-type:none;}
.bloodtool_career_pointlist ul li{margin-bottom:7px;
color: #777777;
display: block;
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
margin-bottom: 15px;
position:relative;
padding-left:26px;
background-repeat:no-repeat; background-position:left top; background-image: url("../img/exit.png");
}
.bloodtool_career_info p {
color: #777777;
display: block;
font-size: 15px;
letter-spacing: 1px;
line-height: 25px;
margin-top:15px;
}
.bloodtool_career_info p a {
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: #ea1728;
padding-bottom: 3px;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.dropify-wrapper {
background-color: #f6fafe;
background-image: none;
border: 1px dashed #a8c6e1;
border-radius: 10px;
color: #777777;
cursor: pointer;
display: block;
font-size: 14px;
height: 200px;
line-height: 22px;
max-width: 100%;
overflow: hidden;
padding: 5px 10px;
position: relative;
text-align: center;
width: 100%;
margin-top:35px; margin-bottom:20px;
}
.dropify-wrapper .dropify-message {
left: 50%;
position: relative;
top: 50%;
transform: translate(-50%, -50%);
}
.dropify-wrapper .dropify-message p {
color: #555555;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: 200;
margin: 5px 0 0;
text-align: center;
}
.dropify-wrapper input {
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 5;
}
.dropify-wrapper img {
margin-bottom: 20px;
}
.dropify-wrapper h1 {
color: #555555;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
margin: 0;
}
.breadcrumb {
background-color: #e5e9ec;
border-radius: 0;
margin: 0;
padding: 0;
width: 100%;
}
.company_path {
margin: 0 auto;
padding: 0;
width: 100%;
}
.company_path ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.company_path ul li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
.company_path ul li::after {
color: #000000;
content: "/";
font-size: 9px;
left: 0;
padding: 0 7px;
top: 0;
}
.company_path ul li:last-child::after {
content: inherit;
}
.company_path ul li a {
color: #000000;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
}
.company_path ul li a:hover {
color: #ed1c24;
}
.header_top{margin: 0px;
padding: 7px 0px;
background-color: #F6F9FB;
border-bottom: 1px solid #ddd;}
.bloodtool_fn_main_img_holder {
border: 2px solid #777;
position: relative;
}
.right_sidebar_list li {
list-style: none;
background: #E80016;
padding: 5px 10px;
}
.right_sidebar_list li a {
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
}
.bloodtool_fn_main_img_holder img {
border-radius: 4px;
max-width: 100%;
min-width: 100%;
}
.bloodtool_fn_main_img_holder .img_name {
background-color: #ededed;
bottom: 12px;
left: 7px;
padding-right: 0px;
position: absolute;
transition: all 0.5s ease 0s;
z-index: 20;
color: #000;
}
.bloodtool_fn_main_img_holder .img_name span {
color: #E80016;
display: inline-block;
letter-spacing: 1px;
padding: 2px 8px;
transition: all 0.5s ease 0s;
}
.certif img {
border: 2px solid #ddd;
padding: 8px;
}
.certif h2 {
background: #EC181F;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 5px;
}
.bloodtool_fn_secondary_wrap {
float: left;
height: auto;
position: relative;
width: 100%;
margin-top: 50px;
}
.bloodtool_fn_secondary_wrap{border-bottom:5px solid #E70016;}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
/* Directors page*/
.director_heading{
font-family: "Playfair Display";
color:#EA1728;
font-size:37px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.2;
margin-bottom: 50px;
}
.pt-name{
padding-top:10px;
}
.bottom-align-text {
padding-top:50px;
bottom: 0;
right: 0;
}
/* New heading style added on 09-09-2024 */
.new_header span{
color:#333 !important;
}
.new_header .navbar{
margin-bottom:0px !important;
}
.new_header .nav>li>a {
position: relative;
display: block;
padding: 10px 10px;
}
.new_header ul.nav {
list-style-type: none;
margin: 22px 0 22px;
}
.new_header ul.nav li a {
color: #333;
letter-spacing: 2px;
text-decoration: none;
}
.bloodtool_fn_leftbar{
display:none!important;
}
@media (width <= 768px) {
.new_header {
display: none;
}
}
@media (max-width: 767px) {
.bottom-align-text {
padding-top:25px;
bottom: 0;
right: 0;
}
}