/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
	height: 100%;
}
body {
	padding-top: 20px;
	background: #fff; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


p a{color: #000000;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    position: relative;
    z-index: 9999999;}

.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
	height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 50px 0;
}
.navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 0px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position: relative;
	right: 0;
	left: 0;
	z-index: 1030;
}
.navbar {
	position: relative;
	min-height: 0;
	margin-bottom: 0;
	border: 0px solid transparent;
}
.navbar-inverse .navbar-nav>li>a {
	color: #333;
}
.navbar-nav>li>a {
	margin: 0 5px;
	padding: 10px 20px;
	font-size: 14px;
	color: #333;
	background: #ffffff;
}
.navbar-nav>li {
	float: none;
	display: inline-block;
}
.navbar-right {
	float: right!important;
	margin-right: 0;
	text-align: center;
	width: 100%;
}
.wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1170px;
}
.header {
	margin: 0;
	padding: 20px;
	width: 100%;
	background: #fff;
}
.logo_area {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: right;
}
.logo_area img {
	width: 150px;
	height: auto;
}
.nav_area {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	background: #545454;
}
.site_content_area {
	margin: 0;
	padding: 80px 0;
	width: 100%;
	background-color: #fff;
}
.site_wrapper {
	margin: 0 auto;
	padding: 0px 0;
	width: 100%;
	max-width: 982px;
}
.site_box {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px dashed #fff;
	min-height: 634px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.site_box p a:hover{ color:#013dff !important; text-decoration:none !important;}

.first_left:hover {
	opacity: 1 !important;
}
.first_left:hover p {
	opacity: 1 !important;
}
.first_right:hover {
	opacity: 1 !important;
}
.first_right:hover p {
	opacity: 1 !important;
}
.second_left:hover {
	opacity: 1 !important;
}
.second_left:hover p {
	opacity: 1 !important;
}
.second_right:hover {
	opacity: 1 !important;
}
.second_right:hover p {
	opacity: 1 !important;
}
.third_right:hover {
	opacity: 1 !important;
}
.third_right:hover p {
	opacity: 1 !important;
}
.fourth_right:hover {
	opacity: 1 !important;
}
.fourth_right:hover p {
	opacity: 1 !important;
}
.right_bottom:hover {
	opacity: 1 !important;
}
.right_bottom:hover p {
	opacity: 1 !important;
}
.main_box:hover {
	opacity: 1 !important;
}
.main_box:hover p {
	opacity: 1 !important;
}
.first_left {
	clip-path: polygon(100% 0%, 100% 94%, 86% 100%, 80% 39%, 0 39%, 0 0%);
	width: 490px;
	height: 141px;
	float: left;
	opacity: 0.50;
	position: relative;
	z-index: 9;
}
.first_left::after {
	margin: 0;
	padding: 0;
	width: 14px;
	height: 51px;
	position: absolute;
	content: "";
	right: 45px;
	bottom: 16px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); 
}
.first_left p {
	margin: 0;
	padding: 0px 0;
	font-size: 30px;
	color: #333;
	text-align: center;
	opacity: 0;
}
.first_right {
	clip-path: polygon(100% 0, 100% 39%, 17% 39%, 10% 100%, 0 93%, 0 0);
	width: 490px;
	height: 141px;
	float: right;
	opacity: 0.50;
	position: relative;
	z-index: 9;
}
.first_right::after {
	margin: 0;
	padding: 0;
	width: 17px;
	height: 52px;
	position: absolute;
	content: "";
	left: 14px;
	bottom: 14px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(11deg);
	-o-transform: rotate(11deg);
	-moz-transform: rotate(11deg);
	-webkit-transform: rotate(11deg);
	-ms-transform: rotate(11deg); 
}
.first_right p {
	margin: 0;
	padding: 0px 0;
	font-size: 30px;
	color: #333;
	text-align: center;
	opacity: 0;
}
.second_left {
	clip-path: polygon(90% 0%, 96% 73%, 83% 100%, 71% 50%, 0 50%, 0% 0%);
	width: 438px;
	height: 115px;
	float: left;
	opacity: 0.50;
	position: relative;
	margin: -86px 0 0 0;
	z-index: 9;
}
.second_left::after {
	margin: 0;
	padding: 0;
	width: 12px;
	height: 52px;
	position: absolute;
	content: "";
	right: 65px;
	bottom: 25px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(-24deg);
	-o-transform: rotate(-24deg);
	-moz-transform: rotate(-24deg);
	-webkit-transform: rotate(-24deg);
	-ms-transform: rotate(-24deg); 
}
.second_left p {
	margin: -12px 0 0 0;
    padding: 0;
    font-size: 30px;
    color: #333;
    text-align: center;
    opacity: 0;
}
.second_right {
	clip-path: polygon(100% 0, 100% 55%, 24% 55%, 12% 100%, 0 74%, 8% 0);
	width: 442px;
	height: 120px;
	opacity: 0.50;
	float: right;
	position: relative;
	margin: -86px 0 0 0;
	z-index: 9;
}
.second_right::after {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 52px;
	position: absolute;
	content: "";
	left: 30px;
	bottom: 24px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(32deg);
	-o-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-webkit-transform: rotate(32deg);
	-ms-transform: rotate(32deg); 
}
.second_right p {
	margin: 0;
	padding: 0px 0 0 50px;
	font-size: 30px;
	color: #333;
	text-align: center;
	opacity: 0;
}
.third_right {
	clip-path: polygon(100% 0%, 100% 63%, 31% 63%, 15% 100%, 2% 55%, 16% 0%);
	width: 400px;
	height: 102px;
	float: right;
	opacity: 0.50;
	position: relative;
	margin: -54px 0 0 0;
	z-index: 9;
}
.third_right::after {
	margin: 0;
	padding: 0;
	width: 34px;
	height: 52px;
	position: absolute;
	content: "";
	left: 44px;
	bottom: 27px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(48deg);
	-o-transform: rotate(48deg);
	-moz-transform: rotate(48deg);
	-webkit-transform: rotate(48deg);
	-ms-transform: rotate(48deg); 
}
.third_right p {
	margin: 0;
	padding: 0px 0 0 50px;
	font-size: 30px;
	color: #333;
	text-align: center;
	opacity: 0;
}
.fourth_right {
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 11% 100%, 0% 35%, 18% 0%);
	width: 341px;
	height: 116px;
	float: right;
	opacity: 0.50;
	position: relative;
	margin: -38px 0 0 0;
	z-index: 9;
}
.fourth_right::after {
	margin: 0;
	padding: 0;
	width: 54px;
	height: 52px;
	position: absolute;
	content: "";
	left: 21px;
	bottom: 36px;
	z-index: 9999;
	background: #6c6d70;
	transform: rotate(65deg);
	-o-transform: rotate(65deg);
	-moz-transform: rotate(65deg);
	-webkit-transform: rotate(65deg);
	-ms-transform: rotate(65deg); 
}
.fourth_right p {
	margin: 0;
	padding: 0px 0 0 85px;
	font-size: 30px;
	color: #333;
	text-align: center;
	opacity: 0;
}
.right_bottom {
	clip-path: polygon(54% 0%, 100% 0%, 100% 100%, 0% 100%, 6% 64%, 18% 48%);
	width: 653px;
	height: 336px;
	float: right;
	opacity: 0.50;
	position: relative;
	margin: 0px 0 0 0;
	z-index: 9;
}
.right_bottom::after {
	margin: 0;
	padding: 0;
	width: 383px;
	height: 289px;
	position: absolute;
	content: "";
	left: 24px;
	bottom: 40px;
	z-index: 9999;
	background: url(https://www.forensik.pro/wp-content/uploads/2019/12/bottom_shape.png) no-repeat;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg); 
}
.right_bottom p {
	margin: 0;
	padding: 20px 20px 0 435px;
	font-size: 30px;
	color: #333;
	text-align: left;
	opacity: 0;
}
.main_box {
	margin: 0;
	padding: 0 0 0 0;
	left: 0;
	bottom: 0;
	opacity: 0.50;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/main_arrow.png) no-repeat 98px 151px;
	background-size: 372px;
}
.main_box p {
	margin: 0;
	padding: 70px 0 0 0px;
	font-size: 30px;
	color: #333;
	text-align: left;
	width: 100%;
	max-width: 140px;
	opacity: 0;
}
.clear {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
}
.site_footer {
	margin: -30px 0 0 20px;
	padding: 0;
	float: left;
	position: relative;
}
.site_footer p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
}

