/******************************/
/*     CUSTOM CSS3			      */
/******************************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');


/******************************/
/*     CUSTOM VARIABLES       */
/******************************/

:root {
  --accented: #151617;
  --dark: #151617;
  --high-light: #fff;
  --font: 'Open Sans', sans-serif;
}

* {
	margin:0 auto;
}

body {
	font-family: var(--font1);
	-webkit-font-smoothing: antialiased;
}
/*for-section-text-start-here*/
::selection {
 background: var(--accented); /* WebKit/Blink Browsers */
 color:var(--high-light);
}
::-webkit-selection {
background-color: var(--accented);
color: var(--high-light);
}
::-ms-selection {
background-color: var(--accented);
color: var(--high-light);
}
::-o-selection {
background-color: var(--accented);
color: var(--high-light);
}
::-moz-selection {
background-color: var(--accented);
color: var(--high-light);
}


/* ========================================================================
  Hover animation 
 ========================================================================== */
@-webkit-keyframes hvr-pulse {
 25% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
}
@keyframes hvr-pulse {
 25% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
}
.hvr-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
/* ========================================================================
  Hover End 
 ========================================================================== */
#preloader {
	background: var(--high-light);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}
#pre-status, .preload-placeholder {
	background-image:url(../preloader.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 296px;
	left: 38%;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 32%;
	width: 296px;
}
.preload-placeholder {
	background: none;
	left: 0;
	margin: 0;
	text-align: center;
	top: 65%;
}
.parallex {
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#testimonials h4{
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -2px;
	background-color: var(--accented);
	color: var(--high-light);
	display: inline-block;
}
#testimonials {
    display: flex;
    align-items: center;
}
p {
	font-size: 16px;
	color: var(--dark);
	font-weight: 400;
	line-height: 25px;
	font-family: var(--font1);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
 font-family: var(--font1);
}
h1 {
	color:var(--high-light);
	font-size: 51px;
	text-transform:uppercase;
}
h2 {
	color:var(--dark);
	font-size: 35px;
	font-weight: 700;
}
h3 {
	color:var(--dark);
	font-size:23px;
}
h4 {
	color:var(--dark);
	font-size:21px;
}
h5 {
	color:var(--dark);
	font-size:18px;
}
h6 {
	font-size:16px;
}
strong {
	font-weight:700;
}
span {
	color:var(--accented);
}
.space {
	margin:30px 0px;
}
#about h2 {
font-size: 5em;
line-height: 80%;
letter-spacing: -3px;
}
#about h2 span {
    padding: 0 8px 11px 8px;
    color: #fff;
    background-color: var(--accented);
    display: inline-block;
    line-height: 90%;
}
.internal-line{
	margin-left: 0;
	margin-bottom: 1em;
}
.line {
	border:1px solid var(--accented);
	width:15%;
}

a:hover, a:focus {
	text-decoration:none;
}

a.btn-down {
  display: flex;
  justify-content: center;
  align-items: center;
}
a.btn-down .text {
	margin: 0 0 0 -7px;
	font-size: 2.5em;
	letter-spacing: -3px;
	padding-left: 0.25em;
	padding-right: 0.5em;
	color: #000;
	font-weight: 900;
	background-color: var(--dark);
	text-shadow: -1px 1px 0 #fff,
                1px 1px 0 #fff,
                1px -1px 0 #fff,
               -1px -1px 0 #fff;
	transition:all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.btn-down .image{
	margin: 0;
	width: 96px;
	height: 96px;
  padding: 10px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--dark);
}
.btn-down .image::before {
	content: "";
	width: 56px;
	height: 56px;
  display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='40' viewBox='0 0 51 40'%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-215 -136)'%3E%3Cg id='Rectangle_2' data-name='Rectangle 2' transform='translate(215 136)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect width='51' height='40' rx='3' stroke='none'/%3E%3Crect x='1' y='1' width='49' height='38' rx='2' fill='none'/%3E%3C/g%3E%3Cg id='Ellipse_2' data-name='Ellipse 2' transform='translate(236 152)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' stroke='none'/%3E%3Ccircle cx='4.5' cy='4.5' r='3.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_9' data-name='Path 9' d='M8,131.01l15.289,8.759' transform='translate(212.096 12.641)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M23.289,131.01,8,139.769' transform='translate(237.578 12.641)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	transition:all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
}

