body {
	margin: 0px;
	padding: 0px;
	background: #eee url() repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: bold;
	color: #000;
}

h1, h2{
	margin: 15px 0px 5px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

h3 {
	margin: 15px 0px 5px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 0.8em;
}

p, ul, ol {
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
text-decoration:underline;
}

#wrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

/** HEADER */

#header {
	width: 1200px;
	height: 05px;
	margin: 0px auto;
}

/** LOGO */

#logo {
	height: 73px;
	padding-top: 10px;
        float: center;
        text-align: right;
}

#logo h1 {
	margin: 0px;
	font-size: 20px;
	font-weight: normal;margin-bottom:-12px;
}

#logo h1 a {
	text-decoration: none;
	color: #373737;
}

#logo p {
	padding-left: 3px;
	text-transform: uppercase;
	font-family: yekan;
	font-size: 12px;
	color: #eee;
}

#logo a {
	color: #eeee;
}

/** MENU */

#menu {
	height: 48px;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: right;
	margin-right: 1px;
}

#menu a {
	display: block;
	height: 28px;
	padding: 14px 20px 0px 20px;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	font-size: 1em;


}

#menu a:hover {
	text-decoration: underline;
	background: #373737;
}

#menu #active {
	background: #373737;
}

/* Search */

#search {
	float: right;
	width: 270px;
	height: 60px;
	padding: 0px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

fieldset#contact-form {
	width: 350px;
	padding: 15px;
	border: 2px solid #DEDEDE;
	background: #aaa;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #222;
}
fieldset#contact-form input {height:18px;font-size:14px;margin-bottom:12px;padding:3px;}

fieldset#contact-form  #contact-button  {
	width: 150px;
	height: 24px;
	border: none;
	background: #040F12;
	color: #FFFFFF;
}

fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:300px;padding:3px;}

/* Page */

#page {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0px;
}

#page-bgtop {
	padding: 20px px;
}

#page-bgbtm {
}

/* Content */

#content {
	float: center;
	width: 1200px;
	padding: 20px 20px 20px 20px;
}
#content li {margin-bottom:11px;line-height:13px;}
.post {
	margin-bottom: 15px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	float: center;
	height: 1px;
	margin-bottom: 20px;
	padding: 12px 0 5px 0px;
	letter-spacing: -.5px;
	color: #eee;
border-bottom:2px solid #373737;margin-top:px;
}


.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: center;
	width: 1200px;
	padding: 0px;
	color: #054A60;
	background: url() repeat-y left top;
        background-color: #dddddd
}

#sidebar-bgtop {
	background: url() no-repeat left top;
}

#sidebar-bgbtm {
	padding: 40px 0px;
	background: url() no-repeat left bottom;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li {
	line-height: 35px;
	border-bottom: 1px dashed #D1D1D1;
	margin: 0px 30px;
	border-left: none;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h4 {

	letter-spacing: -.5px;
	font-size: 1.8em;
	color: #000000;
margin:20px 0px 5px 30px;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 30px 20px 30px;
}

#sidebar a {
	border: none;
	color: #054A60;
	text-decoration: underline;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #054A60;
}

/** FOOTER */

#footer-wrapper {
	background: url() repeat-x left top;
	height: 250px;
}

#footer {
	width: 1200px;
	height: 250px;
	margin-left: 20px auto;
	background: url() no-repeat left top;
}

#footer p {
	margin: 0px;
	padding: 20px 20px 20px 20px;
	text-align: center;
	color: #fff;
}

#footer a {
	text-decoration: underline;
	color: #fff;
}

#footer .legal {
}

#footer .links {
}

blockquote {font-style:italic;}
img {border:2px solid #aaa;}


a.arrow-down { display: block; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; width:61px; height:64px; margin:auto; background: url(images/arrow-down.png) no-repeat 0 0; position:absolute; bottom:90px; left:48%; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index:99;}

@-moz-keyframes bounce {

  0% {-moz-transform: translateY(0); transform: translateY(0);}
  20% { -moz-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-moz-transform: translateY(0); transform: translateY(0);}
  60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-moz-transform: translateY(0); transform: translateY(0);}
  100% {-moz-transform: translateY(0); transform: translateY(0);}
}