.site_footer p a{ color:#000000 !important; text-decoration:none !important;}

.mobile_site {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	max-width: 980px;
	text-align: right;
}
.mobile_site_area {
	argin: 0;
	padding: 0px 15px;
	width: 100%;
}
.mobile_site ul {
	margin: 0 0 40px 0;
	padding: 0;
	width: 100%;
}
.mobile_site ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-align: right;
}
.mobile_site ul li a {
	margin: 0 0 10px 0;
    padding: 5px 20px;
    width: 100%;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    border-radius: 0;
    text-align: center;
    font-style: normal;
    border: 1px solid #545454;
}


.mobile_site ul li a:hover {
	background: #b61528;
	color:#fff;
}
/*.mobile_site ul li:first-child a {
	max-width: 20%;
}
.mobile_site ul li:nth-child(2) a {
	max-width: 30%;
}
.mobile_site ul li:nth-child(3) a {
	max-width: 40%;
}
.mobile_site ul li:nth-child(4) a {
	max-width: 50%;
}
.mobile_site ul li:nth-child(5) a {
	max-width: 60%;
}
.mobile_site ul li:nth-child(6) a {
	max-width: 70%;
}
.mobile_site ul li:nth-child(7) a {
	max-width: 80%;
}
.mobile_site ul li:nth-child(8) a {
	max-width: 90%;
}*/
.arrow {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
	display:none;
	
}
.arrow img {
	width: 60%;
    border: 10px solid #545454;
    padding: 80px;
    border-radius: 50%;
}
.mobile_site {
	display: none;
}
.navbar-toggle {
	position: relative;
	float: left;
	padding: 0;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 0px solid  transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
	margin-left: 15px;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #fff;
	background-color: #b61528;
}