.logo-top{
	width: 143px;
	height: 29px;
	margin-top: 20px;
  display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
background-image: url("data:image/svg+xml,%3Csvg id='Group_32' data-name='Group 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='142.621' height='28.505' viewBox='0 0 142.621 28.505'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='142.621' height='28.505' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_29' data-name='Group 29'%3E%3Cg id='Group_28' data-name='Group 28' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_54' data-name='Path 54' d='M12.507.738.852,7.467V20.925l11.655,6.728H24.1' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M.852,20.924H24.161V9.486' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_56' data-name='Path 56' d='M14.391,4,4.62,9.642v7.514H20.393V9.486' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cline id='Line_45' data-name='Line 45' x1='10.144' transform='translate(13.954 24.259)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cg id='Group_31' data-name='Group 31'%3E%3Cg id='Group_30' data-name='Group 30' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M48.9,11.222A9.681,9.681,0,1,1,39.22,1.541,9.681,9.681,0,0,1,48.9,11.222Z' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cpath id='Path_58' data-name='Path 58' d='M110.982,21.766l.092-19.155,15.581,17.482V.723' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cline id='Line_46' data-name='Line 46' y1='21.043' transform='translate(103.215 0.723)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cline id='Line_47' data-name='Line 47' y1='21.162' transform='translate(73.982 0.653)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cline id='Line_48' data-name='Line 48' x1='21.162' transform='translate(63.402 11.234)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cpath id='Path_59' data-name='Path 59' d='M98.077,20.958H89.618V.654' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cpath id='Path_60' data-name='Path 60' d='M63.4,20.958H54.942V.654' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cpath id='Path_61' data-name='Path 61' d='M142.621,1.54h-8.459V20.9h8.459' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3Cline id='Line_49' data-name='Line 49' x1='6.302' transform='translate(134.087 11.315)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.704'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.logo-home{
	width: 290px;
	height: 231px;
  display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
background-image: url("data:image/svg+xml,%3Csvg id='Group_27' data-name='Group 27' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='290' height='231.02' viewBox='0 0 290 231.02'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='290' height='231.02' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cline id='Line_37' data-name='Line 37' x1='0.435' y1='90.021' transform='translate(149.116 65.027)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cg id='Group_26' data-name='Group 26'%3E%3Cg id='Group_25' data-name='Group 25' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_43' data-name='Path 43' d='M154.651,155.2l55.694-51S185.829,36.628,153.96,2.925C122.381,36.9,97.291,104.686,97.291,104.686Z' transform='translate(-5.061 -0.152)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Path_44' data-name='Path 44' d='M195.485,70.863l-40.245,37.112L113.525,71.214' transform='translate(-5.906 -3.687)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cline id='Line_38' data-name='Line 38' x1='69.801' y1='61.512' transform='translate(79.749 93.536)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cline id='Line_39' data-name='Line 39' y1='62.106' x2='68.669' transform='translate(149.551 92.942)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Path_45' data-name='Path 45' d='M168.164,55.789a11.5,11.5,0,1,1-11.545-11.447A11.5,11.5,0,0,1,168.164,55.789Z' transform='translate(-7.552 -2.307)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Path_46' data-name='Path 46' d='M25.525,184.139l-23.7,13.682v27.364l23.7,13.682h23.57' transform='translate(-0.095 -9.58)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_47' data-name='Path 47' d='M1.827,226.161h47.4V202.9' transform='translate(-0.095 -10.556)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_48' data-name='Path 48' d='M29.777,191.138,9.909,202.608v15.279H41.982v-15.6' transform='translate(-0.516 -9.944)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cline id='Line_40' data-name='Line 40' x1='20.626' transform='translate(28.374 222.386)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_49' data-name='Path 49' d='M102.729,205.546a19.684,19.684,0,1,1-19.685-19.685A19.685,19.685,0,0,1,102.729,205.546Z' transform='translate(-3.296 -9.669)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_50' data-name='Path 50' d='M238.052,226.9l.187-38.949,31.681,35.547V184.107' transform='translate(-12.384 -9.578)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cline id='Line_41' data-name='Line 41' y1='42.789' transform='translate(209.874 174.529)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cline id='Line_42' data-name='Line 42' y1='43.031' transform='translate(150.433 174.387)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cline id='Line_43' data-name='Line 43' x1='43.031' transform='translate(128.918 195.902)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_51' data-name='Path 51' d='M209.427,225.243h-17.2V183.957' transform='translate(-10 -9.57)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_52' data-name='Path 52' d='M135.049,225.243h-17.2V183.957' transform='translate(-6.131 -9.57)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cpath id='Path_53' data-name='Path 53' d='M304.971,185.859h-17.2v39.373h17.2' transform='translate(-14.971 -9.669)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3Cline id='Line_44' data-name='Line 44' x1='12.815' transform='translate(272.647 196.065)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.654'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}

.btn-down:hover .image::before {
	content: "";
		transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkittransform:scale(1.2);

	transition:all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
}

/* TRIANGLE SEPARATION */

.separation{
	width: 100%;
	height: 0;
	border-left: 3000px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 70px solid #fff;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

a.btn-order {
	height: 50px;
	width: 50px;
	color: var(--accented);
	border: 2px solid var(--accented);
	padding: 3% 5%;
	font-size: 15px;
	position: relative;
	top: 5px;
	border-radius: 0 20px 0 20px;
}
a.btn-order:hover {
	background:var(--accented);
	color:var(--high-light);
	transition:all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
a.btn-send {
	width: 100%;
	max-width: 200px;
	color: var(--accented);
	border: 2px solid var(--accented);
	padding: 2% 0%;
	font-size: 15px;
	display: inline-block;
	border-radius: 0 20px 0 20px;
	text-transform: uppercase;
	font-weight: 700;
}
a.btn-send:hover {
	background:var(--accented);
	color:var(--high-light);
	transition:all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/*Navigation-stylesheets-include-here*/
.navbar-default {
	background:rgba(248, 248, 248, 0);
	border:rgba(248, 248, 248, 0);
	padding:5px 5px;
}
a.navbar-brand img {
	position:relative;
	top:9px;
}
#menu {
	position:absolute;
}
#menu .nav {
	left: 25%;
	position: relative;
}
#menu ul.nav li a {
	font-size:15px;
	color:var(--high-light);
	position: relative;
}
#menu .nav > li > a {
	background:none;
	color: var(--high-light);
}
#menu ul.nav li a:hover, #menu ul.nav li a.active {
	/*opacity: 0.5;*/
	transition:all 0.4s;
}
#menu ul.nav li a:hover::after, #menu ul.nav li a.active::after {
	content: "";
	width: 100%;
	height: 2px;
	display: block;
	background-color: var(--high-light);
	position: relative;
	bottom: -3px;
}
#menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color:var(--accented);
	background:transparent;
}
a.navbar-brand {
	padding:0px;
	margin-top:-3px;
}
ul.nav li.active a:before {
	opacity:1;
}
.on {
	background:rgba(0, 0, 0, 0.8);
	transition:all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.navbar {
    min-height: 60px;
}

/* HELP  */

.pt-3{
	padding-top: 1em;
}
.mt-3{
	margin-top: 1em;
}


/*Slider-stylesheets-include-here*/

	#home-carousel .item {
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover;
	width:100%;
	height: 650px;
}
#home-carousel .item:before {
	background-color: var(--dark);
	content: "";
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
	position: absolute;
	width: 100%;
}
.carousel-caption {
	left: 15px;
	right: 15px;
	top: 50%;
	font-size: 15px;
	text-align: left;
	color: var(--high-light);
	text-shadow: none;
	margin-top: -130px;
}
.carousel-caption h1 {
	font-size:35px;
	margin-bottom:10px;
	letter-spacing:2px;
	font-weight:700;
}
.carousel-caption h2 {
	color:var(--high-light);
	font-size:75px;
	font-weight:700;
	margin-top:0px;
	text-transform:none;
	letter-spacing:-5px;
	margin-bottom:20px;
}
.carousel-caption p {
	color:var(--high-light);
	font-size:17px;
	font-weight:400;
	line-height:27px;
}
.home-carousel-left, .home-carousel-right {
	background-color: var(--accented);
	color:var(--high-light);
	font-size: 32px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 32px;
	z-index: 999;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	transition: 300ms;
}
.home-carousel-left {
	left:-32px;
}
.home-carousel-right {
	right:-32px;
}
#home-carousel:hover .home-carousel-left {
	left:0;
}
#home-carousel:hover .home-carousel-right {
	right:0;
}
/* Carousel animation */

	#home-carousel .item h1, #home-carousel .item h2, #home-carousel .item p {
	opacity:0;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
