/************************************************
Css Table Of Content
-----------------------
01. Resset Css
02. Menu Items Css
03. Scroll Top CSS
04. Global Style
05. Utility css
*************************************************/

@font-face {
  font-family: linecons;
  src: url(/MASSETS/fonts/linecons.ttf);
}


/*--------------01. Start Resset Css------------------*/
* {
    margin: 0px;
    padding: 0px;
}
*:focus {
    box-shadow: none;
    border: none;
    outline: none;
}
body {
    padding: 0px;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Oswald', sans-serif;
    margin: 0px auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
body,
html {
    height: 100%;
}
#wrapper {
  min-height: 100%;
  position: relative;
}
#footer {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top:1rem;
}
#content {
  padding-bottom: 100px;
  /* Height of the footer element */
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
figur,
a {
    margin: 0px;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}


a {
    text-decoration: none;
    color: #333;
}
a:hover,
a:focus,
input:focus,
button:focus,
a:active {
    text-decoration: none;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input,
textarea,
select {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    max-width: 100%;
    resize: none;
}

h6 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 11px;
}
/*------------0.1 End Reset Css----------------------*/

/*------------0.2 Start Menu Items Css----------------------*/

.nav-item {
 font-size:13px;
 font-weight: 800;
 color:#111;
 text-transform:uppercase;
 letter-spacing:2px;
 margin: 0 15px 0 15px;
}

.nav-item:hover {
 color:#111;
 font-weight: 800;
}

/*
.nav-item:hover::before,
.nav-item:hover::after,{
  display:inline-block;
  opacity:0;
 -webkit-transition:-webkit-transform .1s,opacity .1s;
 -moz-transition:-moz-transform .1s,opacity .1s;
 transition:transform .1s,opacity .1s
}

.nav-item:hover::before {
 text-align:right;
  content:'[';
 
}
.nav-item:hover::after {
 text-align:left;
  content:']';
 
}
/*------------0.2 End Menu Items Css----------------------*/


/*------------0.3 Start Hello Section CSS ----------------------*/
.hellophoto {
  background-image: url("/MASSETS/img/MainBox3.jpg");
  background-color: #cccccc; 
  height: 800px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
}

.hellomainbox {
	max-width: 650px;
	padding-top: 12rem;
	padding-left: -2rem;
}

.hellomaintitle {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 11px;
	text-align: left;
	text-transform: none;
	letter-spacing: .8px;
	color:white;
	text-transform:uppercase;
	text-align: left !important;

}
@media screen and (min-width: 601px) {
  .hellomaintitle {
    font-size: 85px;
	line-height: 85px;
  }
  .hellomainbox {
	max-width: 650px;
	padding-top: 12rem;
	padding-left: -2rem;
}
}
@media screen and (max-width: 600px) {
   .hellomaintitle {
    font-size: 50px;
	line-height: 50px;
	}
	.hellomainbox {
	max-width: 90%;
	padding-top: 11rem;
	padding-left: 2rem;
}
}

.hellosubbox{
	background-color: #333333; 
	opacity: .7; 
	padding: 15px; 
	margin-top: 40px;
	margin-bottom: 10px;
}

.hellosubtitle {
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 1.2px;
	color: rgba(227,219,214,.6);
	opacity: 1;
	max-width:600px;
	text-transform:uppercase;
	text-align: left !important;
}

.hellobutton,.hellobuttonlight, .hellobuttondark{
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 1.2px;
	margin: 0 0 11px 0;	
	line-height: 22px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}
.hellobuttondark{
	border-style: solid;
	border-width: 1px;
	border-color:#333;
	background-color: #333 !important;	
	color: #fff !important;
}
.hellobuttonlight{
	border-style: solid;
	border-width: 1px;
	border-color:#ad7755;
	background-color: #ad7755 !important;	
	color: #fff !important;
}
/*------------0.3 End Hello Section CSS ----------------------*/

/*------------0.3 Start Section Who we Are ----------------------*/
.sectionbox {
  	background-color: #f0f0f0; 
  	opacity: 1;
  	min-height: 800px; 
	padding:2rem 0 0 0;
}
.sectioncircle {
	text-align: center !important;
	display: inline-block;
	text-align: center;
	width: 145px;
	height: 145px;
	line-height: 145px;
	margin-top: 20px;
	border-radius: 50%;
	font-size: 32px;
	position: relative;
	text-decoration: none;
	color: #333;
	background-color: rgba(255,255,255,.2);
	padding-top:50px;
}
.sectioncircle::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	left: 0;
	top: 0;
	border: 1px solid;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