.header{ display:none;}

.nav_area{ display:none;}

@media (max-width: 992px) {
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-text {
	float: none;
	margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
	display: block!important;
}
.collapsing {
	overflow: hidden!important;
}
.navbar-right {
	float: right !important;
	margin-right: 0;
	text-align: center;
	width: 100%;
	margin: 0px !important;
}
.navbar-nav > li {
	float: left;
	width: 100%;
}
.navbar-nav > li > a {
	margin: 10px 15px 0px 15px;
	padding: 5px 20px;
	font-size: 14px;
	color: #333;
	background: #ffffff;
}
}

@media (min-width: 0px) and (max-width: 480px) {

.arrow img {
	width: 100%;
    border: 5px solid #545454;
    padding: 20px;
    border-radius: 50%;
}
}

@media (min-width: 0px) and (max-width: 992px) {
.site_wrapper {
	display: none;
}
.mobile_site {
	display: block;
}
.header{ display:block;  border-bottom: 10px solid #333;
}



}

@media (min-width: 993px) and (max-width: 1200px) {
.container {
	padding: 0 !important;
}
.container {
	width: 100%;
	overflow: hidden !important;
}
}


/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
	margin-bottom: 30px;
}
}

@media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
}

/************************************************/


.inner_content_section {
	margin: 0;
	padding: 80px 0;
	width: 100%;
	background-color: #fff;
}


.inner_content{ margin:0 auto; padding:0 20px; width:100%; max-width:980px}


.inner_content h2{ margin:0 0 30px 0; padding:0; font-size:30px; color:#da3449;}

.inner_content p{ margin:0 0 20px 0; padding:0; font-size:18px; color:#333; line-height:28px;}

a.back_btn {
    background: #da3449;
    color: #fff;
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 0 20px 0;}
a.back_btn:hover {
    background: #6c6d70;}	
	
	



.site_footer ul li a {
    border: none;
    padding: 0;
}

.site_footer ul li {
    width: auto;
    display: inline-block;
}

.site_footer ul li a:hover{ color:#b61528; background:none;}