#home-carousel .item h1 {
	-webkit-transition: all 0.5s ease-in-out 0.15s;
	-moz-transition: all 0.5s ease-in-out 0.15s;
	-ms-transition: all 0.5s ease-in-out 0.15s;
	-o-transition: all 0.5s ease-in-out 0.15s;
	transition: all 0.5s ease-in-out 0.15s;
}
#home-carousel .item.active h1, #home-carousel .item.active h2, #home-carousel .item.active p {
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
#home-carousel .item h2 {
	-webkit-transition: all 0.5s ease-in-out 0.30s;
	-moz-transition: all 0.5s ease-in-out 0.30s;
	-ms-transition: all 0.5s ease-in-out 0.30s;
	-o-transition: all 0.5s ease-in-out 0.30s;
	transition: all 0.5s ease-in-out 0.30s;
}
#home-carousel .item p {
	-webkit-transition: all 0.5s ease-in-out 0.45s;
	-moz-transition: all 0.5s ease-in-out 0.45s;
	-ms-transition: all 0.5s ease-in-out 0.45s;
	-o-transition: all 0.5s ease-in-out 0.45s;
	transition: all 0.5s ease-in-out 0.45s;
}
/*About-stylesheets-include-here*/
#about {
	padding:3% 0%;
}
#about .heading {
	text-align:center;
}
.heading h2 {
	font-family: var(--font1);
}
.service-box {
display: flex;
align-items: center;
}

/* Custom Index Products */

.service-box.media-right {
justify-content: flex-end;
}
.service-box .icon-media{
	margin: 0;
}
/*.service-box:hover .icon-media{
	border-radius: 10%;
	background-color: var(--accented);
}*/

.service-box .icon-media > i {
	width: 96px;
	height: 96px;
	padding: 10px;
	border-radius: 10%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 2px var(--accented);
	background-color: var(--high-light);
	transition:all 0.5s ease-in-out 0.1s;
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
}
.service-box:hover .icon-media > i {
	border-radius: 80%;
	color: var(--accented);
	background-color: #f1f1f1;
/*	transform:rotateY(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkittransform:rotate(180deg);*/

	transition:all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
}

.service-box .icon-media > i::before {
	width: 96px;
	height: 96px;
	transition:all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
}
.service-box:hover .icon-media > i::before {
	width: 48px;
	height: 48px;
	transition:all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
}

.icon-internal::before{
	width: 200px;
	height: 200px;
	display: block;
}

.ab-sec-img{
	display: flex;
	justify-content: center;
	align-items: center;
}

.grid-service{
	width: 100%;
	padding: 2em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #f1f1f1;
}
.grid-service .col-6{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  text-align: left;
}

.grid-service .subtitle{
	margin-left: 0;
	font-weight: 700;
}

/* ========================================================================
  VIDEO HEADER
 ========================================================================== */

#home-video-start {
	height: 650px;
	position: relative;
	overflow: hidden;
	background-color: var(--dark);
}

#home-video-start video {
width: 100%;
opacity: 0.8;
-webkit-filter: sepia(6);
        filter: sepia(6);
}

.home-video-text{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#home-video-start h2 {
color: var(--high-light);
font-size: 75px;
font-weight: 700;
margin-top: 0px;
text-transform: none;
letter-spacing: -5px;
margin-bottom: 20px;
}

#home-video-start h1 {
font-size: 35px;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: 700;
}

#home-video-start h6 {
color: var(--high-light);
font-size: 80%;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 7px;
margin-bottom: 20px;
}


/* ========================================================================
  NAVBAR TOGGLE BTN
 ========================================================================== */

.icon-bar {
background-color: #fff;
}
.navbar-collapse {
border-top: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

/* ========================================================================
  INTERNAL HEADER
 ========================================================================== */

#internal-header {
	background-image:url(../images/Testimonials/01.jpg);
	height:100px;
	text-align:center;
	display: flex;
	overflow: hidden;
	align-items: center;justify-content: center;
}
#internal-header h1 {
	font-weight: 700;
	letter-spacing: -2px;
	opacity: 0.1;
	font-size: 200px;
	color: #000;
}

/* ========================================================================
  ICONS 
 ========================================================================== */