[class^=li_]:before,
[class*=" li_"]:before {
 font-family:linecons;
 font-style:normal;
 speak:none;
 font-weight:400;
 line-height:1;
 -webkit-font-smoothing:antialiased
}

.li_heart:before {
 content:"\e000"
}
.li_cloud:before {
 content:"\e001"
}
.li_star:before {
 content:"\e002"
}
.li_tv:before {
 content:"\e003"
}
.li_sound:before {
 content:"\e004"
}
.li_video:before {
 content:"\e005"
}
.li_trash:before {
 content:"\e006"
}
.li_user:before {
 content:"\e007"
}
.li_key:before {
 content:"\e008"
}
.li_search:before {
 content:"\e009"
}
.li_settings:before {
 content:"\e00a"
}
.li_camera:before {
 content:"\e00b"
}
.li_tag:before {
 content:"\e00c"
}
.li_lock:before {
 content:"\e00d"
}
.li_bulb:before {
 content:"\e00e"
}
.li_pen:before {
 content:"\e00f"
}
.li_diamond:before {
 content:"\e010"
}
.li_display:before {
 content:"\e011"
}
.li_location:before {
 content:"\e012"
}
.li_eye:before {
 content:"\e013"
}
.li_bubble:before {
 content:"\e014"
}
.li_stack:before {
 content:"\e015"
}
.li_cup:before {
 content:"\e016"
}
.li_phone:before {
 content:"\e017"
}
.li_news:before {
 content:"\e018"
}
.li_mail:before {
 content:"\e019"
}
.li_like:before {
 content:"\e01a"
}
.li_photo:before {
 content:"\e01b"
}
.li_note:before {
 content:"\e01c"
}
.li_clock:before {
 content:"\e01d"
}
.li_paperplane:before {
 content:"\e01e"
}
.li_params:before {
 content:"\e01f"
}
.li_banknote:before {
 content:"\e020"
}
.li_data:before {
 content:"\e021"
}
.li_music:before {
 content:"\e022"
}
.li_megaphone:before {
 content:"\e023"
}
.li_study:before {
 content:"\e024"
}
.li_lab:before {
 content:"\e025"
}
.li_food:before {
 content:"\e026"
}
.li_t-shirt:before {
 content:"\e027"
}
.li_fire:before {
 content:"\e028"
}
.li_clip:before {
 content:"\e029"
}
.li_shop:before {
 content:"\e02a"
}
.li_calendar:before {
 content:"\e02b"
}
.li_vallet:before {
 content:"\e02c"
}
.li_vynil:before {
 content:"\e02d"
}
.li_truck:before {
 content:"\e02e"
}
.li_world:before {
 content:"\e02f"
}


.section-heading-title {
	font-size: 80px;
	line-height: 96px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 11px;
	padding-top:4rem;
	color: rgba(0,0,0,.85);
}
@media screen and (max-width: 600px) {
	.section-heading-title {
	font-size: 50px;
	line-height: 56px;
	padding-top:2rem;
	}
}

.section-heading-subtitle {
	font-size: 13px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

.section-col-title{
	text-align: center;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 28px;
}
.section-col-title::after{
	display: block;
	content: "";
	width: 80px;
	height: 3px;
	margin: 11px auto;	
	background-color: rgba(97,97,97,.5);
}

.section-col-subtitle{
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	
	}

.section-col-content{
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 1.0px;
	margin: 0 0 11px;
	color: #616161;
}


/*------------0.3 End Section Who we Are ----------------------*/

/*------------0.4 Start Section What We Do----------------------*/

.about{
  background-image: url("/MASSETS/img/MainBox5_dark.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
  /* height: 800px;  You must set a specified height */
  color:#fff;
  padding-top: 92px; 
  padding-bottom: 81px;
}
/*------------0.4 Start Section What We Do----------------------*/


/*------------0.5 Start Section Our-Work ----------------------*/
.case-heading-title {
	font-size: 80px;
	line-height: 96px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 11px;
	color: #DDD;
}

@media screen and (max-width: 600px) {
	.case-heading-title {
	font-size: 50px;
	line-height: 56px;
	padding-top:2rem;
	}
}

.case-heading-subtitle {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

.case-col-title{
	color: #CCC;
	text-align: left;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 28px;
}
.case-col-title::after{
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	margin: 11px 0 11px 0;	
	background-color: #CCC;
}

.case-col-subtitle{
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	}

.section-col-content{
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 1.0px;
	margin: 0 0 11px;
	color: #616161;
}


/*------------0.5 End Section Our-Work ----------------------*/