/*

Template: SQUARE - Creative Coming Soon Template

Author: TheThemeLab

Version: 1.3

Email: saif.shajib@gmil.com

*/



/*----------------------------   ** Reset.**----------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {

	display: block;

}

audio, canvas, video {

	display: inline-block;

}

html {

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

}

*, *:after, *:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

html, body {

	height: 100%;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: normal;

	font-style: normal;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	text-decoration: none;

	-webkit-appearance: none;

	-webkit-border-radius: 0;

}

html, body {

	margin: 0;

	padding: 0;

	height: 100%;

}

:focus {

	outline: 0

}

ol, ul {

	list-style: none

}

input, textarea {

	margin: 0;

	padding: 0

}

input[type=text] {

	outline: none;

}

input[type=text]::-ms-clear {

	display: none;

}

input[type=submit] {

	-webkit-appearance: none;

}

ul, ol {

	margin-bottom: 20px;

}

ul {

	list-style: none outside;

}

ol {

	list-style: decimal;

}

ol, ul.square, ul.circle, ul.disc {

	margin-left: 30px;

}

ul.square {

	list-style: square outside;

}

ul.circle {

	list-style: circle outside;

}

ul.disc {

	list-style: disc outside;

}

ul ul, ul ol, ol ol, ol ul {

	margin: 4px 0 5px 30px;

	font-size: 90%;

}

ul ul li, ul ol li, ol ol li, ol ul li {

	margin-bottom: 6px;

}

li {

	line-height: 18px;

	margin-bottom: 12px;

}

ul.large li {

	line-height: 21px;

}

li p {

	line-height: 21px;

}

/*----------------------------   ** Custom Style **----------------------------*/

html, body {

	font-family: 'Raleway', sans-serif;

	font-weight: normal;

	font-size: 16px;

  line-height:1.7;

	word-spacing: normal;

	color: #ffffff;

	height: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

body {

	background-color: #F8F8F8;

}

html {

	overflow: hidden;

}

img {

	max-width: 100%;

}

a {

	color: #ffffff;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

}

a:hover {

	color: #cccccc;

	text-decoration: none;

}

.preload * {

	-webkit-transition: none !important;

	-moz-transition: none !important;

	-ms-transition: none !important;

	-o-transition: none !important;

}

.bg-overlay {

	background: url(../images/overlay.png) repeat;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 0;

}



.logo {

	position: absolute;

	top: 20px;

	left: 20px;

	z-index: 10;

	width: 20%;

}

.panel {

	display: none;

	padding: 20px;

	background-color: rgba(0,0,0,0.4);

	width: 100%;

}

.content-inner {

	position: relative;

	height: auto !important;

	min-height: 99%;

	z-index: 100;

}

.content {

	padding-top: 100px;

}

.content-wrapper {

	margin-top: 50px;

	padding-bottom: 50px;

	height: auto;

}

.clearfix {

	clear: both;

	float: none;

}

#wrapper {

	min-height: 100%;

	position: relative;

}

.full-width {

	width: 100%;

	min-height: 400px;

	padding-bottom: 300px;

}

.Out {

	opacity: 0;

	transform: scaleY(0);

}

.In {

	opacity: 1;

	transform: scaleY(1);

}

.main {

	position: relative;

}

h1, h2, h3 {

	font-family: 'Oswald', sans-serif;

}

h4, h5 {

	font-family: 'Raleway', sans-serif;

}

h6, p {

	font-family: 'Raleway', sans-serif;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: inherit;

}

h1 {

	font-size: 50px;

	font-weight: 100 !important;

	line-height: 1.5;

	margin: 0 auto 15px;

	letter-spacing: 1px;

}

h2 {

	font-size: 40px;

	font-weight: 100 !important;

	line-height: 1.5;

	letter-spacing: 1px;

}

h3 {

	font-size: 30px;

	font-weight: 100 !important;

	line-height: 1.5;

	letter-spacing: 1px;

}

h4 {

	font-size: 20px;

	font-weight: normal;

	line-height: 1.5;

	letter-spacing: 1px;

}

h5 {

	font-size: 15px;

	font-weight: normal;

	line-height: 1.5;

	letter-spacing: 1px;

}

h6 {

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 1px;

}

p {

	font-size: 15px;

  line-height:1.5;

	font-weight: normal;

	margin: 15px 0;

	letter-spacing: 1px;

}

.desc {

	position: relative;

	z-index: 100;

	text-align: center;

}