i[class*="-ico"]::before{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.web-banner-ico::before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72.053' height='59.105' viewBox='0 0 72.053 59.105'%3E%3Cpath id='Path_3' data-name='Path 3' d='M114.28,333.162h-2v-52.9h2Zm4-52.9h-2v52.9h2Zm-8.05,37.828v15.07h-1.958V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1h-2v13.065h-2V320.1H46.231v-46.04h64v44.035Zm-5.963,0v0h1.664l-12.4-14.759-14.614,11L77.236,315.6l-1.176-1.756L65.785,298.507,50.353,318.1h1.862v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0h2v0Zm3.96-42.04h-60v41.5l17.685-22.449,11.805,17.624L93.85,300.6l14.381,17.12Zm-13.548,12.9a8.981,8.981,0,1,0-8.981,8.98A8.992,8.992,0,0,0,94.683,288.957Zm-2,0a6.981,6.981,0,1,1-6.981-6.982A6.989,6.989,0,0,1,92.683,288.957Z' transform='translate(-46.231 -274.057)'/%3E%3C/svg%3E%0A");
}
.floating-ico::before{
	content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59.529' height='65.93' viewBox='0 0 59.529 65.93'%3E%3Cpath id='Path_6' data-name='Path 6' d='M212.6,336.724h-1.8v-13.4h1.8Zm2.9-13.4h-1.8v13.4h1.8Zm49.344,0h-1.8v13.4h1.8Zm2.9,0h-1.8v13.4h1.8Zm-47.135-42.961v23.248H250.4v-1.8H222.423v-8.918h4.632v-1.8h-4.632v-8.919h34.119v8.919h-4.715v1.8h6.519V280.366ZM238.383,296.1h.893l-1.14-2.985v-.024h-.011l-1.81-4.747c-.118-.314-.306-.47-.564-.47h-.4L232.19,296.1h.893l.846-2.28h3.608Zm-2.656-7.1h.012l1.528,4.089H234.2Zm5.441,7.1h2.691a2.857,2.857,0,0,0,2.139-.747,3.012,3.012,0,0,0,.729-2.191V290.58a2.73,2.73,0,0,0-.365-1.416,2.437,2.437,0,0,0-1.022-.952,3.317,3.317,0,0,0-1.528-.335H240.4v7.462a.7.7,0,0,0,.764.764Zm.106-.776v-6.675h2.515a2.1,2.1,0,0,1,1.5.535,1.822,1.822,0,0,1,.57,1.393v2.585a2.286,2.286,0,0,1-.511,1.616,1.97,1.97,0,0,1-1.51.546Zm27.949-17.776v28.878a6.764,6.764,0,0,1-6.758,6.756H247.5l1.385,10.139H262V329.5h-.016v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5h-1.1v7.222h-1.8V329.5H216.6v-6.178H229.71l1.386-10.139H216.451a6.764,6.764,0,0,1-6.757-6.756V277.551a6.765,6.765,0,0,1,6.757-6.757h46.014A6.766,6.766,0,0,1,269.223,277.551Zm-21.916,47.577-1.6-11.943H232.886l-1.6,11.943H218.4v2.57h41.787v-2.57Zm20.112-47.577a4.959,4.959,0,0,0-4.954-4.953H216.451a4.959,4.959,0,0,0-4.953,4.953v28.878a4.958,4.958,0,0,0,4.953,4.952h46.014a4.958,4.958,0,0,0,4.954-4.952Zm-4.99,26.927c-1.384-1.319-3.309-3.159-4.641-4.444h1.868v-1.8H254.68v5.089h1.8v-2.037c1.371,1.324,3.325,3.19,4.7,4.5Z' transform='translate(-209.694 -270.794)'/%3E%3C/svg%3E%0A");
}
.richmedia-ico::before{
	content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71.997' height='61.044' viewBox='0 0 71.997 61.044'%3E%3Cpath id='Path_1' data-name='Path 1' d='M352.126,334.935h-2V280.05h2Zm4-54.885h-2v54.885h2Zm-8,39.873h-.012v15.012h-2V319.923h-2v15.012h-2V319.923h-2v15.012h-2V319.923h-2.005v15.012h-2V319.923h-2v15.012h-2V319.923h-2v15.012h-2V319.923h-2v15.012h-2V319.923h-2.005v15.012h-2V319.923h-2v15.012h-2V319.923h-2.005v15.012h-2V319.923h-2v15.012h-2V319.923h-2v15.012h-2V319.923h-2.005v15.012h-2V319.923h-2v15.012h-2V319.923H292.06v15.012h-2V319.923h-5.927V273.891h64Zm-62-2h60V275.891h-60Zm30-31.216a10.221,10.221,0,1,0,10.221,10.221,10.232,10.232,0,0,0-10.221-10.221m0-2a12.221,12.221,0,1,1-12.221,12.221,12.222,12.222,0,0,1,12.221-12.221Zm-3.209,5.73s-.2,12.777,0,12.978,9.5-6.422,9.5-6.422Z' transform='translate(-284.133 -273.891)'/%3E%3C/svg%3E%0A");
}
.classified-ad-ico::before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72.047' height='59.216' viewBox='0 0 72.047 59.216'%3E%3Cpath id='Path_2' data-name='Path 2' d='M194.443,333.162h-2V280.325h2Zm4.005-52.837h-2v52.837h2ZM156.023,305.8h1.917l-2.447-6.409v-.05h-.025l-3.886-10.194q-.378-1.01-1.211-1.009h-.858L142.726,305.8h1.918l1.816-4.895h7.746Zm-5.7-15.24h.026l3.28,8.781h-6.585ZM162,305.8h5.777a6.138,6.138,0,0,0,4.592-1.6,6.471,6.471,0,0,0,1.565-4.7v-5.551a5.871,5.871,0,0,0-.783-3.04,5.256,5.256,0,0,0-2.2-2.044,7.142,7.142,0,0,0-3.28-.719h-7.317v16.022A1.493,1.493,0,0,0,162,305.8Zm.227-1.665V289.8h5.4a4.515,4.515,0,0,1,3.217,1.148,3.917,3.917,0,0,1,1.223,2.99v5.551a4.907,4.907,0,0,1-1.1,3.469,4.23,4.23,0,0,1-3.242,1.174ZM190.4,319.986h0v13.176h-1.958V319.986h-2v13.176h-2V319.986H182.43v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986h-2v13.176h-2V319.986H126.4v-46.04h64Zm-2-44.04h-60v20.02h9.882v2H128.4v20.02h3.977v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2v-.005h2v.005h2.005v-.005h2v.005H188.4v-20.02H178.342v-2H188.4Z' transform='translate(-126.401 -273.946)'/%3E%3C/svg%3E%0A");
}
.comp-meth-ico::before{
	content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.952' height='58.415' viewBox='0 0 70.952 58.415'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(-368.587 -274.438)'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='18.709' height='2' transform='translate(377.703 311.637)'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M406.932,309.108a14.748,14.748,0,1,0-14.748-14.748A14.765,14.765,0,0,0,406.932,309.108Zm0-27.5a12.748,12.748,0,1,1-12.748,12.748A12.763,12.763,0,0,1,406.932,281.612Z'/%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.741' cy='8.741' r='8.741' transform='matrix(0.987, -0.16, 0.16, 0.987, 396.903, 287.132)'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M431.049,312.587c-3.419-3.414-6.239-5.417-8.419-6a19.9,19.9,0,1,0-31.907-23.766H368.587v39.394h30.346l7.98,10.64,4.18-10.64h8.552V313.7a33.97,33.97,0,0,0,4.685,5.469c7.982,7.824,12.71,8.439,14,8.439a2.669,2.669,0,0,0,.313-.015l.78-.088.1-.778C439.586,326.209,439.907,321.429,431.049,312.587Zm-24.117-36.149A17.9,17.9,0,0,1,419.8,306.8a2.424,2.424,0,0,0-.668.58,2.382,2.382,0,0,0-.508.528,17.913,17.913,0,1,1-11.694-31.475Zm2.8,43.775-3.368,8.571-6.429-8.571H370.587V284.819h18.862a19.785,19.785,0,0,0-2.3,7.263H377.7v2h9.32c0,.094-.014.184-.014.278,0,.552.039,1.093.083,1.633H377.7v2h9.654a19.53,19.53,0,0,0,.453,1.911H377.7v2h10.8a19.811,19.811,0,0,0,.9,1.91H377.7v2h12.955a20.113,20.113,0,0,0,1.542,1.912H377.7v2h16.561a19.839,19.839,0,0,0,23.381,1.4v9.082Zm16-2.473c-5.3-5.2-5.7-7.505-5.628-8.255a.919.919,0,0,1,.069-.279c.084-.075.166-.15.249-.226l.138-.043.071-.148c.125-.118.26-.225.381-.346a1.154,1.154,0,0,1,.22-.041c.774-.081,3.14.343,8.4,5.6,5.91,5.9,7.4,9.78,7.778,11.482C435.685,325.114,431.737,323.628,425.731,317.74Z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.display-adv-ico::before{
	content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71.066' height='66.014' viewBox='0 0 71.066 66.014'%3E%3Cpath id='Path_8' data-name='Path 8' d='M503.274,336.724h-1.837V277.878h1.837Zm4.984-58.846h-1.837v58.846h1.837Zm4.988,0h-1.837v58.846h1.837Zm4.988,0H516.4v58.846h1.837Zm4.989,0h-1.837v58.846h1.837Zm4.988,0h-1.837v58.846h1.837ZM480.3,321.4a2.3,2.3,0,1,0,2.3,2.3A2.3,2.3,0,0,0,480.3,321.4Zm-6.323-31.6H462.95v11.022h11.022Zm9.544-1.022H477.19v1.837h6.326Zm0,5.8H477.19v1.837h6.326Zm0,5.8H477.19v1.837h6.326Zm9.57-23.415H467.468V278.8h25.618Zm0,39.909H467.468v1.837h25.618Zm5.579-40.242v46.948a5.893,5.893,0,0,1-.375,2.057v11.092h-1.837v-8.539a5.968,5.968,0,0,1-.885.593,5.884,5.884,0,0,1-2.262.686v7.26h-1.837v-7.232h-3.147v7.232h-1.837v-7.232h-3.147v7.232H481.5v-7.232h-3.147v7.232h-1.837v-7.232H473.37v7.232h-1.837v-7.232h-3.147v7.232h-1.837v-7.378a5.9,5.9,0,0,1-1.527-.568,5.961,5.961,0,0,1-1.363-1.019q-.2-.2-.382-.42a5.894,5.894,0,0,1-1.351-3.764V307.3h-4.781V283.272h4.781v-6.645a5.917,5.917,0,0,1,5.917-5.917h24.9A5.917,5.917,0,0,1,498.665,276.627Zm-39.683,28.84h17.255l3.564,4.751,1.867-4.751h4.594V285.109h-27.28Zm37.846-28.84a4.085,4.085,0,0,0-4.08-4.08h-24.9a4.084,4.084,0,0,0-4.08,4.08v6.645H488.1V307.3H482.92l-2.613,6.651-4.988-6.651H463.763v16.272a4.084,4.084,0,0,0,4.08,4.08h24.9a4.085,4.085,0,0,0,4.08-4.08Z' transform='translate(-457.145 -270.71)'/%3E%3C/svg%3E%0A");
}


.icon-media-body{
	margin: 0;
	text-align: left;
}
.icon-media .fa{
	font-size: 48px;
	line-height: 96px;
	color: var(--high-light);
}

.media-right .icon-media-body{
	order: 1;
	text-align: right;
}
.media-right .icon-media{
	order: 2;
}
.service-box .icon-media-body{
	padding: 0 1em;
}
.service-box h5 {
font-size: 1.5em;
line-height: 100%;
font-weight: 700;
letter-spacing: -1px;
}


.heading p {
	padding:20px 0px;
	font-size:16px;
	font-weight: 400;
	color:var(--dark);
}
.ab-sec {
	text-align:left;
}
.ab-sec h3 {
	letter-spacing: -1px;
	font-weight: 700;
}
.ab-sec p {
	padding:10px 0px;
	font-size:16px;
}
/*Background-stylesheets-include-here*/
.bg-sec {
	margin-top:10px;
	padding: 1% 0%;
	background-image:url(../images/Testimonials/01.jpg);
}
.bg-sec h3 {
	color:var(--high-light);
	text-transform:none;
	font-weight: 700;
}
#footer-down p{
	font-size: 12px;
}
.bg-sec p {
	color:var(--high-light);
}
/*Service-stylesheets-include-here*/
#service-section {
	text-align:center;
	padding:2% 0%;
}
#features-sec {
	padding: 100px 0;
}
#features-sec .media.service-box:first-child {
	margin-top: 80px;
}
#services {
	padding: 100px 0 75px;
}
.media.service-box {
	margin: 25px 0;
}
.media.service-box .pull-left {
	margin-right: 0.5em;
}
.media.service-box .pull-left > i {
	font-size: 24px;
	height: 64px;
	line-height: 60px;
	text-align: center;
	width: 64px;
	border-radius: 100%;
	color: var(--accented);
	border:4px solid var(--accented);
	transition: background-color 400ms, background-color 400ms;
	position: relative;
}
.media.service-box:hover .pull-left > i {
	background:var(--accented);
	color:var(--high-light);
	transform:rotateY(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkittransform:rotate(360deg);
	transition:all 0.5s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.media-body h5 {
	font-weight:700;
	text-align:left;
}
.media-body p {
	text-align:left;
}
ul.list-paragraph {
    list-style: none;
    padding-left: 1.5em;
}
ul.list-paragraph li {
    margin-bottom: 1em;
    position: relative;
    padding-left: 0.5em;
}
ul.list-paragraph li::before {
    content: "";
    width: 12px;
    height: 2px;
    display: inline-block;
    background-color: var(--accented);
    vertical-align: middle;
    position: absolute;
    left: -20px;
    top: 9px;
}
ul.list-paragraph li::after {
    content: "";
    width: 2px;
    height: 12px;
    display: inline-block;
    background-color: var(--accented);
    vertical-align: middle;
    position: absolute;
    left: -10px;
    top: 9px;
}

/*Experience-stylesheets-include-here*/
.experience {
	margin-top:30px;
}
.progress {
	height: 20px;
	background-color: var(--high-light);
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 25px;
}
.progress-bar {
	box-shadow: none;
	-webkit-box-shadow: none;
	text-align: right;
	padding-right: 12px;
	font-size: 12px;
	font-weight: 700;
	background:var(--accented);
}
.progress .progress-bar.six-sec-ease-in-out {
	-webkit-transition: width 2s ease-in-out;
	transition:  width 2s ease-in-out;
}
.lead {
	font-size:16px;
	font-weight: 700;
	text-align: left;
}
/*Features-stylesheets-include-here*/
#features {
	text-align:center;
	padding:2% 0%;
}
#features .nav-tabs {
	display: inline-block;
	margin-top:20px;
}
.tab p {
	text-align:left;
}
#features .nav-tabs > li.active > a, #features .nav-tabs > li.active > a:hover, #features .nav-tabs > li.active > a:focus {
	/*box-shadow: 0 1px 4px rgba(0, 0, 0, .26);*/
	/*border-bottom:2px solid var(--accented);*/
	background:var(--high-light);
	border-left:1px solid var(--high-light);
	border-right:1px solid var(--high-light);
}
#features .nav-tabs > li > a {
	color:var(--dark);
	margin-right:0;
	/*box-shadow: 0 1px 4px rgba(0, 0, 0, .26);*/
	background-color: var(--high-light);
	border-right: 1px solid var(--high-light);
	border-radius:0px;
	border-top:1px solid var(--high-light);
	border-bottom:1px solid var(--high-light);
	width: 110px;
	padding: 0;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
}
#features .nav-tabs > li > a i.fa {
	font-size:25px;
}
#features .nav-tabs > li.active > a i.fa {
	color:var(--accented);
}
#features .nav-tabs > li > a:hover {
	border-color:transparent;
	border-right: 1px solid var(--high-light);
}
#features p.feat-sec-1 {
	padding-top:10px;
}
#features .tab-content .feat-sec {
	margin-top:10px;
}
#features .tab-content h5 {
	text-align:left;
	font-weight:700;
}
#features .tab-content .line {
	float:left;
}
.tab {
	margin-top:20px;
}
.tab-img {
	margin-top: 50px;
	/*position:relative;
	top:50px;*/
}
/*Portfolio-stylesheets-include-here*/
#portfolio {
	padding: 2% 0%;
	background: #f5f5f5;
	text-align:center;
}
#portfolio .portfolio-filter {
	list-style: none;
	padding: 0;
	margin: 0 0 50px;
	display: inline-block;
}
#portfolio .portfolio-filter > li {
	float: left;
	display: block;
}
#portfolio .portfolio-filter > li a {
	display: block;
	padding: 7px 15px;
	background: #e5e5e5;
	color: #64686d;
	position: relative;
}
#portfolio .portfolio-filter > li a:hover, #portfolio .portfolio-filter > li a.active {
	background: var(--accented);
	color: var(--high-light);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.portfolio-items p {
	color:var(--high-light);
	font-weight: 400;
}
#portfolio .portfolio-filter > li a.active:after {
	content: " ";
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: var(--accented) transparent transparent transparent;
}
#portfolio .portfolio-filter > li:first-child a {
	border-radius: 4px 0 0 4px;
}
#portfolio .portfolio-filter > li:last-child a {
	border-radius: 0 4px 4px 0;
}
#portfolio .portfolio-item {
	margin-bottom:20px;
}
#portfolio .portfolio-item .portfolio-item-inner {
	position: relative;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
	opacity: 0;
	position: absolute;
	top:45%;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	color: var(--high-light);
	background:rgba( 0, 0, 0, 0.7);
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
	font-size: 16px;
	line-height: 1;
	margin: 0;
	color: var(--high-light);
}
#portfolio .portfolio-item:hover .portfolio-info {
	opacity: 1;
	transition:all 0.5s;
}
#portfolio .portfolio-item:hover .portfolio-info i.fa {
	font-size:30px;
	color:var(--accented);
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/*Pricing-stylesheets-include-here*/
#pricing {
	padding: 4% 0% 0% 2%;
	text-align:center
}
#pricing ul.pricing {
	list-style: none;
	padding: 0;
	margin: 70px 0 30px;
	border: 1px solid #eee;
	border-radius: 5px 5px 4px 4px;
	padding: 15px;
	text-align: center;
}
#pricing ul.pricing:hover {
	box-shadow: 0 8px 8px rgba(0, 0, 0, .26);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#pricing ul.pricing li {
	display: block;
	padding: 10px;
	color:var(--dark);
}
#pricing ul.pricing li.plan-header {
	background: #f8f8f8;
	border-radius: 4px 4px 0 0;
	margin: -15px -15px 10px;
	padding: 15px 15px 30px;
	border: 0;
}
#pricing ul.pricing li.plan-header .price-duration {
	position: relative;
	margin-top: -63px;
	top: -10px;
	display: inline-block;
	width: 116px;
	height: 116px;
	background-image: -moz-linear-gradient(90deg, var(--accented) 0%, var(--accented) 100%);
	background-image: -webkit-linear-gradient(90deg, var(--accented) 0%, var(--accented) 100%);
	background-image: -ms-linear-gradient(90deg, var(--accented) 0%, var(--accented) 100%);
	color: var(--high-light);
	border-radius: 100px;
	border: 5px solid #f6f6f6;
}
#pricing ul.pricing li.plan-header .price-duration {
	display: block;
	line-height: 1;
}
#pricing ul.pricing strong {
	font-size:14px;
}
#pricing ul.pricing li.plan-header .price-duration > .price {
	font-size: 24px;
	font-weight: 700;
	margin-top: 35px;
}
#pricing ul.pricing li.plan-header .price-duration > .duration {
	margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
	margin-top: 10px;
	font-size: 21px;
	color: #444;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}
