@charset "utf-8";
li ol, li ul, ol, ul {
	margin: 0;
	padding: 0
}
address, dfn, em {
	font-style: italic
}
.clear, .mr_b10, .mr_b15, .mr_b20, .mr_b25, .mr_b30, .mr_b35, .mr_b40, .mr_b45, .mr_b5, .mr_b50, .mr_b55, .mr_b60 {
	clear: both
}
body {
	color: #272727;
	font-size: 15px;
	line-height: 1.6;
	font-family: Lato, sans-serif
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	color: #000;
	font-family: Arvo, serif
}
a:focus, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline
}
h1 {
	font-size: 2em
}
h2 {
	font-size: 1.8em
}
h3 {
	font-size: 1.5em
}
h4 {
	font-size: 1.2em
}
h5 {
	font-size: 1em
}
h6 {
	font-size: .8em
}
a {
	color: #187eba;
	text-decoration: none
}
a, a:active, a:focus, a:hover {
	outline: 0!important
}
a:hover {
	color: #0f6ea6;
	text-decoration: none
}
a:focus, a:hover {
	text-decoration: none;
	outline: 0
}
ul {
	list-style: none
}
p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 10px
}
sub, sup {
	line-height: 0;
	font-size: smaller
}
p img.left, p img.right {
	margin: 1.5em 1.5em 1.5em 0
}
p img.left {
	float: left;
	padding: 0
}
footer .social-media, p img.right {
	float: right
}
strong {
	font-weight: 700
}
dfn {
	font-weight: 600
}
sup {
	vertical-align: super
}
sub {
	vertical-align: sub
}
abbr, acronym {
	border-bottom: 1px dashed #ccc
}
address {
	margin: 0 0 1.5em
}
del {
	color: #666
}
code, pre, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5em;
	display: block
}
code {
	background-color: #eee;
	display: inline;
	padding: 0 2px 1px;
	line-height: 1.1em
}
pre {
	margin: 1.5em 0;
	white-space: pre
}
.inputfile+label, .inputfile-6+label span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.clear {
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.hide {
	display: none
}
.block {
	display: block!important
}
.inline {
	display: inline!important
}
.home_wrapper h1 span, .title span {
	display: block
}
.bold {
	font-weight: 600
}
.italic {
	font-style: italic
}
.uppercase {
	text-transform: uppercase
}
.mr_none {
	margin: 0!important
}
.mr_b5 {
	margin-bottom: 5px
}
.mr_b10 {
	margin-bottom: 10px
}
.mr_b15 {
	margin-bottom: 15px
}
.mr_b20 {
	margin-bottom: 20px
}
.mr_b25 {
	margin-bottom: 25px
}
.mr_b30 {
	margin-bottom: 30px
}
.mr_b35 {
	margin-bottom: 35px
}
.mr_b40 {
	margin-bottom: 40px
}
.mr_b45 {
	margin-bottom: 45px
}
.mr_b50 {
	margin-bottom: 50px
}
.mr_b55 {
	margin-bottom: 55px
}
.mr_b60 {
	margin-bottom: 60px
}
.mr_auto {
	margin: 0 auto
}
.pd_none {
	padding: 0!important
}
.ft6 {
	font-size: 6px
}
.ft7 {
	font-size: 7px
}
.ft8 {
	font-size: 8px
}
.ft9 {
	font-size: 9px
}
.ft10 {
	font-size: 10px
}
.ft11 {
	font-size: 11px
}
.ft12 {
	font-size: 12px
}
.ft13 {
	font-size: 13px
}
.ft14 {
	font-size: 14px
}
.ft15 {
	font-size: 15px
}
.ft16 {
	font-size: 16px
}
.ft17 {
	font-size: 17px
}
.ft18 {
	font-size: 18px
}
.ft19 {
	font-size: 19px
}
.ft20 {
	font-size: 20px!important
}
.title {
	margin-bottom: 20px
}
.title span {
	width: 50px;
	height: 2px;
	background: #1a3b7e
}
.navbar {
	margin: 0;
	background: 0 0;
	border: none
}
nav.large img {
	width: 249px;
	height: 89px;
	transition: all .5s
}
nav.small {
	transition: all .1s;
	background: rgba(46,65,104,.9);
	padding-bottom: 32px
}
nav.small img {
	width: 150px;
	height: 54px;
	transition: all .5s
}
.home_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	background: rgba(23,42,84,.8);
	padding-top: 250px;
	padding-bottom: 100px
}
.home_wrapper h1 {
	color: #fff;
	padding: 0 2%;
	font-size: 3.1em;
	line-height: 1.5em
}
.home_wrapper p {
	color: #fff;
	font-size: 30px;
	margin-top: 20px
}
.pd_5 {
	padding: 5px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.home_wrapper {
	min-height: 107.5%
}
#services {
	padding-top: 90px!important
}
}
#banner {
	background: url(../images/banner_bg.jpg) no-repeat;
	padding: 170px 0 58px;
	text-align: center;
	width: 100%;
	background-size:  100% 100%!important;
}
#banner .title h2 {
	color: #fff;
	font-size: 40px
}
#banner .title p {
	color: #fff;
	font-style: italic
}
#banner .pages {
	color: #83aff9;
	margin-top: 25px
}
#banner .pages a {
	color: #83aff9
}
#banner.what-do {
	background: url(../images/banner_bg2.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do2 {
	background: url(../images/banner_bg3.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do3 {
	background: url(../images/banner_bg4.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do4 {
	background: url(../images/banner_bg5.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do5 {
	background: url(../images/banner_bg6.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do6 {
	background: url(../images/banner_bg7.jpg) no-repeat!important;
	background-size:  100% 100%!important;
}
#banner.what-do7 {
	background: url(../images/banner_bg8.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do8 {
	background: url(../images/banner_bg9.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do9 {
	background: url(../images/banner_bg10.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do10 {
	background: url(../images/banner_bg11.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#banner.what-do11 {
	background: url(../images/banner_bg12.jpg) no-repeat!important;
	background-size: 100% 100%!important;
}
#services {
	padding: 50px 0
}
#services .services-inner {
	margin: 15px 0;
	text-align: center
}
#services .services-inner .heading h2 {
	color: #383838;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase
}
#services .services-inner .service-img {
	margin: 40px 0
}
#services .services-inner .service-content p {
	margin-bottom: 40px
}
#services .services-inner .service-content a.btn.btn-default {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	transition: all .3s
}
#services .services-inner .service-content a.btn.btn-default:hover {
	background: #303030;
	color: #fff;
	border-color: #303030
}
#about-us {
	padding: 50px 0;
	background: #f9f9f9
}
#about-us .about-content .heading {
	margin-bottom: 30px
}
#about-us .about-content h4 {
	color: #6e6e6e;
	line-height: 30px;
	font-size: 17px;
	margin-bottom: 20px
}
#about-us .about-image img {
	margin: 30px auto
}
#start-up {
	padding: 50px 0 0
}
#start-up .start-content {
	width: 100%;
	text-align: right;
	padding-top: 140px
}
#start-up .start-content h3 {
	color: #ff5d00;
	font-size: 32px
}
#start-up .start-content p {
	font-size: 1.85rem;
	color: #767676;
	margin: 20px 0
}
#start-up .start-content .btn.btn-default {
	padding-left: 35px;
	padding-right: 35px;
	margin-top: 20px;
	border-radius: 0;
	text-transform: uppercase;
	transition: all .3s;
	box-shadow: 0 4px 6px rgba(0,0,0,.1)
}
#start-up .start-content .btn.btn-default:hover {
	background: #ff5d00;
	border-color: #ff5d00;
	color: #fff;
	transform: scale(1.04)
}
#technology {
	background: #e5e7e8;
	padding: 40px 0
}
#technology img {
	margin: 10px auto
}
footer {
	background: #1c1c1c;
	padding: 50px 0;
	color: #707070;
	font-size: 13px
}
footer .social-media ul li a {
	font-size: 20px;
	color: #777
}
footer .social-media ul li a:hover {
	color: #fff
}
.scrollup {
	display: none;
	position: fixed;
	bottom: 1em;
	right: 1em;
	width: 40px;
	height: 40px;
	background-color: #111;
	color: #fff;
	border: 1px solid #ddd;
	z-index: 99999;
	text-align: center;
	transition: all .3s
}
.scrollup i {
	margin: 7px 0 0;
	font-size: 20px
}
.scrollup:hover {
	background: #ee411c;
	color: #fff
}
#our-process {
	padding: 60px 0
}
#our-process.gray {
	background: #f5f5f5
}
#our-process .process-content {
	padding-top: 50px
}
#what-do .grid50 {
	width: 50%;
	float: left
}
#what-do .grid50 i {
	color: #fff;
	font-size: 50px;
	margin-bottom: 20px
}
#what-do .grid50 h3 {
	color: #fff;
	font-size: 22px
}
#what-do .grid50 p, #what-do .grid50 span {
	color: #fff;
	font-size: 16px
}
#what-do .grid50 .web-design {
	background: url(../images/web-design2.jpg) center center no-repeat;
	padding: 60px;
	min-height: 550px;
	box-sizing: border-box;
	display: block;
	background-size: cover;
	transition: all .3s;
	opacity: .9
}
#what-do .grid50 .web-design:hover {
	opacity: 1
}
#what-do .grid50 .web-design.mobile-app {
	background: url(../images/mobile-app.png) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.iot {
	background: url(../images/iot.jpg) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.ui-ux-design {
	background: url(../images/ui-ux-design.jpg) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.digital-marketing {
	background: url(../images/digital-marketing.jpg) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.wearables {
	background: url(../images/wearables.jpg) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.support {
	background: url(../images/support.jpg) center center no-repeat;
	background-size: cover
}
#what-do .grid50 .web-design.backend {
	background: url(../images/backend.jpg) center center no-repeat;
	background-size: cover
}
#ui-ux-design {
	position: relative;
	padding-bottom: 50px
}
#ui-ux-design .process-steps {
	position: relative
}
#ui-ux-design .process-steps .first-step {
	text-align: center;
	margin-top: -50px
}
#ui-ux-design .process-steps .second-step {
	text-align: center;
	margin-top: 0
}
#ui-ux-design .process-steps .first-step img {
	margin: 0 auto
}
#ui-ux-design .process-steps .process-wrap {
	position: relative;
	overflow: hidden
}
#ui-ux-design .process-steps .process-wrap ul li {
	color: #96a4ab;
	font-size: 13px
}
#ui-ux-design .process-steps .process-wrap ul li i {
	font-size: 4px;
	margin-right: 3px
}
#ui-ux-design .process-steps .process-wrap.research {
	padding-top: 120px;
	position: relative
}
#ui-ux-design .process-steps .process-wrap.research:before, #ui-ux-design .process-steps .process-wrap.wireframes:before {
	width: 80px;
	height: 80px;
	margin-left: -40px;
	font-family: FontAwesome;
	font-size: 40px;
	background: #fff;
	padding-top: 7px;
	z-index: 999;
	color: #c3c3c2;
	left: 50%;
	display: block;
	text-align: center
}
#ui-ux-design .process-steps .process-wrap.research:before {
	position: absolute;
	content: '\f140';
	border-radius: 100%;
	border: 1px solid #c9d1da;
	top: 110px
}
#ui-ux-design .process-steps .process-wrap.wireframes {
	position: relative
}
#ui-ux-design .process-steps .process-wrap.wireframes:before {
	position: absolute;
	content: '\f0db';
	top: 0;
	border-radius: 100%;
	border: 1px solid #c9d1da
}
#ui-ux-design .process-steps .process-wrap.testing {
	padding-top: 10px;
	position: relative
}
#ui-ux-design .process-steps .process-wrap.testing:before {
	content: '\f0c3'
}
#ui-ux-design .process-steps .process-wrap.feel:before {
	content: '\f108'
}
#ui-ux-design .process-steps .process-wrap.code:before {
	content: '\f121'
}
#ui-ux-design .process-steps .process-wrap.inter:before {
	content: '\f1cd'
}
#ui-ux-design .process-steps .process-wrap:after {
	border-left: 2px dashed #c9d1da;
	position: absolute;
	content: '';
	display: block;
	top: 0;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	overflow: hidden;
	width: 2px
}
#pricing {
	padding: 50px 0
}
#pricing .project-demo {
	margin: 30px 0
}
#pricing .project-demo .project-logo img {
	margin: 10px auto
}
#pricing .project-cost-desc .project-images img {
	margin: 20px auto
}
#pricing .project-cost-desc .project-budget h2 {
	margin-bottom: 30px
}
#pricing .project-cost-desc .project-budget h4 {
	color: #7f7f7f
}
#pricing .project-cost-desc .project-budget h4 span {
	color: #f46161
}
#pricing .project-cost-desc .project-feature li {
	margin: 10px;
	text-align: center
}
#pricing .project-cost-desc .project-feature li span {
	font-size: 17px
}
#pricing .project-cost-desc .project-feature .box {
	width: 155px;
	height: 130px;
	display: block;
	display: table;
	text-align: center;
	margin-bottom: 12px;
	border-radius: 10px
}
#pricing .project-cost-desc .project-feature .box i {
	font-size: 40px;
	color: #fff;
	display: table-cell;
	vertical-align: middle
}
#pricing .project-cost-desc .project-feature .box.green {
	background: #1abc9c
}
#pricing .project-cost-desc .project-feature .box.yellow {
	background: #f1c410
}
#pricing .project-cost-desc .project-feature .box.orange {
	background: #d35400
}
#pricing .project-cost-desc .project-feature .box.blue {
	background: #2980b9
}
#pricing .project-cost-desc .project-feature .box.gray {
	background: #bdc3c7
}
#pricing .project-cost-desc .project-feature .box.red {
	background: #e74c3c
}
#pricing .project-cost-desc .project-feature .box.green-sea {
	background: #2c3e50
}
#pricing .project-cost-desc .project-feature .box.pink {
	background: #ea0c65
}
#pricing .project-cost-desc .teamarea {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 50px
}
#pricing .project-cost-desc .teamarea .member-icon {
	float: left;
	width: 150px
}
#pricing .project-cost-desc .teamarea .member-details {
	padding-left: 170px
}
#pricing .free-consultation h4 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px
}
#pricing .free-consultation input.form-control {
	height: 45px;
	line-height: 40px;
	border-radius: 0
}
#pricing .free-consultation textarea.form-control {
	border-radius: 0
}
#pricing .free-consultation input[type=checkbox] {
	width: 17px;
	height: 20px;
	border: 1px solid #ddd;
	margin-right: 5px
}
#pricing .free-consultation .btn.btn-primary {
	width: 100%;
	height: 55px;
	border-radius: 0;
	text-transform: uppercase
}
#pricing .free-consultation .well {
	border-radius: 0
}
#pricing .free-consultation .recent-post {
	margin-top: 50px
}
#pricing .free-consultation .recent-post ul li {
	display: block
}
#pricing .free-consultation .recent-post ul li a {
	display: block;
	color: #111;
	margin-bottom: 8px;
	padding-bottom: 8px
}
#pricing .free-consultation .recent-post ul li a:hover {
	color: #888
}
#contact-banner {
	background: url(../images/contact_banner.jpg) no-repeat;
	padding: 170px 0 70px;
	width: 100%;
	text-align: center;
	background-size: 100% 100%!important;
}
#contact-banner2 {
	background: url(../images/banner_bg13.jpg) no-repeat;
	padding: 170px 0 70px;
	width: 100%;
	text-align: center;
	background-size: 100% 100%!important;
}
#contact-banner2 h2{color:#ffffff;}
#contact-banner2 p{color:#ffffff;}
#contact-banner .title h2 {
	color: #fff;
	font-size: 40px
}
#contact-banner .title p {
	color: #fff;
	font-style: italic
}
#contact-banner .pages {
	color: #83aff9;
	margin-top: 25px
}
#contact-banner .pages a {
	color: #83aff9
}
#contact-us {
	padding: 120px 0
}
#contact-us .form-group {
	position: relative;
	margin-bottom: 30px
}
#contact-us .form-group label {
	position: absolute;
	left: 0;
	top: 8px;
	font-weight: 400;
	transition: all .1s
}
#contact-us .form-group .label_2 {
	position: absolute;
	left: 0;
	top: -10px;
	font-weight: 400;
	transition: all .3s;
	font-size: 12px
}
#contact-us .form-control {
	border-radius: 0;
	font-weight: 400;
	border-left: 0 solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 1px solid #ddd;
	border-top: 0 solid #fff;
	box-shadow: none;
	padding-left: 0
}
#contact-us .form-control2 {
	border-bottom-color: #fc3f0d
}
#contact-us input.form-control {
	height: 45px;
	line-height: 40px
}
#contact-us button {
	background: #f6592f;
	color: #fff;
	height: 60px;
	line-height: 30px;
	width: auto;
	border-radius: 50px;
	font-size: 18px;
	border-color: #f6592f;
	transition: all .3s;
	margin-top: 20px;
	box-shadow: 0 4px 6px rgba(0,0,0,.1);
	padding-left: 20px;
	padding-right: 20px
}
#contact-us button:hover {
	transform: scale(1.02);
	background: #fc3f0d
}
#contact-us .contact-info ul li {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px
}
#contact-us .contact-info .icon {
	float: left;
	width: 30px;
	text-align: center
}
#contact-us .contact-info .icon i {
	font-size: 29px;
	color: #7d7d7d
}
#contact-us .contact-info .address {
	padding-left: 40px
}
#contact-us .contact-info .address h4 {
	margin-bottom: 18px
}
#contact-us .contact-info .address span {
	font-size: 30px;
	height: 30px;
	line-height: 40px;
	width: 40px
}
#contact-us .contact-info .address span.skype_c2c_text {
	margin-bottom: 10px;
	color: #00aeef
}
#contact-us .contact-info .address span.skype_c2c_free {
	color: #f81550
}
#contact-us .qr-code {
	margin-top: 20px;
	padding-left: 40px
}
#contact-us .qr-code img {
	margin: 10px 0;
	width: 150px;
	height: 150px
}
.google-maps {
	position: relative;
	padding-bottom: 35%;
	height: 0;
	overflow: hidden
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}
#blog {
	background: 0 0;
	padding: 45px 0
}
#blog .blog-inner {
	background: #fff;
	border: 1px solid #ededed
}
#blog .blog-list {
	margin-bottom: 15px;
	padding-bottom: 15px
}
#blog .blog-list:last-child {
	margin: 0;
	padding: 0
}
#blog .blog-list .blog-content h3 {
	margin: 0
}
#blog .blog-list .blog-content h3 a {
	color: #2a2a2a;
	font-size: 24px;
	margin-bottom: 18px;
	font-weight: 700;
	border-bottom: 1px solid #ddd;
	padding-bottom: 14px;
	display: block
}
#blog .blog-list .blog-content h3 a:hover {
	text-decoration: none;
	color: #f1603f
}
#blog .blog-list .blog-content .post-info ul li {
	color: #828282;
	font-size: 12px;
	font-style: italic
}
#blog .blog-list .blog-content .post-info ul li i {
	margin-right: 3px;
	font-size: 11px
}
#blog .blog-list .blog-content .post-info ul li a {
	color: #828282
}
#blog .blog-list .blog-content .post-info ul li a:hover {
	color: #f1603f;
	text-decoration: none
}
#blog .blog-list .blog-content .post-details {
	margin: 15px 0
}
#blog .blog-list .blog-content .post-details p {
	font-size: 17px
}
#blog .blog-list .blog-content .post-details p a {
	color: #f1603f
}
#blog .blog-inner {
	margin-bottom: 25px;
	box-shadow: 0 1px 3px #ddd;
	padding: 20px
}
#blog .blog-inner .blog-images {
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #dbdbdb;
	margin-top: 20px
}
#blog .blog-inner .blog-title h4 {
	margin-bottom: 15px
}
#blog .blog-inner .blog-title h4 a {
	font-size: 25px;
	color: #000;
	font-weight: 300
}
#blog .blog-inner .blog-title h4 a:hover {
	color: #2593d9;
	text-decoration: none
}
#blog .blog-inner .blog-posted {
	font-size: 11px;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd
}
#blog .blog-inner .blog-posted span {
	line-height: 18px
}
#blog .blog-inner .blog-posted span.comment {
	float: right
}
#blog .blog-inner .blog-posted i {
	margin-right: 3px
}
#blog .blog-inner .blog-description {
	margin: 15px 0 0
}
#blog .blog-inner .blog-description p {
	color: #616161;
	font-size: 14px
}
#blog .blog-inner .comment-section {
	margin: 35px 0 20px;
	padding: 15px 0 25px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000
}
#blog .blog-inner .comment-section h3 {
	font-size: 25px;
	margin-bottom: 15px;
	color: #1c8cb5
}
#blog .blog-inner .comment-section .blog-comment-inner {
	background: #eef0f5;
	border: 1px solid #ced1da;
	padding: 15px;
	overflow: hidden
}
#blog .blog-inner .comment-section .blog-comment-inner ul {
	margin: 0;
	padding: 0;
	list-style: none
}
#blog .blog-inner .comment-section .blog-comment-inner ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #84a1af
}
#blog .blog-inner .comment-section .blog-comment-inner ul li:last-child {
	border-bottom: none;
	margin-bottom: 0l;
	padding-bottom: 0
}
#blog .blog-inner .comment-section .blog-comment-inner ul li .client-img img {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #fff;
	padding: 3px;
	border: 1px solid #ced1da
}
#blog .blog-inner .comment-section .blog-comment-inner ul li .blog-detail {
	padding-left: 85px
}
#blog .blog-inner .comment-section .blog-comment-inner ul li .blog-detail p.client-name {
	margin-bottom: 5px
}
#blog .blog-inner .comment-section .blog-comment-inner ul li .blog-detail p strong {
	color: #1c8cb5
}
#blog .blog-inner .comment-section .blog-comment-inner ul li .blog-detail span {
	margin-bottom: 10px;
	display: block;
	font-size: 11px;
	font-weight: 400
}
#blog .blog-inner .leave-comment h3 {
	font-size: 25px;
	margin-bottom: 15px;
	color: #1c8cb5
}
#blog .blog-inner .leave-comment label {
	color: #000;
	font-weight: 400
}
#blog .blog-inner .leave-comment label span {
	font-size: 16px
}
#blog .blog-inner .leave-comment button {
	background: #f1603f;
	border: 1px solid #f1603f;
	text-transform: uppercase
}
.sidebar .post-title h2 {
	margin: 0 0 30px;
	position: relative;
	font-size: 21px;
	text-transform: uppercase
}
.sidebar .post-title h2:after {
	position: absolute;
	content: '';
	width: 80px;
	height: 3px;
	background: #f1603f;
	left: 0;
	bottom: -11px
}
.sidebar .categories ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidebar .categories ul li {
	border-bottom: 1px solid #d5d5d5;
	font-weight: 300;
	list-style-type: none;
	margin-bottom: 9px;
	padding-bottom: 7px;
	padding-left: 20px;
	position: relative
}
.sidebar .categories ul li:last-child {
	border: none
}
.sidebar .categories ul li::before {
	background: inherit;
	color: #bdbdbd;
	content: "";
	font: 11px/1 FontAwesome;
	left: 0;
	position: absolute;
	top: 9px
}
.sidebar .categories ul li a {
	color: #555
}
.sidebar .blog-service {
	margin-top: 30px
}
.sidebar .blog-service ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidebar .blog-service ul li {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd
}
.sidebar .blog-service ul li:last-child {
	border: none
}
.sidebar .blog-service ul li .post-images {
	float: left
}
.sidebar .blog-service ul li .post-images img {
	width: 70px;
	height: 46px
}
.sidebar .blog-service ul li .post-content {
	/*padding-left: 10px*/
}
.sidebar .blog-service ul li .post-content h3 {
	margin: 0
}
.sidebar .blog-service ul li .post-content h3 a {
	color: #2a2a2a;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-top: -4px
}
.sidebar .blog-service ul li ul li {
	display: inline;
	font-size: 11px;
	color: #a3a4a4;
	border: none
}
.sidebar .blog-service ul li ul li a {
	color: #aeafaf
}
header.full {
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 550px;
	padding-bottom: 84px
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
header.full {
	min-height: 459px
}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
header.full {
	min-height: 558px
}
}
@media only screen and (min-width:768px) {
header.full {
	padding: 147px 0 84px
}
}
header {
	transition: opacity .25s ease
}
.background-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: -1;
	-webkit-transition: -webkit-transform .25s ease;
	-moz-transition: -moz-transform .25s ease;
	transition: transform .25s ease
}
header .background-image {
	-webkit-filter: none;
	filter: none
}
.has-background-image {
	background-color: transparent!important
}
header.full {
	padding: 0
}
@media only screen and (min-width:1200px) {
header.full {
	min-height: 700px;
	padding-bottom: 126px
}
}
.js .inputfile {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}
.inputfile+label {
	max-width: 80%;
	font-size: 1.25rem;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
padding:.625rem 1.25rem
}
.no-js .inputfile+label {
	display: none
}
.inputfile.has-focus+label, .inputfile:focus+label {
	outline: #000 dotted 1px;
	outline: -webkit-focus-ring-color auto 5px
}
.inputfile+label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -.25em;
	margin-right: .25em
}
.inputfile-1+label {
	color: #f1e5e6;
	background-color: #d3394c
}
.inputfile-1+label:hover, .inputfile-1.has-focus+label, .inputfile-1:focus+label {
	background-color: #722040
}
.inputfile-2+label {
	color: #d3394c;
	border: 2px solid currentColor
}
.inputfile-2+label:hover, .inputfile-2.has-focus+label, .inputfile-2:focus+label {
	color: #722040
}
.inputfile-3+label {
	color: #d3394c
}
.inputfile-3+label:hover, .inputfile-3.has-focus+label, .inputfile-3:focus+label {
	color: #722040
}
.inputfile-4+label {
	color: #d3394c
}
.inputfile-4+label:hover, .inputfile-4.has-focus+label, .inputfile-4:focus+label {
	color: #722040
}
.inputfile-4+label figure {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #d3394c;
	display: block;
	padding: 20px;
	margin: 0 auto 10px
}
.inputfile-4+label:hover figure, .inputfile-4.has-focus+label figure, .inputfile-4:focus+label figure {
	background-color: #722040
}
.inputfile-4+label svg {
	width: 100%;
	height: 100%;
	fill: #f1e5e6
}
.inputfile-5+label {
	color: #d3394c
}
.inputfile-5+label:hover, .inputfile-5.has-focus+label, .inputfile-5:focus+label {
	color: #722040
}
.inputfile-5+label figure {
	width: 100px;
	height: 135px;
	background-color: #d3394c;
	display: block;
	position: relative;
	padding: 30px;
	margin: 0 auto 10px
}
.inputfile-5+label:hover figure, .inputfile-5.has-focus+label figure, .inputfile-5:focus+label figure {
	background-color: #722040
}
.inputfile-5+label figure::after, .inputfile-5+label figure::before {
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0
}
.inputfile-5+label figure::before {
	border-top: 20px solid #dfc8ca;
	border-left: 20px solid transparent
}
.inputfile-5+label figure::after {
	border-bottom: 20px solid #722040;
	border-right: 20px solid transparent
}
.inputfile-5+label:hover figure::after, .inputfile-5.has-focus+label figure::after, .inputfile-5:focus+label figure::after {
	border-bottom-color: #d3394c
}
.inputfile-5+label svg {
	width: 100%;
	height: 100%;
	fill: #f1e5e6
}
.inputfile-6+label {
	color: #d3394c;
	border: 1px solid #d3394c;
	background-color: #f1e5e6;
	padding: 0;
	top: 34px!important
}
.inputfile-6+label:hover, .inputfile-6.has-focus+label, .inputfile-6:focus+label {
	border-color: #722040
}
.inputfile-6+label span, .inputfile-6+label strong {
padding:.625rem 1.25rem
}
.inputfile-6+label span {
	width: 200px;
	min-height: 2em;
	display: inline-block;
	vertical-align: top
}
.inputfile-6+label strong {
	height: 100%;
	color: #f1e5e6;
	background-color: #d3394c;
	display: inline-block
}
.inputfile-6+label:hover strong, .inputfile-6.has-focus+label strong, .inputfile-6:focus+label strong {
	background-color: #722040
}
@media screen and (max-width:50em) {
.inputfile-6+label strong {
	display: block
}
}
#error-banner {
	padding: 60px 0;
	background: #293c67
}
#blog-page {
	padding: 50px 0;
	min-height: 660px
}
#blog-page img, #error-page img {
	margin: 0 auto
}
#error-page {
	position: relative
}
.error-page-inn {
	box-sizing: border-box;
	padding: 0 8%;
	position: absolute;
	top: 46%;
	width: 100%
}