.small {

	font-size: 13px !important;

  color:#ffffff !important;

}

/*Kenburn Background*/

#kb-container {

	position: fixed;

	top: 0;

	left: 0;

	z-index: -2;

}

button.close-panel {

	background: transparent url(../images/close.png) no-repeat center center;

	border: 0px dotted #fff;

	width: 44px;

	height: 44px;

	font-size: 0px;

	float: right;

	-webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-ms-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out;

}

button.close-panel:hover {

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}

.padtop {

	padding-top: 40px;

}

.entry{

	margin-top: 20px;

}

.content-wrapper h2 {

	border-bottom: 1px solid #fff;

	margin-bottom: 40px;

}

.content-wrapper h2:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 15px;

	width: 50px;

	height: 2px;

	background-color: #ffffff;

}

.title_header {

	position: relative;

	margin-top: 210px;

	margin-right: 25px;

	float: right;

	z-index: 110;

	text-align: right;

}

#team-panel h4 {

	font-weight: bold;

	margin-top: 15px;

}

input[type="text"],input[type="email"],input[type="password"],textarea {

	background-color: rgba(255,255,255,0.8);

	border: 0 none;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	color: #000000;

	font-family: inherit;

	font-size: 14px;

	padding: 6px 10px;

  margin:0px 0px 8px 0px;

	transition: all 0.7s ease 0s;

	width: 100%;     

}

input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus {

	background-color: rgba(255,255,255,1);

}



/* ------------------------------**Subscribe Box**--------------------------------*/

.subscribe {

	position: relative;

	height: 40px;

	margin: 25px 0px 0px 0px;

	width: 100%;

}

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {

	color: #999;

}

.subscribe  input[type="text"] {

	padding: 9px 50px 9px 15px;

}

#subscribe_submit {

	background: transparent url(../images/envelope.png) no-repeat top right;

	color: #fff;

	font-weight: 100;

	font-size: 12px;

	border: none;

	padding: 1px 15px 4px;

	outline: none;

	position: absolute;

	right: 11px;

	top: 10px;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

#subscribe_submit:hover {

	background: transparent url(../images/envelope.png) no-repeat top right;

}



/*----------Audio Player-------------*/

.player{

 right: 30px;

 top:30px; 

 position:absolute;

 z-index:1000;

 border:1px solid rgba(255,255,255,0.7);

 border-radius: 100%;

 width:40px;

 height:40px;

 padding:5px 7px;

 

}

.cp-container {

	position: relative;

	-webkit-tap-highlight-color:rgba(0,0,0,0);

}

.cp-controls {

	margin:0;

	padding: 5px;

}



.cp-controls li{

	list-style-type:none;

	display: block;

	/*IE Fix*/  

	position:absolute;

}



.cp-controls li a{

	position: relative;

	display: block;

	width:13px;

	height:19px;    

  text-indent:-9999px;

	z-index:1;      

  

}

.cp-controls .cp-play {

	background: url("../images/controls.png") -13px -17px no-repeat;

}



.cp-controls .cp-play:hover {

	background: url("../images/controls.png") 0px -17px no-repeat;

}



.cp-controls .cp-pause {

	background: url("../images/controls.png") -11px 0px no-repeat;

}



.cp-controls .cp-pause:hover {

	background: url("../images/controls.png") 0px 0px no-repeat;

}



/* ------------------------------**Contact Form**--------------------------------*/

#contactForm {

	margin: 0px;

  padding:0px;

}

#contactForm_submit {

	background-color: #666666;

	color: #fff;

	font-weight: 100;

	font-size: 14px;

	border: none;

 	border-radius: 8px;

	padding: 9px 15px;

	outline: none;

	position: relative;

	margin-top: 10px;

  width:100%;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

#contactForm_submit:hover {

	background-color: #999999;

}



.row {

	margin-top: 30px;

}

/* No JS-------------------------------------------------*/

.no-js #countdown, .no-js #preload {

	display: none;

}

/*-----------------------------   **Countdown**------------------------------*/

#countdown {

	font-family: 'Raleway', sans-serif;

	font-size: 14px;

	text-transform: lowercase;

	color: #fff;

	font-weight: 100;

	overflow: visible;

	white-space: nowrap;

	display: inline-block;

	margin: 0px auto;

}

#countdown > div {

	float: left;

	width: 250px;

	height: 250px;

	border: 1px solid transparent;

	text-align: center;

}

#countdown > div:nth-child(3) {

	position: absolute;

	margin-top: 125px;

	margin-left: 125px;

}