#pricing ul.pricing.featured {
	background: var(--dark);
	color: var(--high-light);
	border: 0;
}
#pricing ul.pricing.featured li.plan-header .plan-name {
	color: var(--high-light);
}
/*Team-stylesheets-include-here*/
#team {
	text-align:center;
	padding:2% 0%;
}
.team-desc {
	padding:15px 10px 15px 10px;
}
.team-main-sec:hover {
	box-shadow: 0 8px 8px rgba(0, 0, 0, .26);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.team-sec {
	border:1px solid #eee;
}
.team-main-sec:hover .team-sec {
	border:1px solid var(--high-light);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.team-main-sec:hover h5 {
	color:var(--accented);
}
.team-sec h5 {
	color:var(--dark);
	text-transform:uppercase;
}
.team-social-icon {
	margin-top:20px;
}
.team-desc ul.team-social-icon li {
	display:inline-block;
	padding-right:20px;
}
.team-desc ul.team-social-icon li a i.fa {
	font-size:20px;
	color:#999;
}
.team-desc ul.team-social-icon li a i.fa:hover.fa-facebook-f {
	color:#3b5998;
}
.team-desc ul.team-social-icon li a i.fa:hover.fa-twitter {
	color:#55acee;
}
.team-desc ul.team-social-icon li a i.fa:hover.fa-pinterest-p {
	color:#bd081c;
}
.team-desc ul.team-social-icon li a i.fa:hover.fa-instagram {
	color:#3f729b;
}
.team-desc ul.team-social-icon li a i.fa:hover.fa-google-plus {
	color:#dc4e41;
}
/*Testimonials-stylesheets-include-here*/

#testimonials {
	background-image:url(../images/Testimonials/01.jpg);
	height:150px;
	text-align: center;
}
#testimonials .owl-theme .owl-controls .owl-page span{
background:var(--accented);
}
.quote {
	position:relative;
	top:40px;
}
.quote i.fa {
	font-size:35px;
	color:var(--high-light);
}
#owl-testi {
	position:relative;
	top:65px;
}
#owl-testi p {
	color:var(--high-light);
	font-weight: 400;
}
#owl-testi h5 {
	color:var(--high-light);
	line-height:30px;
	padding-top:20px;
}
#owl-testi h6 {
	color:var(--high-light);
	padding-top:20px;
}
/*Fun-Facts-stylesheets-include-here*/
#fun-facts {
	background-color: var(--high-light);
	padding:3% 0%;
}
#fun-facts .fun-fact {
	border-right: 1px solid var(--high-light);
}
#fun-facts .col-md-3:last-child .fun-fact {
	border-right: 0px solid var(--high-light);
}
#fun-facts .fun-fact i {
	margin-right: 5px;
	color:var(--dark);
}
#fun-facts .fun-fact h6 {
	color:var(--dark);
	font-weight: 700;
}
/*Blog-stylesheets-include-here*/
#blog {
	text-align:center;
	padding:3% 0% 0% 2%;
}
.blog-info {
	text-align:left;
}
.blog-info h5 {
	font-weight:700;
	padding-top:10px;
}
.blog-info i.fa {
	float:left;
	margin-right:10px;
	color:var(--dark);
}
.blog-info h6 {
	margin:0;
	color:var(--dark);
	float:left;
}
.blog-info h6:hover, .blog-info h5:hover {
	color:var(--accented);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.data-meta {
	background:var(--dark);
	font-size: 15px;
	color: var(--high-light);
	text-align: center;
	position: absolute;
	top: 0;
	padding: 6px 15px
}
.data-meta h4 {
	color:var(--high-light);
	margin:0;
	font-size:18px;
	font-weight:700;
}
a.btn-blg {
	color:var(--dark);
	border-radius: 0 20px 0 20px;
}
a.btn-blg:hover {
	color:var(--accented);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.blog-info p {
	text-align:left;
	padding-top:5px;
}
.blog-info ul.blog-icon {
	margin:0;
	padding:0;
}
.blog-info ul li {
	display:inline-block;
}
.blog-info ul li.comment {
	margin-left:10px;
}
/*Client-stylesheets-include-here*/
#client {
	text-align:center;
	position:relative;
	padding:70px 0px 10px 0px;
}
.client-logo a {
	opacity:0.4;
	display:table;
	margin:0 auto;
}
.client-logo a:hover {
	opacity:1;
	transition:all 0.5s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
/*Contact-stylesheets-include-here*/
#contact {
	text-align:center;
	padding:3% 0% 0% 2%;
}
.contact-sec-1 {
	text-align:left;
}
.contact-sec-1 h4 {
	font-weight:700;
}
.contact-sec-1 ul.contact-form li i.fa {
	color:var(--dark);
	float:left;
	margin-right:10px;
}
.contact-sec-1 ul.contact-form li h6 {
	font-size:14px;
	color:var(--dark);
	margin:0;
}
.contact-sec-1 ul {
	padding:0;
	position: relative;
	top: 20px;
}
.contact-sec-1 ul li {
	display:block;
	padding-bottom: 30px;
}
.contact-sec-1 ul li a {
	color:var(--dark);
}
.contact-sec-1 ul li a:hover {
	color:var(--accented);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
label {
	font-size:15px;
	font-weight: 400;
	float:left;
	margin:0px 0px 20px 0px;
}
.form-group {
	margin-bottom: 30px;
}
textarea.form-control {
	min-height: 120px;
	resize: none;
}


/*Footer-stylesheets-include-here*/
#footer {
	text-align:center;
}
#footer .bg-sec h2 {
	color:var(--high-light);
	font-size:25px;
	font-weight:normal;
}
#footer-down {
	position:relative;
	top:30px;
	text-align:center;
}
#footer-down h2 {
	color:var(--dark);
	margin:20px 0px 40px 0px;
	text-transform:none;
}
#footer-down ul li {
	display:inline-block;
	margin-right:20px;
}
#footer-down ul li a i.fa {
	color:var(--dark);
	font-size:22px;
	border:2px solid #999;
	height:50px;
	width:50px;
	border-radius:50px;
	padding:25%;
}
#footer-down ul li.facebook i.fa:hover {
	color:#3b5998;
	border:2px solid #3b5998;
}
#footer-down ul li.twitter i.fa:hover {
	color:#00aced;
	border:2px solid #00aced;
}
#footer-down ul li.linkedin i.fa:hover {
	color:#007bb6;
	border:2px solid #007bb6;
}
#footer-down ul li.google-plus i.fa:hover {
	color:#dd4b39;
	border:2px solid #dd4b39;
}
#footer-down ul li.youtube i.fa:hover {
	color:#bb0000;
	border:2px solid #bb0000;
}
#footer-down ul li.instagram i.fa:hover {
	color:#517fa4;
	border:2px solid #517fa4;
}
#footer-down ul li.behance i.fa:hover {
	color:#1769ff;
	border:2px solid #1769ff;
}