/*=======================================================================
 Get A Quote
=======================================================================*/

#get-quote{background:url("../images/bg-transparent.png") no-repeat scroll center top,url("../images/body-bg.jpg"); background-position: 250px top; color:#333333; padding:68px 0 0 0;}

#get-quote .price-tag {
    background: rgba(0, 0, 0, 0) url("../images/pricetag.png") no-repeat scroll -6px 0 / contain ;
    height: 199px;
    padding: 36px 32px 0 63px;
    text-align: center;
    width:372px;
}
#get-quote .price-tag span {
    color: #333333;
    display: block;
    font-size: 18px;
    font-style: italic;
}

.price-tag strong {
    color: #111111;
    display: block;
font-family: Arvo,serif;    font-size: 32px;
    font-weight: bold;
}

.project-btn-outer {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}
.project-btn-outer {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}
.project-btn {
    background:url("../images/btn.png") no-repeat scroll center center / cover ;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-family: "DINPro-Regular";
    font-size: 16px;
    height: 82px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0;
    padding: 18px 20px;
    text-align: center;
    vertical-align: middle;
    width: 226px;
}
 

.project-btn:hover{color:#000000;}

.price-content h2 {
    font-size:45px;
    margin: 0 0 50px;
    padding: 0;
}
.price-content h6 {
    color: #666666;
    font-size: 27px; line-height: 36px;
    margin: 0 0 10px;
    padding: 0;
}
 
.price-field {
    border-top: 1px solid #cccccc;
    display: block;
    padding-bottom: 45px;
    padding-top: 45px;
}
.price-field label{font-size:15px;}
.field-icon {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}
.field-icon i {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 97px;
}
.field-frm {
    display: table-cell;
    margin: 0;
    padding: 0;
    position: relative;
}

.add-btn {
    background: rgba(0, 0, 0, 0) url("../images/btn.png") no-repeat scroll center center;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    float: right;
    font-family: "DINPro-Medium";
    font-size: 17px;
    height: 47px;
    letter-spacing: 2px;
    line-height: 46px;
    margin: 0;
    position: absolute;
    right: -132px;
    text-align: center;
    top: 15px;
    width: 103px;
}


.project-btn-outer {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}
.project-btn-outer span {
    color: #666666;
    display: inline-block;
    font-family: "Rokkitt",serif;
    font-size: 33px;
    margin: 0 130px 0 0;
    padding: 0;
    vertical-align: middle;
}

.guide{padding:50px 0px;}
.content-left {
    background: rgba(0, 0, 0, 0) url("../images/content-left-bg.png") repeat scroll 0 0;
    padding: 50px 20px;}

.quote-btn {
    background: rgba(0, 0, 0, 0) url("../images/btn.png") no-repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
     height: 65px;
    letter-spacing: 2px;
    line-height: 65px;
    text-align: center;
    width: 228px;
	margin-top:20px;
}
.quote-btn:hover{color:#000000;}
.service-list {
    display: block;
    margin: 0;
    padding: 0;
}
.service-list ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.service-list ul li {
    display: inline-block;
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 49%;
}
.service-list ul li i {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0;
    width: 132px;
}
.service-list ul li span {
    display: block;
    font-family: "DINPro-Medium";
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: center;
}

/*Get Quote Pop*/
#quote .modal-content{background:url(../images/get-quote-bg.png);}
#quote h4{font-size:40px; text-transform:uppercase; font-weight:700; color:#333333; font-family: Lato, sans-serif;}
#quote h4 span{font-weight:400; font-style:italic;}
#quote .call-no{font-weight:400; color:#999999; font-size:20px; font-family: Arvo, serif; text-transform:uppercase; letter-spacing:5px;}
#quote p{font-size:22px; font-weight:400; color:#333333;}
#quote .modal-content .form-control{box-shadow:none; border-radius:0px; text-transform:uppercase;}
#quote .modal-content input{height:40px;}
#quote .modal-content select{height:40px;}
.get-button{position:fixed; left:0; bottom:0; z-index:9999;}

.pagination > li {
    display: inline;
    float:left;
}
#total > i {
    font-style: normal;
}