#countdown > div:nth-child(4) {

	position: absolute;

	margin-top: 125px;

	margin-left: 375px;

}

#countdown #days, #countdown #hours, #countdown #minutes, #countdown #seconds {

	font-family: 'Oswald', sans-serif;

	display: block;

	font-size: 70px;

	font-weight: 700;

	line-height: 70px;

	letter-spacing: 1px;

}

#countdown #days-text, #countdown #hours-text, #countdown #minutes-text, #countdown #seconds-text {

	text-align: center;

	text-transform: lowercase;

	margin-bottom: 4px;

}

.diamond {

	width: 150px;

	height: 150px;

	border: 1px solid transparent;

	text-align: center;

	margin-top: 30px;

	margin-left: 50%;

	-moz-transform: translateX(-75px);

	-webkit-transform: translateX(-75px);

	-o-transform: translateX(-75px);

	-ms-transform: translateX(-75px);

	transform: translateX(-75px);

}

.diamond-shape {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	z-index: 1;

	width: 70.710678118%;

	height: 70.710678118%;

	margin: 14.644660941%;

	background: url(../images/overlay1.png) repeat top left rgba(0,0,0,0.1);

	box-shadow:  0px 1px 1px 0px rgba(51,51,51,0.5);

	-webkit-box-shadow: 0 0px 1px 0px rgba(51,51,51,0.5);

}

.light {

	background: none rgba(0,0,0,0.4) !important;

}

.diamond-shape-inner {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: center center;

	-moz-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	padding-top: 70px;

	width: 141.421356237%;

	height: 141.421356237%;

	margin: -20.7106781185% 0 0 -20.7106781185%;

}

.diamond .diamond-shape-inner {

	padding-top: 45px;

}

/*Google MAP*/

#map {

	position: relative;

	width: 100%;

	height: 200px;

	margin: 0px auto;

	border-radius: 8px;

	-webkit-border-radius: 8px

}

/* Preload */

#preload {

	background-color: #000;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 998;

}

#preload-content {

	width: 100px;

	height: 100px;

	margin-left: -50px;

	margin-top: -50px;

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 999;

}

.preload-text {

	color: #fff;

	font-size: 14px;

	text-align: center;

}

.preload-bounce {

	margin: 0 auto 15px;

	text-align: center;

}

.bounce1, .bounce2, .bounce3, .bounce4 {

	-webkit-animation-name: pbounce;

	-webkit-animation-duration: 1.4s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-fill-mode: both;

	-moz-animation-name: pbounce;

	-moz-animation-duration: 1.4s;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: ease-in-out;

	-moz-animation-fill-mode: both;

	-o-animation-name: pbounce;

	-o-animation-duration: 1.4s;

	-o-animation-iteration-count: infinite;

	-o-animation-timing-function: ease-in-out;

	animation-name: pbounce;

	animation-duration: 1.4s;

	animation-iteration-count: infinite;

	animation-timing-function: ease-in-out;

	animation-fill-mode: both;

	background: #D3304D;

	display: inline-block;

	height: 15px;

	margin: 0 3px;

	opacity: 0.6;

	width: 15px;

	border-radius: 100%;

	-webkit-border-radius: 100%

}

.bounce1 {

	-webkit-animation-delay: -0.48s;

	-moz-animation-delay: -0.32s;

	-o-animation-delay: -0.32s;

	animation-delay: -0.32s;

}

.bounce2 {

	-webkit-animation-delay: -0.32s;

	-moz-animation-delay: -0.16s;

	-o-animation-delay: -0.16s;

	animation-delay: -0.16s;

}

.bounce3 {

	-webkit-animation-delay: -0.16s;

	-moz-animation-delay: -0.16s;

	-o-animation-delay: -0.16s;

	animation-delay: -0.16s;

}

@-webkit-keyframes pbounce {

0%, 80%, 100% {

	-webkit-transform: scale(0.0)

}

40% {

	-webkit-transform: scale(1.0)

}

}

@-moz-keyframes pbounce {

0%, 80%, 100% {

	-moz-transform: scale(0.0)

}

40% {

	-moz-transform: scale(1.0)

}

}

@keyframes pbounce {

0%, 80%, 100% {

	transform: scale(0.0)

}

40% {

	transform: scale(1.0)

}

}

/*----------------------------        **Footer**----------------------------*/

.footer-sidebar {

	width: 400px;

	height: 150px;

	position: absolute;

	bottom: 0;

	text-align:center;

  opacity: 0.9;

	z-index: 101;

}