/*Index-1-Stylesheets-End-Here*/



/*Index-3-Stylesheets-Start-Here*/

/*Full-screen-menu-stylesheet-include-here*/
.top-animate {
  background: var(--accented) !important;
  top: 16px !important;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.mid-animate {
  opacity: 0;
}
.bottom-animate {
  background: var(--accented) !important;
  top: 16px !important;
  -webkit-transform: rotate(-225deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-225deg);
}
.top-menu,
.mid-menu,
.bottom-menu {
  width: 28px;
  height: 4px;
  border-radius: 10px;
  background-color: var(--high-light);
}
.top-menu {
  top: 5px;
}
.mid-menu {
  top: 16px;
}
.bottom-menu {
  top: 21px;
}
.menui {
  background: var(--accented);
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
  margin-top: 10px;
  position: absolute;
}
.menu-trigger {
  z-index: 999;
  position: fixed;
  display: block;
  padding: 9px;
  height: 32px;
  width: 32px;
  margin: 0px;
  top: 45px;
  right: 115px;
}
.mobilenav {
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
.mobilenav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
  font-size: 220%;
  color: var(--high-light);
  text-decoration: none;
  font-weight: 400;
  width: 100%;
}
.mobilenav li:last-child div {
  border-bottom: none;
}
.mobilenav li:hover {
  cursor: pointer;
}
.nav-label {
  border-bottom: 1px solid var(--high-light);
  padding-bottom: 10px;
  display: block;
  width: 350px;
  margin: 0 auto;
}
.mobilenav li:first-child {
  margin-top: 60px;
}
.slider-content{
position:absolute;
    left: 5%;
    right: 15px;
    top: 27%;
    font-size: 15px;
    text-align:center;
    color: var(--high-light);
    text-shadow: none;
}
.slider-content h1{
font-size:51px;
text-transform:uppercase;
font-weight: 700;
line-height:80px;
}
.slider-content h2{
font-size:25px;
color:var(--high-light);
font-weight: 700;
padding:10px 0px 20px 0px;
}
.slider-content p{
color:var(--high-light);
font-size:16px;
font-weight: inherit;
line-height:30px;
}
/*Index-3-Stylesheets-End-Here*/

/*Index-4-Stylesheets-Start-Here*/
#slider-video {
    position: relative;
	}