@-webkit-keyframes bounce {

  0% {-webkit-transform: translateY(0); transform: translateY(0);}
  20% {-webkit-transform: translateY(0); transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-webkit-transform: translateY(0); transform: translateY(0);}
  60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-webkit-transform: translateY(0); transform: translateY(0);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

@-o-keyframes bounce {

  0% {-o-transform: translateY(0); transform: translateY(0);}
  20% {-o-transform: translateY(0); transform: translateY(0);}
  40% { -o-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-o-transform: translateY(0); transform: translateY(0);}
  60% {-o-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-o-transform: translateY(0); transform: translateY(0);}
  100% {-o-transform: translateY(0); transform: translateY(0);}
}

@-ms-keyframes bounce {

  0% {-ms-transform: translateY(0); transform: translateY(0);}
  20% {-ms-transform: translateY(0);transform: translateY(0);}
  40% {-ms-transform: translateY(-30px);transform: translateY(-30px);}
  50% {-ms-transform: translateY(0);transform: translateY(0);}
  60% {-ms-transform: translateY(-15px);transform: translateY(-15px);}
  80% {-ms-transform: translateY(0);transform: translateY(0);}
  100% {-ms-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounce {

  0% {transform: translateY(0);}
  20% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  50% {transform: translateY(0);}
  60% {transform: translateY(-15px);}
  80% {transform: translateY(0);}
  100% {transform: translateY(0);}
}
.services { width:100%; margin:0 auto; position:relative; visibility:hidden;}
#services-box { width:19.8%; height:auto; display:inline-block; float:left; margin:0 1px 0 0; padding:2.4%; position:relative; transition:0.3s; background-color:#151515;}
#services-box img { display: block; margin:auto;}
#services-box h2 { color:#fff; font-weight:300; font-size:26px; text-transform:capitalize; text-align:center; padding:20px 0; font-family:'Roboto Condensed', sans-serif;}
#services-box h2 span { font-weight:bold;}
#services-box p { line-height:20px;}
#services-box .read-more { color:#fff; font:300 14px 'Roboto', sans-serif; text-transform:uppercase; text-align:right; border:#fff solid 1px; padding:8px 10px; display:block; margin:30px auto 0 auto; width:50%;}
#services-box:hover .read-more { background:#fff; color:#3a3c41;}
#services-box:hover {cursor:pointer; color:#fff;}


.featured-boxs{padding:0 0 10px;display:block; margin: 70px -2.4% 0; text-align:center;}
.featured-box { display: inline-block; margin: 0 1.5% 20px; min-width: 200px; padding: 8px 0; text-align: center; transition: all 1s ease 0s;     vertical-align: top; width: 21.5%; }
.featured-box h3.ftitle{font-weight:500;font-size:25px;color:#777777; text-align: center; transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.box-icon{  border-radius: 150px; display: block; font-size: 50px; height: 115px; width: 115px; line-height: .95; margin: 0 auto 20px; padding: 30px; text-align: center;  border: 2px solid #FFFFFF; color: #FFFFFF; box-shadow: 0 0 0 130px #26BDEF inset; transition:all .35s; -moz-transition:all .35s; -o-transition:all .35s; -webkit-transition:all .35s; }
.featured-box:hover .box-icon { color: #26BDEF; box-shadow: 0 0 0 3px #FFFFFF inset; border: 2px solid #26BDEF; background: #FFFFFF; }
.featured-box:hover h3.ftitle { color:#26BDEF; }

.bqpcontainer { padding: 30px 0 0; min-height: 300px; margin: 10px 0; }
.bqpcontainer .tesheading { color: rgba(0, 0, 0, 0.7); }
.bqpcontainer .tesheading .read-more { margin: 10px 0 0 0; font-size: 20px; line-height: 1.5; padding: 5px 15px; position: absolute; right: 5%; border-radius: 3px;}
.bqpcontainer .tesheading .read-more:after { font-size: 20px;}
.bqpcontainer .featured-boxs{margin: 30px -2.4% 0; }
.bqpcontainer .featured-box { background: #F6F6F6; width:29.7%; padding: 0; margin: 0 1.5% 40px; overflow: hidden; border: none; border-radius: 3px; border-bottom: 5px solid #26BDEF;  }
.attachment-innovationlite-fpage-thumb { width: 100%; height: auto; position: relative; }
.fppost-content { padding: 7px; }
.bqpcontainer .featured-box:hover { margin-top: 0; border-bottom: 5px solid #076896; }
.bqpcontainer .featured-box:hover .read-more {  background: #076896; }
.bqpcontainer .fpthumb { max-height: 15vw; }
.bqpcontainer .fpthumb img { min-height: 15vw; }
#wpsblogpost.bqpcontainer { background: transparent; margin:0; }
#wpsblogpost.bqpcontainer .featured-box { border-right: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; }

.fpthumb { width: 100%; overflow: hidden; margin-bottom: 15px; position: relative; }

.effect img { opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.effect .mask { opacity:0; overflow:visible; border-color:rgba(0,0,0,0.7) transparent transparent transparent; border-style:solid; border-width:230px; width:0; height:0;    -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px);    -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; }
.effect:hover img { opacity:0.9; -moz-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); transform:scale(1.5,1.5); }

#grid-gallery {clear: both; position: relative}
#filter-gallery {list-style-type: none; margin: 50px auto; padding: 0; display: table;}
#filter-gallery li, #filter a {display: block; float: left; margin: 0; text-align: center;}
#filter-gallery a {background-color: #EEEEEE;  border-radius: 3px; color: #2c3f52; display: block; float: left; line-height: 36px; margin: 0 8px; padding: 0 18px; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}

#filter-gallery a.active, #filter-gallery a:hover {background: #26BDEF; color:#FFFFFF;}
.item-gallery { width:22%; background: #FFFFFF; min-width: 200px; margin:0 1.5% 20px; display:block; text-align:center; vertical-align:top; overflow: hidden; border-radius: 3px; ransition:all 1s; }
.gallerycontainer { background: #2c3f52; display: block; overflow: hidden; padding-bottom: 70px;  }
.gallerycontainer .boxtopicon, .gallerycontainer .boxtoptitle, .gallerycontainer .boxtopdes { color: #FFFFFF; }

.gallery-overlay { height: 100%; width: 100%; background: rgba( 0, 0, 0, .5 ); top:0; color: #FFFFFF; left: 100%; position: absolute; padding: 30px 10px; transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; }
.item-gallery:hover .gallery-overlay { left: 0; }
.item-gallery img { position: relative; transition:all 1s; -moz-transition:all 1s; -o-transition:all .5s; -webkit-transition:all 1s; }
.item-gallery:hover img { -moz-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); transform:scale(1.5,1.5); }
.item-gallery .read-more { float: none; opacity: .7; }

blockquote, q {background:#DDDDDD;background:rgba(200, 200, 200, 0.10);border-left:10px solid #CCCCCC;margin:20px 10px;padding:10px;quotes:quotes:'<<' '>>';}
blockquote:before, q:before {color:#CCCCCC;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote:after, q:after {color:#CCCCCC;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote p, q p {display:inline;}

#customers-comment { margin: 0; }
#customers-comment li { list-style: none; }
.tesheading { color: rgba(0, 0, 0, 0.3); font-size: 50px; text-align:center; text-shadow: 0 1px 0 #FFFFFF;  }
.tesback { background:#F6F6F6; margin-top: 0px; padding: 10px 0; color: #777777; font-size: 13px; }
.fpage-quote { background: #FFFFFF; padding: 20px; margin: 0 10px; }
.fpage-quote h3 { color:#141414; text-align: center; }
.arrow-down { border-color: #FFFFFF transparent; border-style: solid solid none; border-width: 30px 0 0 30px; float: left; height: 0; margin: -10px 0 0 20px; width: 0; }
#customers-comment li img { width: 60px; height: 60px; margin: 10px; border-radius: 150px; float: left; }
#customers-comment li h4 { display: table-cell; font-style: italic; padding: 30px 0 0; }

.clntback { margin: 1px 0; padding: 10px; }
.clntback .clientslider ul { padding: 10px 0; }
.clntback .clientslider ul li img { float: left; margin: 15px; width: 130px; }

.post-meta { display: table; font-weight: 500; margin: 5px 0 10px; line-height: 2;}
.post-meta span:before { padding-right: 5px;}
.post-meta span { padding-right: 20px;}

#video-box-item { overflow:hidden; position:relative; width:100%; height:704px; background: #272d35; display: table; padding-bottom: 170px; background-size: 100% auto;}
#video-box-item .play_pause_wrapper { transform:translateY(65%) scale(0.4); -o-transform:translateY(65%) scale(0.4); 	-ms-transform:translateY(65%) scale(0.4); 	-webkit-transform:translateY(65%) scale(0.4); }
.vidtitle { position:relative; text-align: center; display:table-cell; vertical-align: middle; }
.vidtitle h2 { font-size: 68px; line-height: 1; font-weight: 500; color: #26BDEF; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.vidtitle span { position:relative; display:inline-block; width:163px; height:163px; cursor:pointer; border-radius:50%; border:15px solid #26BDEF; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.vidtitle span:hover {border-color:#FFFFFF;}
.vidtitle span:before  { content: "\f04b"; position:absolute; left:8px; top:0; width:132px; height:132px; text-align:center; line-height:133px; font-size:74px; color:#26BDEF; 	transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; }
.vidtitle span:hover:before, .vidtitle:hover h2 {color:#FFFFFF;}
.vidtitle span.play_pause:before {content: "\f04c"; left:0;}
#video-box-item #controlBar_P2 {position:static !Important;}
#controlBar_P1 {position:static !important;}
#video-box-item iframe { margin-top:0 !important;}
#video-box-item .buttonBar span {display:none !important;}

.displaybox { background:url("images/slide/slideback2.jpg") repeat fixed center bottom / 100% auto transparent; padding: 100px 5%; position: relative; }
.over-image { background:url("images/overimage.png") repeat fixed center bottom transparent; position: absolute; width: 100%; height: 100%; top:0; left:0; }
.displaybox img { max-width: 90%; margin: 0 auto; display: block; padding: 20px 0; }
.absolutediv { position: relative; color: #FFFFFF; }
.absolutediv .boxtoptitle, .statbox .boxtoptitle { color: #FFFFFF; font-size: 65px; }

.statbox { background:  #2c3f52; display: block; overflow: hidden; color: #FFFFFF; text-align: center; padding: 20px 0; }
.statitem { width: 25%; min-width: 150px; float: left; }
.statitem  span { font-size: 55px; color:rgba(255,255,255, .3); transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.statitem  h3 { font-size: 77px; color: #26BDEF; clear: both; font-weight: 500; line-height: 1; }
.statitem  p { font-size: 23px; line-height: 1; }
.statitem:hover span { color:rgba(255,255,255, 1); }

.priceboxcontainer { background:#87d7fc; overflow: hidden; }
.priceboxcontainer .boxtopicon, .priceboxcontainer .boxtoptitle, .priceboxcontainer .boxtopdes { color: #FFFFFF; }
.priceboxcontainer .box-icon { height: 170px; padding: 5px; width: 170px; font-size: 57px; line-height: 2.5; font-weight: 500; box-shadow: 0 0 0 170px #26BDEF inset; }
.priceboxcontainer .featured-box:hover .box-icon, .priceboxcontainer .featured-box:hover h3.ftitle { border-color:  #26BDEF; color: #26BDEF; }
.priceboxcontainer .featured-box:hover .pricebutton { background: #26BDEF; }
.priceboxcontainer .featured-box h3.ftitle { font-weight: 500; top: 25px; }
.priceboxcontainer .featured-box .pricebutton { background: #2c3f52; border-radius: 2px; color: #fff; padding: 10px; text-align: center; font-size: 20px; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }
.priceboxcontainer ul.priceboxitem { margin: 0; padding: 0; }
.priceboxcontainer ul.priceboxitem li { color: #555555; list-style: none outside none; text-align: center; font-size: 17px; padding: 10px 0; border-top: 1px dashed #CCCCCC; } 
.priceboxcontainer .specialprice { color: #FFFFFF; text-align: center;  width: 70%; display: block; margin: -25px auto 10px; height: 30px; }
.priceboxcontainer .specialprice p { background: #26BDEF; padding: 5px; font-weight: 500; width: 100%; display: table;  }
.priceboxcontainer .priceshadow { background: #AAAAAA; color: #FFFFFF; display: block; border-radius: 0 0 3px 3px; height: 0px; margin: 8px auto -8px; text-align: center; width: 90%; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }
.priceboxcontainer .featured-box:hover .priceshadow { margin: 8px auto -23px; height: 15px; }
.priceboxcontainer .featured-box:hover { margin-top: -15px; }

.hline { background: url("images/hlineback.png") no-repeat scroll center top transparent; border-bottom: 1px solid #f0f0f0; display: block; height: 10px; margin: 9px 0 15px; width: 100%; }
.boxtopicon { text-align: center; margin: 45px auto 0; color: #26BDEF; font-size: 40px; }
.boxtoptitle { text-align: center; width: 90%; margin: 0 auto; font-size:48px; color: #141414; }
.boxtopdes { text-align: center; width: 90%; margin: 0 auto; font-size:18px; line-height: 21px; max-width: 650px; padding: 21px 0 0; font-weight: 300; }

.social a:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.social a::before { content: '\f005'; display: inline-block; font-size: 30px; vertical-align: top; -webkit-font-smoothing: antialiased; }

.social-link a[href*="wordpress.org"]::before,
.social-link a[href*="wordpress.com"]::before { 
	content: '\f19a';
	color:   #09b6db;
}
.social-link a[href*="dribbble.com"]::before {
	content: '\f17d';
	color:   #ea4c89;
}
.social-link a[href*="github.com"]::before {
	content: '\f113';
	color:   #555555;
}
.social-link a[href*="tumblr.com"]::before {
	content: '\f173';
	color:   #455afa;
}
.social-link a[href*="youtube.com"]::before {
	content: '\f16a';
	color:   #F90909;
}
.social-link a[href*="flickr.com"]::before {
	content: '\f16e';
	color:   #ff0084;
}
.social-link a[href*="vimeo.com"]::before {
	content: '\f194';
	color:   #1AB7EA;
}
.social-link a[href*="codepen.io"]::before {
	content: '\f1cb';
	color:   #555555;
}
.social-link a[href*="linkedin.com"]::before {
	content: '\f0e1';
	color:   #05ace3;
}