@import url('https://fonts.googleapis.com/css?family=Lora:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700&display=swap');
hr
{
	display: block; 
	height: 1px;
    border: 0; 
	background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
    margin: 1em 0; 
	padding: 0; 
}
body
{
	background:#000;
}
.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../img/330.png');
   background-repeat: no-repeat; 
   background-color: #000;
   background-position: center;
}	
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.brand-logo img
{
 width: 120px;
  height: 35px;
}
.tintmark-logo img
{
 width:120px;
  height: 40px;
  margin-top:-5px;
}
.tintmark-logo-lg img
{
 width: 120px;
  height: 40px;
  margin-top:-20px;
}
.sidenav li a {
font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	letter-spacing:3px;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
}
.sidenav li a.active
{
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:15px;
}
.sidenav .user-view .background
{
overflow:inherit!important;
}
.menu li a 
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	letter-spacing:3px;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	content: ""; /* This is necessary for the pseudo element to work. */ 
	display: block; /* This will put the pseudo element on its own line. */ /* This will center the border. */
}
.menu li a:hover
{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.menu li a.active
{
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:15px;
}
.menu-footer li a 
{
	font-family: 'Playfair Display SC', serif;
	font-size:16px;
	letter-spacing:2px;
	font-weight:500;
	text-transform:uppercase;
	color:#9c9c9c;
}
.menu-footer li a:hover
{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 background-color:transparent;
}
.menu-footer li a.active
{
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/**********Typography*****/
.heading-quotes
{
font-family: 'Lora', serif;
font-size:50px;
letter-spacing:2px;
font-weight:400;
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
line-height:50px;
margin-top:-200px!important;
position: relative;
}
.heading-quotes-inverse
{
font-family: 'Lora', serif;
font-size:50px;
letter-spacing:2px;
font-weight:400;
color:#fff;
line-height:50px;
margin-top:-200px!important;
position: relative;
}
.heading-quotes-inverse-mobile
{
font-family: 'Lora', serif;
font-size:50px;
letter-spacing:2px;
font-weight:400;
color:#fff;
line-height:30px;
position: relative;
}
.special-text
{
font-family: 'Mr De Haviland', cursive;
font-size:45px;
font-weight:300;
line-height:40px;
letter-spacing:0.4px;
}
.heading-quotes-mobile
{
font-family: 'Lora', serif;
font-size:30px;
letter-spacing:2px;
font-weight:400;
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
line-height:30px;
padding:20px;
margin-top:-30px;
position: relative;
}
.heading-quotes-general
{
font-family: 'Lora', serif;
font-size:50px;
letter-spacing:2px;
font-weight:400;
color:#fff;
line-height:50px;
position: relative;
}
.heading-quotes-general a
{
font-family: 'Lora', serif;
font-size:50px;
letter-spacing:2px;
font-weight:400;
color:#9c9c9c;
line-height:50px;
position: relative;
}
.counter
{
font-family: 'Playfair Display SC', serif;
font-size:30px;
letter-spacing:2px;
font-weight:400;
color:#fff;
}
.counter-text
{
font-family: 'Source Sans Pro', sans-serif;
font-size:15px;
letter-spacing:3px;
font-weight:400;
color:#9c9c9c;
text-transform:uppercase;
}
.counter-text a
{
font-family: 'Source Sans Pro', sans-serif;
font-size:15px;
letter-spacing:3px;
font-weight:400;
color:#9c9c9c;
text-transform:uppercase;
}
.counter-text a:hover
{
background-image: linear-gradient(to right, #fe243e 0%, #bb47fd);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading-main
{
font-family: 'Mr De Haviland', cursive;
font-size:60px;
letter-spacing:2px;
font-weight:300;
color:#9c9c9c;
line-height:50px;
}
.para
{
font-family: 'Lora', serif;
font-size:15px;
font-weight:500;
color:#9c9c9c;
letter-spacing:0.4px;
line-height:30px;
}
.para-about
{
font-family: 'Lora', serif;
font-size:15px;
font-weight:500;
letter-spacing:0.4px;
line-height:30px;
}
.para a
{
font-family: 'Lora', serif;
font-size:13px;
font-weight:500;
color:#9c9c9c;
letter-spacing:0.4px;
line-height:30px;
}
.second-heading-main
{
font-family: 'Source Sans Pro', sans-serif;
font-size:20px;
font-weight:300;
line-height:30px;
}
.author
{
font-family: 'Source Sans Pro', sans-serif;
font-size:15px;	
font-weight:900;
letter-spacing:4px;
text-transform:uppercase;
line-height:30px;
}
.text-right
{
text-align:right
}
.text-justify
{
text-align: justify;
text-justify: inter-word;
}
/**********image**********/
.image-center
{
display:block;
}
.image-center img
{
display:block;
margin-left:auto;
margin-right:auto;
}
.image-opacity
{
opacity:0.5;
}
.image-opacity:hover
{
opacity:1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.bg-cover
{
background: url('../img/bg1.jpg') 10% 47% no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:10px;
}
.bg-works
{
background: url('../img/bg-works1.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:30px;
}
.bg-awards
{
background: url('../img/camera.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:50px;
}
/***************about special***********/
.special1
{
background: url('../images/medium/40.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special2
{
background: url('../images/medium/55.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special3
{
background: url('../images/medium/48.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special4
{
background: url('../images/medium/27.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special5
{
background: url('../images/medium/34.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special6
{
background: url('../images/medium/57.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special7
{
background: url('../images/medium/11.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}
.special8
{
background: url('../images/medium/31.jpg') 99% 10% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:5px;
-webkit-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
-moz-box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
box-shadow: inset -2px -152px 60px -23px rgba(0,0,0,0.85);
}

.border-prop
{
 max-width: 250px;
  padding: 1rem;
  position: relative;
 background-image: linear-gradient(to right bottom, #000, #000, #3D3D3D, #ff006a, #ff0096, #3F3F3F,  #6631fc, #5235fb, #4F4F4F, #3D3D3D, #000, #000);
/**  background: linear-gradient(to left, #787878, #212121);**/
  padding: 3px;
}
.mobile-cover1
{
background: url('../images/medium/75.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:20px;
}
.mobile-cover2
{
background: url('../images/medium/36.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:10px;
}
.mobile-cover3
{
background: url('../images/medium/7.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:10px;
}
.mobile-cover4
{
background: url('../images/medium/51.jpg') 60% 40% no-repeat; 
background-color:#000; 
width: 100%;
background-size: cover;	
height:auto;
padding:10px;
}
.mobile-shadow
{
-webkit-box-shadow: inset 12px -200px 126px -89px rgba(0,0,0,0.97);
-moz-box-shadow: inset 12px -200px 126px -89px rgba(0,0,0,0.97);
box-shadow: inset 12px -200px 126px -89px rgba(0,0,0,0.97);
}
/*********colors***********/
.cl-white
{
color:#fff;
}
.cl-grey-offset
{
color:#9c9c9c;
}
.cl-gradient
{
background-image: linear-gradient(to right bottom, #ff4300, #ff003e, #ff006a, #ff0096, #ee00c1, #d800d4, #b808e9, #8726fe, #772cfd, #6631fc, #5235fb, #3838f9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.fa-md
{
font-size:20px;
}
/*********button***********/
.button-general
{
font-family: 'Lato', sans-serif;
color:#fff;	
box-shadow:none;
font-size:13px;
background-image: linear-gradient(to right bottom, #F00B51, #7366FF);
background-color:#0cbbc8;
font-weight:900;
letter-spacing:3px;
text-transform:uppercase;
border-radius:50px;
}
.button-general:hover, .button-general:focus
{
-webkit-transition-duration: 0.3s!important;
transition-duration: 0.3s!important;
background-image: linear-gradient(to right bottom, #F00B51, #7366FF);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button-general-mobile
{
font-family: 'Lora', serif;
color:#fff;	
box-shadow:none;
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
background-image: linear-gradient(to right bottom, #F00B51, #7366FF);
border-radius:40px;
}
.button-general-mobile:hover, .button-general-mobile:focus
{
background-image: linear-gradient(to right bottom, #F00B51, #7366FF);
color:#fff	
}
.button-center
{
display:block;
text-align:center;
}
/*********helper classes**********/
.side-nav .user-view, .side-nav .userView
{
padding:175px 175px 0;
}
.footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.page-footer
{
background-color:#333!important;
}
.text-center
{
text-align:center;	
}
.text-right
{
text-align:right;	
}
.margin-xll-large
{
margin-top:250px;
}
.margin-xll
{
margin-top:130px;
}
.margin-xl
{
margin-top:80px;
}
.margin-lg
{
margin-top:50px;
}
.margin-md
{
margin-top:40px;
}
.margin-sm
{
margin-top:20px;
}
.margin-xs
{
margin-top:10px;
}
.margin-inverse
{
margin-top:-25px;	
}
.margin-inverse-md
{
margin-top:-40px;	
}
.margin-inverse-lg
{
margin-top:-70px;	
}
.margin-xll-bottom
{
margin-bottom:250px;
}
.margin-lg-bottom
{
margin-bottom:80px;
}
.tabs
{
background-color:#000!important;
border: 2px solid #000;
}
.tabs .tab a:hover a:focus, .tabs .tab a.active
{
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:15px;
font-weight:400;
color:#fff!important;
letter-spacing:2px;
}
.tabs .tab a:focus
{
background-color:#000!important;
}
.tabs .tab a
{
font-family: 'Source Sans Pro', sans-serif;
color:#5A5A5A;
font-size:13px;
font-weight:700;
letter-spacing:2px;
}
.tabs .indicator
{
background-color:#fff;
}
/**********mobile*********/
@media only screen and (max-width: 600px) {
	.heading-quotes-general
	{
		font-size:25px;
		line-height:30px;
	}
	.heading-quotes
	{
		font-size:25px;
	}
	.heading-quotes-inverse-mobile
	{
		font-size:25px;
	}
	.heading-quotes-inverse
	{
		font-size:25px;
	}
	.submenu 
	{
		padding:10px;
	}
	.submenu a
	{
		font-family: 'Source Sans Pro', sans-serif;
		letter-spacing:3px;
		color:#9c9c9c;
		font-size:14px;
		font-weight:300;
		text-transform:uppercase;
	}
	.bg-works
	{
		background: url('../img/bg-works1.jpg') 60% 99% no-repeat; 
		background-color:#000; 
		width: 100%;
		background-size: cover;	
		height:auto;	
		padding:10px;
	}
	.margin-xll-bottom
	{
		margin-bottom:200px;
		margin-top:30px;
	}
	.heading-main
	{
	font-size:50px;
	}
	.para
	{
	font-size:15px;
	line-height:30px;
	}
	.para-about
	{
	font-size:15px;
	}
	.fa-small
	{
	font-size:18px!important;
	}
	.button-general-mobile
	{
	font-size:12px!important;
	}
	.counter
	{
	font-size:20px;
	}
	.counter-text
	{
	font-size:12px;
	}