.hero-section {
    height: 100%;
	padding:18% 0% 11% 0%;
    overflow: hidden;
	}
	.hero-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.hero-text {
    display: table-cell;
    vertical-align: middle;
    color: var(--high-light);
    width: 100%;
    padding-bottom: 10%;
	}
.hero-text h5{
color:var(--high-light);
text-transform:none;
padding-top:15px;
}
	.video-background-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.video-background {
    width: 100%;
}
.parallax-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/banner/overaly.png")repeat;
}
a.btn-learn {
	height: 50px;
	width: 50px;
	color: var(--accented);
	border: 2px solid var(--accented);
	padding: 1% 2%;
	font-size: 15px;
	position: relative;
	top: 40px;
	border-radius: 0 20px 0 20px;
}
a.btn-learn:hover {
	background:var(--accented);
	color:var(--high-light);
	transition:all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/*Index-4-Stylesheets-End-Here*/

/*Index-5-Stylesheets-Start-Here*/
#slider-parallax .owl-theme .owl-controls .owl-page span{
background:none;
}
#slider-parallax {
  background:url(../images/Slider/10.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat:no-repeat;
  margin: auto;
}
#slider-parallax {
  height: 680px;
}
.parallex-content{
position:absolute;
    left: 5%;
    right: 15px;
    top: 35%;
    font-size: 15px;
    text-align:center;
    color: var(--high-light);
    text-shadow: none;
}
.slide-sec{
}