.footer-inner {

	padding: 0px;

	text-align:center

	position: center;

	z-index: 101;

}

.footer-inner nav {

	width: 500px;

}

.footer-inner nav a {

	display: table-row;

	cursor: pointer;

	letter-spacing: 1px;

	font-size: 14px;

}

.footer-inner nav a:hover, .footer nav a:focus {

	text-decoration: none;

	color: #cccccc;

}

/*--------------------------------------------------       **Social Icons Roll Over**---------------------------------------------------*/

.social {

	margin: 10px 0 0 0;

  padding:0px;

}

.social .item {

	-moz-transition: all 0.3s ease 0s;

	padding-top: 15px;

}

.social a.item {

	width: 50px;

	height: 50px;

	display: block;

	text-align: center;

}

.diamonds {

	text-align: center;

	overflow: visible;

	white-space: nowrap;

	display: inline-block;

}

.diamond-row-wrap {

	text-align: center;

	position: relative;

	float: left;

	clear: both;

}

.diamond-row-upper, .diamond-row-lower {

	overflow: visible;

	clear: both;

	width: 100%;

}

.diamond-row-lower {

	overflow: visible;

	position: absolute;

	bottom: 0;

}

.diamond-row-lower .diamond-box {

	margin-left: 64.644660941%;

/* 0.5 + 1 / sqrt(2) / 2 */

	margin-top: 64.644660941%;

}

.diamond-box-wrap {

	float: left;

	width: 250px;

/* Size of diamonds */

	height: 250px;

}

.diamond-box {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	z-index: 1;

	width: 70.710678118%;

/* x = sqrt(x^2 / 2) = 1 / sqrt(2) = 0.70710678118 */

	height: 70.710678118%;

	margin: 14.644660941%;

	background-color: rgba(111,183,68,0.5);

	border: 1px solid #F36F21;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.diamond-box-inner {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: center center;

	-moz-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	width: 141.421356237%;

/* sqrt(2) */

	height: 141.421356237%;

	margin: -20.7106781185% 0 0 -20.7106781185%;

/* (1 - sqrt(2)) / 2 */

}

.diamond-box:hover {

	background-color: rgba(111,183,68,0.9);

  color:#cccccc;

}

@media (max-width:760px) {

#countdown > div {

	width: 150px;

/* Size of diamonds */

	height: 150px;

}

#countdown > div:nth-child(3) {

	margin-top: 75px;

	margin-left: 75px;

}

#countdown > div:nth-child(4) {

	margin-top: 75px;

	margin-left: 225px;

}

.diamond-shape-inner {

	padding-top: 35px;

}

#countdown #days, #countdown #hours, #countdown #minutes, #countdown #seconds {

	font-size: 40px;

	line-height: 40px;

}

#countdown #days-text, #countdown #hours-text, #countdown #minutes-text, #countdown #seconds-text {

	font-size: 14px;

}

.title_header {

	margin-top: 130px;

}

.title_header h1 {

	font-size: 36px;

}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media (max-width:480px) {

.container {

	padding-left: 0px !important;

	padding-right: 0px !important;

}

.row {

	margin: 0px;

}

.content-wrapper h2 {

	font-size: 32px;

}

.diamond {

	margin-left: 50%;

	-moz-transform: translateX(-60px);

	-webkit-transform: translateX(-60px);

	-o-transform: translateX(-60px);

	-ms-transform: translateX(-60px);

	transform: translateX(-60px);

}

#countdown > div {

	width: 100px;

/* Size of diamonds */

	height: 100px;

}

#countdown > div:nth-child(3) {

	margin-top: 50px;

	margin-left: 50px;

}

#countdown > div:nth-child(4) {

	margin-top: 50px;

	margin-left: 150px;

}

.diamond-shape {

	margin: 0;

}

.diamond-shape-inner {

	padding-top: 20px;

}

.serviceIcon {

	font-size: 20px;

	line-height: 20px;

}

#countdown #days, #countdown #hours, #countdown #minutes, #countdown #seconds {

	font-size: 26px;

	line-height: 26px;

}

#countdown #days-text, #countdown #hours-text, #countdown #minutes-text, #countdown #seconds-text {

	font-size: 12px;

	margin-bottom: 1px;  

}

.footer-inner nav a {

	font-size: 12px;

}

.title_header {

	margin-top: 70px;

}

.title_header h1 {

	font-size: 28px;

}

}