.slide-sec-1{
text-align:right;
}
.slide-sec-2{
text-align:left;
padding:0;
}
.parallex-content h1{
font-size:51px;
text-transform:uppercase;
font-weight: 700;
line-height:80px;
}
.parallex-content h2{
color:var(--high-light);
text-transform:uppercase;
font-weight: 700;
}
.line-parallex {
	border:2px solid var(--high-light);
	width:15%;
	margin-bottom:30px;
}
.parallex-content h6{
color:var(--high-light);
}

/*Basic-Stylesheets-End-Here*/


/* ========================================================================
        RESPONSIVE MEDIA QUERY 
 ========================================================================== */

@media screen and (max-width: 992px){
	#home-info {
		text-align: center;
	}
	#internal-header h1 {
		font-size: 100px;
	}
	#home-video-start {
	    height: 500px;
	}
	.logo-home {
	    width: 200px;
	    height: 180px;
	}
}

@media screen and (max-width: 767px){
	.grid-service {
		flex-direction: column;
	}
	.grid-service {
		padding: 1em;
	}
	.navbar-toggle {
		margin-right: 0;
	}
	#home-video-start video {
		width: auto!important;
		opacity: 0.4;
		height: 100%;
	}

	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size:18px;
	}
	h4 {
		font-size:18px;
	}
	h5 {
		font-size:18px;
	}
	h6 {
		font-size:16px;
	}
	#about h2 {
		font-size: 2.75em;
		line-height: 1;
	}
	#about h2 span {
	padding: 0 8px;
	color: #fff;
	/*background-color: rgba(0,0,0,0.6);*/
	display: inline;
	line-height: 1.1;
	}
	.service-box.media-right {
		justify-content: flex-start;
	}
	.media-right .icon-media-body {
	    order: 2!important;
	    text-align: left!important;
	}
	.media-right .icon-media {
	    order: 1!important;
	    margin-left: -10px;
	}
	.media.service-box {
		margin: 1em auto;
		max-width: 250px;
	}
	a.btn-down {
		margin-bottom: 1em;
	}
	.internal-page .navbar-collapse .nav {
	background-color: rgba(0,0,0,0.8);
	}
	.internal-page .navbar-collapse .nav > li > a, .home .navbar-collapse .nav > li > a {
		padding: 10px 0;
		margin: 0 1em;
	}
	.internal-page .on .navbar-collapse .nav, .home .on .navbar-collapse .nav {
		background-color: transparent;
	}
	#menu ul.nav li a {
	    display: inline-block;
	}
	#menu ul.nav li a:hover::after, #menu ul.nav li a.active::after {
	    content: "";
	    position: absolute;
	    bottom: 4px;
	}
}

@media screen and (max-width: 576px){
	#testimonials h4 {
		font-size: 24px;
	}
	#testimonials {
		height: 100px;
	}
	a.btn-down .text {
		font-size: 2em;
	}
	.btn-down .image {
		width: 64px;
		height: 64px;
	}
	.btn-down .image::before {
		width: 32px;
		height: 32px;
	}
	#internal-header h1 {
		font-size: 60px;
	}
    #home-video-start {
        height: 400px;
    }

}