@charset "utf-8";

body {

	font-family: "tahoma", sans-serif;

	background: #fff

}

.bg-main-home {

	background: #fff

}

.bg-main {

	background: #fff

}

@font-face {

	font-family: "opensans-b";

	src: url(../fonts/OpenSans-Bold.ttf)

}

@font-face {

	font-family: "opensans-b";

	src: url(../fonts/OpenSans-Bold.eot)

}

@font-face {

	font-family: "opensans-sb";

	src: url(../fonts/OpenSans-Semibold.ttf)

}

@font-face {

	font-family: "opensans-sb";

	src: url(../fonts/OpenSans-Semibold.eot)

}

@font-face {

	font-family: "myriad-pro";

	src: url(../fonts/MyriadPro-Regular.otf)

}

@font-face {

	font-family: "myriad-pro";

	src: url(../fonts/MyriadPro-Regular.eot)

}

@font-face {

	font-family: "itc-avant";

	src: url(../fonts/ITC_Avant_Grade.TTF)

}

@font-face {

	font-family: "itc-avant";

	src: url(../fonts/ITC_Avant_Grade.eot)

}

.rel {

	position: relative

}

.pr-0 {

	padding-right: 0

}

.pl-0 {

	padding-left: 0

}

a:hover {

	text-decoration: none

}

h4, a {

	color: #505050

}

p {

	color: #505050

}

.nav-tabs>li>a {

	border-radius: 0

}

.abt-new {

	background: #dedede;

	padding: 40px 20px;

	text-align: center;

	background: #dedede url(../img/create-bg.png) repeat

}

.abt-new p {

	color: #505050

}

.abt-new-band {

	padding-top: 30px;

	padding-bottom: 30px

}

.abt-new-band2 {

	padding-top: 0;

	padding-bottom: 30px

}

.abt-new-band3 {

	padding-top: 30px;

	padding-bottom: 30px

}

.inside {

	padding-top: 30px;

	padding-bottom: 30px

}

.art-p p {

	text-align: left!important

}

.why-inner {

	background: #e3e3e3;

	padding: 10px;

	margin-bottom: 20px

}

.why-border {

	border-top: 1px solid #e3e3e3;

	border-bottom: 1px solid #fffafa

}

.team-band {

	padding: 3px 0

}

.anim p {

	padding-top: 0

}

#page_navigation>a:focus, #page_navigation>a:hover {

	text-decoration: none;

	background-color: #eee

}

#page_navigation a:first-child, #page_navigation a:last-child {

	display: none

}

#page_navigation {

	display: inline-block;

	padding-left: 15px;

	width: 100%

}

#page_navigation a {

	padding: 5px 14px;

	border: 1px solid #ddd;

	margin-right: 7px

}

.slider .slick-prev, .slider .slick-next {

	display: none!important

}

.tab-content {

	padding: 15px;

	background: #fff;

	border: 1px solid #e3e3e3;

	border-top: 0

}

.link p {

	padding-top: 10px

}

.textbox p {

	padding-top: 3px;

	color: #b7b7b7!important

}

.anim p {

	padding-top: 0;

	margin-bottom: 3px;

	color: #b7b7b7!important

}

.textbox p a {

	color: #b7b7b7!important

}

.anim p a {

	color: #b7b7b7!important

}

.textbox h4 {

	margin-top: 12px;

	margin-bottom: 0;

	text-transform: capitalize

}

.anim h4 {

	margin-top: 0;

	margin-bottom: 7px;

	text-transform: capitalize

}

.tab-p {

	margin: 2px 16px 14px

}

.port-wrap img {

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease

}

.port-wrap:hover img {

	transform: translateY(-30px);

	-ms-transform: translateY(-30px);

	-webkit-transform: translateY(-30px);

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.textbox {

	border-top: 7px solid #f0f0f0;

	background-color: #000;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: -1;

	width: 100%;

	height: 100%;

	margin-bottom: -340px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	text-align: center

}

.anim {

	border-top: 7px solid #f0f0f0;

	background-color: #000;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: -1;

	width: 100%;

	height: 100%;

	margin-bottom: -370px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	padding: 10px 15px

}

.anim .col-sm-6 {

	padding-right: 0

}

.textbox h4, .textbox p {

	color: #e8e8e8

}

.textbox h4 span {

	font-size: 14px;

	padding-top: 10px;

	color: #b7b7b7!important

}

.anim h4, .anim p {

	color: #fff

}

.port-wrap:hover .textbox {

	margin-bottom: -263px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	z-index: 10

}

.port-wrap:hover .anim {

	margin-bottom: -288px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	z-index: 10

}

.box3 .anim {

	margin-bottom: -218px;

	padding: 6px 15px

}

.box3 .anim h4 {

	margin-bottom: 3px;

	color: #dedede

}

.box3 .port-wrap:hover .anim {

	margin-bottom: -154px

}

.nav-tabs a {

	color: #5e3330

}

#top_header {

	width: 1000px;

	margin: auto;

	height: auto

}

#logobox {

	width: 175px;

	float: left;

	height: 114px

}

#logobox h1 {

	padding: 10px 0 0 0

}

#top_rightbox {

	width: 817px;

	float: left;

	height: 52px;

	margin-top: 5px

}

#top_rightbox h1 {

	font-size: 16px;

	font-weight: normal;

	color: #614748;

	padding: 20px 0 0 20px;

	float: right

}

#top_rightbox h2 {

	float: right;

	padding: 15px 0 0 15px

}

#top_rightbox h3 {

	float: right;

	padding: 17px 0 0 10px

}

.country-drop {

	margin: 19px 0 0 10px;

	float: right;

	height: 21px;

	width: 78px;

	border-radius: 2px;

	background-color: #FFF

}

#searchbox {

	width: 825px;

	float: left;

	height: 49px

}

#searchbox h1 {

	font-size: 12px;

	font-weight: normal;

	color: #614748;

	text-align: right;

	float: right;

	padding: 6px 0 0 15px

}

#searchbox h1 a {

	color: #614748;

	text-decoration: none

}

#searchbox h1 a:hover {

	color: #80a849

}

#searchbox h2 {

	float: right

}

input.search {

	width: 146px;

	height: 21px;

	float: right;

	border: 0;

	border-radius: 5px;

	padding: 0 5px 0 5px;

	font-size: 12px;

	color: #614748;

	background: url(../images/searchbox.fw.png) no-repeat right

}

.padd0 {

	padding: 20px 0

}

#menubox {

	width: 100%;

	height: 31px;

	margin: 80px auto 0 auto;

	position: fixed

}

#menubox h2 {

	padding: 0 0 0 15px;

	margin: -5px 0 0 0;

	float: left

}

#menubox h5 {

	padding: 3px 0 0 15px;

	margin: 0;

	float: left

}

#menubox ul {

	list-style: none;

	padding: 0;

	margin: 0 auto

}

#menubox ul li {

	float: right;

	padding: 0 0 0 13px;

	font-size: 16px;

	color: #CCC

}

#menubox ul li a {

	color: #4e4e4e;

	text-decoration: none;

	padding: 0 8px 10px 0;

	line-height: 20px;

	text-transform: uppercase;

	font-size: 14px

}

#menubox ul li a:hover {

	color: #0f0f0f;

	text-decoration: none

}

#contact_frm {

	width: 475px;

	float: left;

	top: 30px;

	position: absolute;

	background: rgba(255,255,255,0.5);

	padding: 15px

}

.map-wrap {

	border-bottom: 1px solid #b9b9b9

}

#loca_map {

	height: 465px;

	position: relative

}

#loca_inn {

	width: 1170px;

	margin: auto

}

.form-captcha {

	margin-top: 15px

}

.fb {

	padding-top: 8px

}

.top-num {

	font-weight: lighter;

	font-size: 17px;

	font-family: Helvetica

}

.dropdown-menu {

	width: 195px

}

.head-backup {

	height: 112px

}

.social-icons {

	float: right;

	margin-top: -3px

}

.leftalign {

	text-align: left

}

.menu-wrap li:last-child a {

	padding-right: 0

}

.social-icons li {

	list-style: none;

	display: inline-block;

	vertical-align: middle

}

.dropdown-menu li:hover a {

	color: #666

}

.contact-top {

	float: right

}

.contact-top {

	padding: 10px 10px 5px 0

}

.twit {

	padding-top: 13px

}

.top-bar {

	overflow: hidden

}

#btn_art {

	float: right;

	background: #fff200;

	margin: 6px 10px 0 10px

}

#btn_art h1 {

	font-size: 14px;

	font-weight: normal;

	text-align: center;

	padding: 0;

	margin: 0

}

#btn_art h1 a {

	color: #47282a;

	text-decoration: none;

	display: block;

	padding: 6px 10px;

	font-family: Helvetica;

	font-weight: normal

}

.bg01 {

	background: rgba(122,61,136,0.9)!important

}

.bg02 {

	background: rgba(222,73,62,0.9)!important

}

.bg03 {

	background: rgba(50,173,144,0.9)!important

}

.contact-top ul {

	margin: 0;

	padding: 0

}

.contact-top ul li {

	list-style: none;

	display: inline-block;

	color: #4f4f4f

}

.menu-wrap ul li a {

	color: #4e4e4e;

	font-size: 15px

}

.menu-wrap ul li a:hover {

	color: #0f0f0f

}

.contact-top ul li:last-child {

	border: 0

}

.contact-top ul li span.hidden-sm {

	font-family: Helvetica

}

.menu-wrap {

	float: right;

	padding-top: 17px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.fixedHeader .menu-wrap {

	float: right;

	padding-top: 15px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.top-content-wrap {

	display: inline-block;

	margin-top: 25px;

	float: right;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.fixedHeader .top-content-wrap {

	margin-top: 10px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.logo-wrap {

	background: #fff

}

#main-slider {

	overflow: hidden

}

.item {

	position: relative

}

.owl-carousel img {

	width: 100%

}

.slider-inner .row {

	margin: 0

}

#main-slider .carousel-content h1 {

	margin-top: 50px;

	color: yellow;

	font-size: 48px;

	line-height: 1;

	text-transform: uppercase

}

.owl-prev, .owl-next {

	display: none

}

.carousel-content h3 {

	color: #fff;

	font-size: 33px

}

.bottom-content {

	background: rgba(0,0,0,0.40);

	position: absolute;

	bottom: 0;

	padding: 5px 0;

	width: 100%;

	left: 0;

	right: 0;

	max-width: 1170px;

	margin: 0 auto;

	display: none

}

.bottom-content p {

	font-size: 24px;

	color: #fff

}

.no-margin {

	margin: 0

}

.app-wrap.bg {

	background: #eee

}

.service-wrap ul {

	list-style: none;

	padding: 0;

	margin: 0

}

.service-wrap ul li {

	display: inline-block

}

.service-wrap ul li a {

	font-size: 18px;

	padding: 10px 18px;

	line-height: 5;

	color: #4f4f4f;

	font-family: opensans-sb;

	border-right: 1px solid #d9d9d9;

	text-decoration: none

}

.service-wrap span {

	width: 48px;

	height: 36px;

	display: inline-block;

	vertical-align: middle;

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease

}

.service-wrap ul li a:hover {

	color: #a29a8c

}

.service-wrap ul li a:hover .icon1 {

	background: url(../img/sprite.png) -8px -64px no-repeat

}

.icon1 {

	background: url(../img/sprite.png) -8px -19px no-repeat

}

.icon2 {

	background: url(../img/sprite.png) -53px -19px no-repeat

}

.service-wrap ul li:hover .icon2 {

	background: url(../img/sprite.png) -53px -64px no-repeat

}

.icon3 {

	background: url(../img/sprite.png) -100px -19px no-repeat

}

.service-wrap ul li:hover .icon3 {

	background: url(../img/sprite.png) -100px -64px no-repeat

}

.icon4 {

	background: url(../img/sprite.png) -150px -19px no-repeat

}

.service-wrap ul li:hover .icon4 {

	background: url(../img/sprite.png) -150px -64px no-repeat

}

.icon5 {

	background: url(../img/sprite.png) -203px -19px no-repeat

}

.service-wrap ul li:hover .icon5 {

	background: url(../img/sprite.png) -203px -64px no-repeat

}

.service-wrap ul li:last-child a {

	border-right: 0

}

.service-wrap ul li img {

	padding-right: 8px;

	display: inline-block

}

.project-wrap {

	display: inline-block;

	width: 100%;

	padding: 30px 0

}

.create a {

	background: #764648;

	color: #fff;

	padding: 10.5px 25px;

	font-size: 14px;

	font-family: opensans-sb;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.create a:hover {

	background: #583234;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.create img {

	margin: 0 auto

}

.create {

	padding: 0 0 25px;

	font-size: 17px

}

p.margin {

	margin-bottom: 20px

}

.info-content h4 {

	font-size: 24px;

	font-family: opensans-b;

	text-transform: uppercase

}

.info-content {

	background: #dedede url(../img/create-bg.png) repeat;

	padding: 15px 0 25px

}

.info-content p {

	padding: 7px 0;

	color: #505050

}

.read {

	color: #6a6a6a;

	font-family: opensans-b;

	text-transform: uppercase

}

.team-border span {

	padding-right: 2px

}

p.italic {

	font-size: 14px;

	font-style: italic;

	font-weight: 600;

	margin: 0 230px!important;

	padding-bottom: 30px

}

.dfont {

	color: #505050!important

}

.about-content h4, .about-content p, .about-content h5 {

	color: #6f6f6f

}

.sub-head h4, .sub-head p, .dfont2 {

	color: #6f6f6f

}

.ser-band h4 {

	font-weight: bold;

	color: #5f5f5f;

	padding-top: 11px;

	padding-bottom: 0

}

.read1 {

	color: #5f5f5f

}

.projects {

	text-shadow: 1px 0 6px #000;

	background: rgba(0,0,0,0.1);

	position: relative

}

.bgg {

	background: rgba(0,0,0,0.1);

	position: relative

}

.projects h4 {

	font-size: 23px;

	font-weight: bold;

	padding-top: 40px;

	margin-top: 0;

	margin-bottom: 15px;

	text-transform: uppercase

}

.cntct-new {

	padding: 4px 0 0

}

.projects img {

	margin: 0 auto;

	margin-bottom: 16px

}

.projects p {

	margin: 0 45px;

	color: #898888

}

.ser-band p {

	padding: 1px 0

}

.project-band-wrap, .create-band-wrap {

	overflow: hidden

}

.slider-content {

	position: relative;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	overflow: hidden

}

.slider-overlay {

	position: absolute;

	width: 100%;

	top: 0;

	height: 100%;

	background: rgba(0,0,0,.6);

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.slider-overlay p {

	color: #fff;

	margin: 0

}

.slider-overlay span {

	background: #fff;

	color: #000;

	padding: 8px;

	border-radius: 50%

}

.overlay-content {

	padding-top: 80px

}

.slider-content .slider-overlay {

	opacity: 0;

	display: none

}

.slider-content:hover .slider-overlay {

	opacity: 1;

	display: block;

	transition: .2s;

	-webkit-transition: .2s;

	-moz-transition: .2s

}

.project-wrap {

	z-index: 1000;

	position: relative

}

.client-wrap {

	padding-bottom: 5px;

	padding-top: 35px

}

.client-wrap p {

	font-weight: lighter;

	font-style: italic;

	font-size: 15px;

	color: #6f6f6f

}

.client-wrap span {

	color: #6f6f6f;

	font-weight: bold

}

.why-wrap {

	padding-bottom: 12px

}

.why-wrap a {

	font-weight: bold

}

.products {

	padding-top: 20px

}

.adv-wrap {

	margin: 20px 0

}

.team-band h4 {

	font-size: 23px;

	text-transform: uppercase;

	margin-bottom: 10px;

	margin-top: 23px;

	font-weight: bold

}

.team-band p {

	margin: 0;

	font-size: 15px;

	color: #505050

}

.cntct-new p {

	font-size: 15px;

	padding-bottom: 15px;

	color: #505050

}

footer {

	background: #333;

	font-size: 13px

}

footer li a {

	color: #bbb

}

footer h4 {

	font-size: 17px;

	margin: 0;

	padding: 17px 0 15px 0;

	color: #8a8a8a

}

.no-padding {

	padding: 0

}

.quick-wrap .sec-ul {

	padding-left: 26px

}

.quick-wrap ul li {

	line-height: 14px;

	list-style: none;

	padding-bottom: 6px;

	font-size: 12px

}

.est p {

	line-height: 17px;

	padding-bottom: 6px;

	font-size: 12px;

	color: #8a8a8a

}

.est img {

	display: inline-block;

	padding-right: 10px

}

.footer-social img {

	display: inline-block

}

.footer-social p {

	padding-top: 10px

}

.contact p {

	line-height: 17px

}

.footer-content-wrap {

	overflow: hidden;

	padding-top: 15px;

	position: relative

}

.footer-band {

	padding-bottom: 0;

	display: inline-block;

	width: 100%

}

.border-top {

	border-bottom: 1px solid #424242;

	border-top: 1px solid #212121

}

.content2 #jquery-tab-pager-navi {

	display: none!important

}

.cnt {

	color: #5f5f5f;

	padding: 10px 40px;

	font-size: 16px;

	border: 1px solid #797979;

	font-weight: bold;

	text-transform: capitalize;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.cnt:hover {

	background: #a2998b;

	color: #333;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.navbar-and {

	float: left

}

.seo-wrap {

	padding: 15px 0;

	border-bottom: 1px solid #212121

}

.seo-wrap p {

	color: #676767;

	font-size: 11px;

	margin: 0

}

.copyright-wrap p {

	color: #8a8a8a;

	font-size: 11px

}

.footer-img {

	padding-top: 11px;

	position: absolute;

	top: 0

}

.copyright-wrap {

	border-top: 1px solid #424242;

	padding: 9px 0;

	text-align: center;

	position: relative

}

.footer-content-wrap a:hover {

	color: #bdbdbd

}

.footer-content-wrap a {

	color: #8a8a8a

}

.contact p {

	color: #8a8a8a

}

.fixedHeader {

	position: fixed;

	width: 100%;

	z-index: 100;

	margin-top: -4px;

	background: #fff;

	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.14);

	-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.14);

	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.14);

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	clear: both

}

header {

	position: fixed;

	top: 0;

	display: inline-block;

	width: 100%;

	z-index: 100;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	clear: both

}

.navbar-brand img {

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.fixedHeader .navbar-brand img {

	max-width: 145px;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

.about-content h4, .abt-new h4 {

	margin: 0;

	font-size: 24px;

	padding-bottom: 17px;

	font-weight: bold

}

.sub-head h4 {

	margin: 0;

	font-size: 24px;

	padding-bottom: 15px;

	font-weight: bold

}

.why-wrap {

	background: #eee

}

.about-content p {

	margin: 0

}

.about-wrapper {

	padding-bottom: 15px

}

.feat-wrap {

	background: #fff;

	padding: 15px 18px;

	box-shadow: 1px 2px 3px #d6d6d6

}

.feat-wrap p {

	color: #666

}

.feat-wrap ul {

	list-style: none;

	padding: 0;

	margin-bottom: 25px

}

.feat-wrap ul a:hover {

	color: #48292a

}

.feat-wrap button {

	background: #fff;

	border: 1px solid #cfcfcf;

	font-size: 13px;

	color: #b3b3b3;

	margin-bottom: 10px;

	border-radius: 0;

	margin-right: 6px;

	cursor: default;

	outline-style: none

}

.feat-wrap button:hover {

	color: #b3b3b3

}

.contact-btn:hover {

	background: #6c6c6c

}

.feat-wrap ul li {

	border-bottom: 1px solid #e8e8e8;

	padding: 10px 0;

	text-transform: capitalize

}

.contact-btn {

	background: #505050;

	color: #fff;

	padding: 10px 25px;

	text-align: center;

	font-size: 14px;

	font-family: opensans-sb;

	text-transform: uppercase;

	border: 0

}

.btn-blk {

	display: block

}

.feat-wrap li span {

	padding-right: 10px

}

.opp-head h4 {

	font-size: 22px;

	color: #5e3330

}

.apply-head h2 {

	color: #5e3330;

	font-size: 22px

}

.port-hd h4 strong {

	font-weight: bold!important;

	color: #6a6a6a

}

.opper-item {

	background: #f2f2f2;

	overflow: hidden;

	padding-bottom: 16px;

	border-bottom: 2px solid #e6e5e5;

	margin-bottom: 20px

}

.opp-wrapper {

	padding-top: 0;

	padding-bottom: 30px

}

.opper-wrap {

	display: inline-block;

	width: 100%

}

.job-head p {

	color: #505050;

	margin: 0;

	padding: 9px 0

}

.job-head span {

	padding-right: 7px;

	font-size: 15px

}

.job-head {

	overflow: hidden;

	border-bottom: 1px solid #e6e5e5

}

.job-content ul {

	list-style: none;

	padding: 0;

	margin: 10px 0 10px

}

.job-content, .job-head {

	padding: 10px 25px

}

.job-content p, .job-content h5, .job-content li {

	color: #505050

}

.job-head h4 {

	font-size: 22px;

	font-weight: bold

}

.job-head strong {

	font-weight: bold

}

.job-content li {

	padding-left: 20px;

	margin-bottom: 15px

}

.job-content li:before {

	font-family: FontAwesome;

	content: '\f0fe';

	padding-right: 8px;

	margin-left: -20px

}

.job-content h5 {

	font-size: 16px

}

.vsap {

	margin-top: 15px

}

.spacer-xs {

	min-height: 10px;

	width: 100%;

	display: inline-block

}

.spacer-sm {

	min-height: 15px;

	width: 100%;

	display: inline-block

}

.spacer-md {

	min-height: 25px;

	width: 100%;

	display: inline-block

}

.how-work p {

	font-style: italic;

	color: #656565

}

.how-work {

	padding: 0 80px 0;

	margin: 18px 0 0

}

.client-head, .client-logo {

	overflow: hidden

}

.client-logo ul {

	padding: 0

}

.client-logo li {

	display: inline-block;

	list-style: none

}

.c-logo-item {

	width: 20%;

	float: left;

	min-height: 1px;

	position: relative;

	padding-right: 5px;

	padding-left: 5px;

	margin-top: 5px;

	margin-bottom: 10px

}

.c-logo-item:hover .client-overlay {

	display: block;

	transition: .2s;

	-webkit-transition: .2s;

	-moz-transition: .2s

}

.client-logo {

	padding-top: 0

}

.clientsp {

	margin-top: 0

}

.c-logo-item p {

	color: #fff;

	line-height: 26

}

.c-logo-item img {

	width: 100%;

	border: 1px solid #d1d1d1

}

.client-logo-band {

width 100%;

	position: relative

}

.client-overlay {

	position: absolute;

	width: 100%;

	top: 0;

	height: 100%;

	display: none;

	background: rgba(0,0,0,.8);

	transition: .2s;

	-webkit-transition: .2s;

	-moz-transition: .2s

}

.contact-bg {

	background: #f0f0f0

}

.form-group label {

	color: #666

}

.map {

	overflow: hidden;

	padding-bottom: 26%

}

.map iframe {

	width: 100%;

	display: block;

	pointer-events: none

}

.map iframe.clicked {

	pointer-events: auto

}

.submit {

	padding: 10px 60px

}

.contact-wrap p {

	color: #666;

	margin: 0;

	line-height: 25px

}

.captcha {

	margin-bottom: 15px

}

.add-wrap {

	padding-left: 20px

}

.contact-wrap {

	overflow: hidden;

	padding-top: 20px;

	padding-bottom: 40px

}

.gm-style .place-card-large {

	display: none!important

}

.gm-style .login-control {

	display: none!important

}

.slider-content p {

	font-size: 16px;

	font-weight: normal;

	line-height: 30px

}

.port-band {

	overflow: hidden;

	background: #f2f2f2;

	border: 1px solid #e3e3e3;

	position: relative;

	padding: 0 0 15px

}

#wrapper {

	padding-top: 15px

}

.slider-content p a {

	color: #fff;

	text-transform: none

}

.port-bg {

	background: #e6e6e6;

	padding: 10px 0

}

.port-content {

	padding-top: 80px

}

.port-wrap {

	margin-bottom: 30px;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease;

	border: 1px solid #e3e3e3

}

.port-wrap:hover .slider-overlay {

	display: block

}

.port-head {

	padding-top: 7px;

	text-transform: capitalize

}

.port-wrap .slider-overlay h5 {

	font-size: 25px;

	margin: 0 10px auto;

	padding-top: 80px;

	color: #fff;

	padding-bottom: 20px

}

.port-wrap .slider-overlay p {

	text-transform: capitalize

}

.port-content h4 {

	font-size: 25px;

	color: #fff;

	margin: 0 16px auto;

	padding: 13px 0;

	text-transform: capitalize

}

.port-wrap img {

	width: 100%

}

.pdt-item {

	background: #fff;

	border: 1px solid #e4e4e4;

	overflow: hidden;

	margin-bottom: 15px

}

.border-pdt {

	border-right: 1px solid #e4e4e4

}

.pdt-img {

	padding: 13px 13px 0 13px

}

.kwd {

	color: #659f2e;

	font-size: 30px

}

.pdt-img img {

	padding-bottom: 15px;

	padding-top: 15px

}

.pdt-list ol {

	padding: 0;

	padding-bottom: 18px

}

.pdt-list {

	padding-left: 30px;

	padding-top: 10px

}

.pdt-list li {

	line-height: 24px;

	list-style: none

}

.order {

	background: #e6e6e6;

	padding: 10px 10px;

	margin-right: 10px

}

.order img {

	padding-right: 8px;

	margin-top: -4px

}

.captcha-apply {

	padding-top: 18px;

	padding-bottom: 20px

}

.about-content ul {

	padding: 0;

	list-style: none;

	margin: 0

}

.about-content ul li {

	line-height: 1.6;

	padding-left: 20px;

	margin-bottom: 5px;

	color: #6f6f6f

}

.about-content ul li:before {

	font-family: FontAwesome;

	content: '\f0fe';

	padding-right: 8px;

	margin-left: -20px

}

span.list-o {

	width: 10px;

	height: 10px;

	background: url(../img/arrow.png) left center no-repeat;

	padding-left: 15px

}

.bot-wrap h3 {

	color: #48292a

}

.faq-wrap span {

	color: #6f6f6f

}

.map-btn {

	text-transform: capitalize;

	padding: 3px 15px 3px 0;

	color: #6b5d5d;

	display: inline-block

}

.border-bot {

	background: url(../img/zz.jpg) left center repeat-x;

	height: 30px

}

.map-btn:hover {

	color: #0f0f0f

}

.ser-band {

	text-align: center;

	background: #e9e9e9;

	padding: 15px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.ser-band:hover {

	background: #fff;

	box-shadow: 0 0 4px rgba(0,0,0,0.2);

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.ser-band h4 {

	color: #505050

}

.ser-band a {

	color: #6a6a6a

}

.ser-band a:hover {

	color: #505050

}

.de-head {

	margin: 0;

	font-size: 24px;

	padding-bottom: 17px;

	font-weight: bold;

	text-align: center

}

.in-top {

	padding: 0 20px 10px;

	width: 100%

}

.package-popup {

	margin-top: 6%

}

.package-bx {

	background: #eee;

	width: 100%;

	text-align: center;

	padding: 20px 20px 40px;

	border: #cccaca solid 1px

}

.package-bx figure {

	position: relative

}

.package-bx figure img {

	width: 100%;

	position: relative

}

.package-bx figure a {

	position: absolute;

	right: 0;

	left: 0;

	top: 43%;

	background: rgba(0,0,0,0.6);

	border-radius: 4px;

	padding: 8px 15px;

	margin: 0 85px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	opacity: 0;

	z-index: 2;

	font-size: 12px;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease

}

.package-bx figure a:hover {

	background: rgba(0,0,0,0.8)

}

.package-bx figure:hover a {

	opacity: 1;

	top: 37%;

	padding: 10px 15px;

	margin: 0 40px;

	font-size: 14px;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease

}

.package-bx figure:after {

	content: '';

	color: #fff;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.1);

	z-index: 1;

	opacity: 0;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease

}

.package-bx figure:hover:after {

	opacity: 1

}

.package-bx h4 {

	color: #505050;

	font-weight: bold;

	margin-top: 25px

}

.package-bx h1 {

	color: #424242;

	margin: 20px 0 -15px;

	font-size: 18px;

	font-weight: bold

}

.package-bx h2 {

	color: #649e2d;

	margin: 3px 0 10px

}

.dfont3 {

	color: #3c959d!important

}

.dfont4 {

	color: #a8323e!important

}

.dfont5 {

	color: #849b40!important

}

.dfont6 {

	color: #d26932!important

}

.bg1 {

	background: #3c959d!important

}

.bg2 {

	background: #a8323e!important

}

.bg3 {

	background: #849b40!important

}

.bg4 {

	background: #d26932!important

}

.bg1:hover, .bg2:hover, .bg3:hover, .bg4:hover {

	background: #583234!important

}

.package-bx h5 {

	font-size: 14px;

	color: #505050;

	font-weight: normal;

	margin: 25px 0 0

}

.package-bx ul {

	list-style: none;

	padding: 0;

	margin: 0 0 20px

}

.package-bx ul li {

	width: 100%;

	padding: 10px 10px 10px 10px;

	border-bottom: 1px solid #dadada;

	color: #424242;

	text-align: center

}

.package-bx ul li:before {

	font-family: FontAwesome;

	content: "\f00c";

	padding-right: 8px;

	margin-left: -10px;

	color: #999

}

.package-bx ul li:last-child {

	border: 0

}

.btn-gen {

	background: #505050;

	color: #fff;

	padding: 10px 40px;

	border: 0;

	font-weight: bold;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.btn-gen:hover {

	background: #583234;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.client-col {

	margin-top: 15px;

	padding: 20px 10px;

	background: #fff;

	width: 100%;

	display: inline-block

}

.c-bx {

	border: 1px solid #e5e5e5;

	margin-bottom: 30px

}

.c-bx img {

	width: 100%

}

.project-col {

	display: inline-block;

	width: 100%;

	position: relative;

	background: transparent;

	z-index: 10;

	background: #6d6d6d

}

.project-col .overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.3) url(../img/vdo-over.png) repeat;

	z-index: 0

}

.video-col {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	overflow: hidden;

	z-index: -2

}

.video-col video {

	width: 100%

}

.canvas, .video {

	width: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	background: #000;

	z-index: -2

}

.txt-white h4, .txt-white a, .txt-white p {

	color: #fff

}

.project-col .row {

	margin-right: -10px;

	margin-left: -10px

}

.project-col .col-sm-4 {

	padding-right: 10px;

	padding-left: 10px

}

.techno-col {

	padding-top: 0;

	padding-bottom: 40px

}

.techno-col .col-sm-10 {

	padding-right: 0;

	padding-left: 0

}

.techno-col img {

	max-width: 100%

}

.techno-col h4 {

	font-weight: bold

}

.head2 {

	font-weight: bold;

	font-size: 18px;

	margin: 15px 0 10px

}

.formbox {

	position: fixed;

	bottom: 0;

	right: 1em;

	width: 300px;

	font-size: 16px;

	z-index: 1000

}

.formbox-head {

	background-color: #ce281e;

	color: #fff;

	font-weight: bold;

	font-size: opensans-sb;

	padding: 8px 15px;

	margin-bottom: -1px;

	cursor: pointer

}

.formbox-head:after {

	font-family: FontAwesome;

	content: '\f0fe';

	float: right;

	font-weight: normal

}

.formbox-head.active:after {

	font-family: FontAwesome;

	content: '\f146';

	float: right;

	font-weight: normal

}

.formbox-body {

	background-color: #fff;

	border: 1px solid #b5b5b5;

	height: auto;

	padding: 10px 15px 20px;

	display: none

}

.formbox-body .form-control {

	padding: 5px 10px;

	margin-bottom: 5px;

	font-size: 14px;

	border: 1px solid #b5b5b5

}

.formbox-body label {

	margin-bottom: 1px;

	font-size: 14px

}

.formbox-body .contact-btn {

	padding: 8px 25px;

	background: #ce281e

}

.dcp {

	padding-right: 0;

	padding-top: 6px

}

.subscribe {

	position: relative;

	margin-top: 2px

}

.subscribe .popover {

	left: 15px!important;

	background-color: #adaaa7;

	color: #333;

	font-weight: bold;

	font-size: 12px

}

.subscribe .popover.top>.arrow:after {

	border-top-color: #adaaa7

}

.subscribe input[type="text"] {

	width: 100%;

	border: 0;

	background: #232323;

	height: 37px;

	padding: 0 98px 0 10px;

	color: #f2f2f2

}

.subscribe input[type="button"] {

	position: absolute;

	right: 15px;

	top: 0;

	padding: 0 12px;

	height: 37px;

	border: 0;

	background: #8a847c;

	font-weight: bold;

	color: #333

}

.subscribe input[type="submit"] {

	position: absolute;

	right: 15px;

	top: 0;

	padding: 0 12px;

	height: 37px;

	border: 0;

	background: #8a847c;

	font-weight: bold;

	color: #333

}

.top-col {

	padding: 30px 20px 20px;

	text-align: center

}

.top-col h4 {

	margin: 0;

	font-size: 24px;

	padding-bottom: 17px;

	font-weight: bold;

	color: #6f6f6f

}

.abfont {

	text-align: left;

	padding-bottom: 0!important

}

.top-col p {

	color: #6f6f6f

}

.linepadd {

	margin: 0

}

.pf-page {

	width: 100%;

	padding-bottom: 25px;

	padding-top: 5px

}

.pf-page ul {

	width: 100%;

	display: inline-block;

	list-style: none;

	padding: 0;

	margin: 0;

	text-align: center

}

.pf-page ul li {

	display: inline-block;

	text-transform: uppercase;

	font-family: opensans-sb;

	color: #e0d9e1;

	padding: 10px;

	margin: 4px 2px;

	border: 1px solid #666

}

.bb110 {

	border: #bfbbb4 solid 1px!important

}

.pf-page ul li a {

	padding: 0;

	color: #4e4e4e

}

.pf-page ul li a:hover {

	color: #0f0f0f

}

.pf-page ul li a.active {

	color: #a2998b;

	cursor: context-menu;

	pointer-events: none

}

.pf-botm-txt {

	padding: 6px 0 30px;

	text-align: center;

	font-style: italic;

	color: #6f6f6f

}

label.contacterror {

	font-family: "tahoma", sans-serif;

	font-size: 12px;

	color: #F00!important;

	position: absolute;

	top: 9px;

	width: auto!important;

	margin-top: -33px

}

.clientbord {

	border: #e8e8e8 solid 1px

}

.paam {

	text-align: left;

	padding: 0

}

.btn-request-top {

	margin-top: 4px;

	float:right;

	display:block;

	background:#d2271f;

	padding:4px 20px;

	color:#fff;

	border:0;

	border-radius:0;

	font-family: "tahoma", sans-serif;

    font-weight: bold;

    margin-left: 20px

}

@media(max-width:1290px) {

.read-btn {

	font-size: 12px

}

.carousel-content p {

	font-size: 13px

}

.service-wrap ul li a {

	font-size: 14px;

	padding: 7px 10px

}

#main-slider .carousel-content h1 {

	font-size: 37px

}

.carousel-content h3 {

	font-size: 23px

}

.contact {

	padding: 0

}

.feat-wrap {

	padding: 15px 14px

}

.nav>li>a {

	padding: 10px 10px

}

}

@media(max-width:1200px) {

.menu-wrap {

	padding-top: 11px

}

.box3 .anim {

	margin-bottom: -173px

}

.box3 .port-wrap:hover .anim {

	margin-bottom: -108px

}

.box3 .anim h4 {

	font-size: 16px;

	margin-bottom: 3px

}

.overlay-content {

	padding-top:22%;

}

.why-item {

	height: 114px

}

.head-backup {

	height: 117px

}

.team-border {

	padding: 19px 25px 19px 25px

}

.team-head {

	padding: 28px 25px

}

.c-logo-item p {

	line-height: 20

}

.fa-phone {

	display: none!important

}

.port-content {

	padding-top: 28px

}

.carousel-content {

	left: -220px

}

.cntct-new p {

	font-size: 14px

}

.canvas, .video, .video-col video {

	width: auto;

	height: 100%

}

.textbox {

	margin-bottom: -270px

}

.port-wrap:hover .textbox {

	margin-bottom: -203px

}

.est p {

	padding-bottom: 0;

	margin: 0

}

.dcp {

	width: 100%;

	float: none;

	margin-bottom: 10px;

	margin-top: 10px

}

.subscribe {

	width: 100%;

	float: none;

	margin: 25px 0 0 0

}

.textbox {

	position: static;

	z-index: 1;

	margin-bottom: 0;

	text-align: center;

	padding-left: 0

}

.port-wrap {

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none;

	background: #000

}

.port-wrap:hover img {

	transform: translateY(0);

	-ms-transform: translateY(0);

	-webkit-transform: translateY(0);

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none

}

.port-wrap:hover .textbox {

	margin-bottom: 0;

	z-index: 10

}

.link p {

	padding-top: 0!important;

	text-align: center;

	padding-right: 0

}

.textbox p {

	padding-top: 7px;

	margin: 0 0 10px

}

}

@media(max-width:992px) {

.pr-0 {

	padding-right: 15px

}

.pl-0 {

	padding-left: 15px

}

#contact_frm {

	width: 100%

}

.navbar-nav {

	margin: 7.5px 0

}

.menu-wrap li.dropdown {

	position: relative

}

.menu-wrap li.dropdown a:after {

	font-family: FontAwesome;

	content: '\f067';

	position: absolute;

	top: 11px;

	right: 0

}

.menu-wrap li.dropdown.open a:after {

	font-family: FontAwesome;

	content: '\f068';

	position: absolute;

	top: 11px;

	right: 0

}

header {

	position: static

}

.menu-wrap {

	float: none!important;

	text-align: center

}

p.italic {

	padding-bottom: 15px

}

.info-content {

	padding: 10px 0 10px

}

.info-content p {

	padding-left: 15px;

	padding-right: 15px

}

.project-wrap {

	padding: 20px 15px 12px 15px

}

p.italic {

	margin: 0 20px!important

}

.navbar-brand {

	position: absolute

}

.why-item1 {

	min-height: 60px

}

.team-head {

	padding: 10px 25px

}

.why-item {

	height: 100px

}

.menu-wrap {

	padding-top: 0

}

.app-wrap {

	background: #dcdcdc

}

.team-border {

	padding: 7px 15px

}

.head-backup {

	height: 0

}

.top-content-wrap {

	width: 100%

}

.top-content-wrap {

	margin-top: 0

}

.navbar-brand img {

	max-width: 144px

}

.border1 {

	background: 0

}

.top-bar {

	margin-top: 10px

}

.menu-wrap li {

	text-align: left;

	border-bottom: 1px solid #e3e3e3

}

.menu-wrap .dropdown-menu li {

	border: none!important

}

.navbar-toggle {

	margin-top: 3px

}

.menu-wrap li:last-child {

	border: none!important

}

.dropdown-menu {

	padding: 0

}

.projects {

	padding-bottom: 17px

}

.project-band-wrap {

	padding-top: 0

}

.ser-band {

	margin-bottom: 15px

}

.service-wrap ul li img {

	width: 18px

}

.team-border {

	border: 0

}

.carousel-content {

	top: -16px

}

#main-slider .carousel-content h1 {

	font-size: 28px

}

.client-wrap p {

	font-size: 14px

}

.md-pad {

	padding: 31px 0

}

.about-wrapper {

	padding-bottom: 0

}

.projects {

	text-align: center

}

.hidden-est {

	display: none

}

.footer-band {

	padding-bottom: 20px

}

.feat-wrap button {

	font-size: 12px

}

.c-logo-item {

	width: 25%

}

.client-logo {

	padding-bottom: 15px

}

.border-pdt {

	border: 0

}

.pdt-img img {

	margin: 0 auto

}

.pdt-item {

	padding-bottom: 25px

}

.logo-wrap {

	padding-bottom: 4px

}

.form-wrap {

	padding-bottom: 30px

}

.bot-wrap {

	padding-bottom: 30px

}

.overlay-content {

	padding-top:23%

}

.port-content {

	padding-top: 73px

}

.service-wrap ul li {

	width: 50%;

	background: #e8e8e8;

	float: left;

	border: 1px solid #f0f0f0

}

.service-wrap ul li a {

	border: 0

}

.abt-new-band {

	padding-top: 0

}

.dspace {

	margin-top: 15px

}

.about-content h4, .abt-new h4 {

	padding-bottom: 10px;

	padding-top: 10px

}

.anim {

	border-top: 0;

	position: relative;

	z-index: 0;

	width: 100%;

	height: 100%;

	margin-bottom: 0;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none;

	padding: 10px 15px

}

.box3 .anim {

	margin-bottom: 0

}

.box3 .port-wrap:hover .anim {

	margin-bottom: 0

}

.how-work {

	padding: 0

}

.textbox h4 {

	margin-top: 0;

	padding: 7px 0 0

}

.copyright-wrap p {

	padding-bottom: 35px

}

.package-bx {

	margin-bottom: 25px

}

.paam {

	text-align: center

}

.abfont {

	margin-left: -20px!important

}

.pf-page ul {

	background: #827b6f;

	padding: 10px

}

.pf-page ul li {

	display: inline-block;

	padding: 0;

	border: 0;

	margin: 0

}

.bb110 {

	border: none!important

}

.pf-page ul li a {

	background: 0;

	width: 100%;

	display: inline-block;

	padding: 1px 8px;

	border: 0;

	margin: 1px 0 0 0;

	text-transform: none;

	color: #fff

}

.pf-page {

	width: 100%;

	padding-bottom: 10px;

	padding-top: 0

}

.pf-page ul li a.active {

	color: #c8c4bb;

	background: 0

}

.pf-page ul li span {

	display: none

}

}

@media(max-width:800px) {

#main-slider .carousel-content h1 {

	font-size: 27px

}

.client-wrap {

	background: 0

}

.team-band p, .cntct-new p {

	font-size: 12px

}

.create {

	background: 0

}

.carousel-content p {

	font-size: 11px

}

.read-btn {

	font-size: 10px

}

#main-slider .carousel-content .btn {

	margin-top: 0

}

.hidden-sm {

	display: none

}

.service-wrap ul li a {

	font-size: 14px;

	padding: 7px 7px

}

.bottom-content p {

	font-size: 15px

}

.feat-wrap a {

	font-size: 12px

}

.feat-wrap button {

	padding: 3px 5px

}

.c-logo-item {

	width: 33%

}

.menu-wrap li:last-child {

	border: 0

}

.job-head p {

	width: 100%

}

.hidden-lg {

	display: block!important;

	float: left;

	padding-top: 3px;

	padding-right: 4px;

	color: #48292a

}

.port-content h4 {

	font-size: 21px;

	margin: 0 10px auto;

	padding: 9px 0

}

.port-content {

	padding-top: 40px

}

.app-wrap {

	display: none

}

}

@media(max-width:710px) {

.quick-wrap .sec-ul {

	padding-left: 8px

}

}

@media(max-width:640px) {

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

	float: none;

	width: 100%

}

.abt-new {

	padding: 20px 20px

}

.about-wrapper.webs .container {

	padding-right: 0;

	padding-left: 0

}

.contact-top {

	padding: 10px 0 5px 0

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

	border: 1px solid#ddd

}

.nav-tabs {

	margin-bottom: 10px;

	border: 0

}

.nav-tabs>li {

	float: none

}

.nav-tabs>li>a {

	margin-right: 0

}

.projects p {

	margin: 0

}

.c-logo-item p {

	line-height: 28

}

.hidden-sm {

	display: none

}

.feat-wrap {

	margin-bottom: 26px

}

.map {

	height: auto

}

.service-wrap ul li img {

	width: auto

}

.port-head {

	line-height: 4;

	font-size: 17px

}

.service-wrap ul li a {

	font-size: 15px

}

.info-content, .team-band {

	text-align: center

}

#btn_art h1 a {

	padding: 4px 4px

}

.why-item .border {

	background: 0

}

.why-item {

	height: 63px

}

.est a {

	left: 0

}

#btn_art h1 {

	font-size: 11px

}

#btn_art {

	margin-top: 10px;

	margin-right: 0;

	margin-left: 0

}

.contact-top ul li {

	padding: 0 3px;

	border: 0;

	float: left

}

.contact-top ul {

	display: inline-block

}

#main-slider .carousel-content h1 {

	font-size: 26px

}

.carousel-content h3 {

	font-size: 22px

}

.client-wrap {

	display: none

}

.footer-img {

	display: none

}

.quick-wrap .sec-ul {

	padding-left: 62px

}

.feat-wrap ul {

	margin: 0

}

.feat-wrap ul li:last-child {

	border: 0

}

.pad-0 {

	padding: 0

}

.c-logo-item {

	width: 50%

}

.add-wrap {

	padding-top: 60px;

	padding-left: 0

}

.port-wrap img {

	width: 100%

}

.pdt-list {

	padding-left: 10px;

	padding-top: 10px

}

.service-wrap ul li a {

	line-height: 4

}

.port-content {

	padding-top: 220px

}

.captcha {

	transform: scale(0.77);

	-webkit-transform: scale(0.77);

	transform-origin: 0 0;

	-webkit-transform-origin: 0 0

}

#contact_frm {

	width: 290px

}

.project-col .col-sm-4 {

	padding-right: 0;

	padding-left: 0

}

.quick-wrap ul, .quick-wrap .sec-ul {

	padding-left: 0;

	margin-top: 0;

	width: 50%

}

.quick-wrap ul li {

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

	padding: 10px;

	border-right: 1px solid #333;

	border-bottom: 1px solid #333

}

.subscribe input[type="submit"] {

	right: 0

}

.why-wrap {

	padding: 0 15px

}

.techno-col {

	text-align: center;

	padding-bottom: 15px

}

.techno-col .col-xs-3 {

	width: 25%;

	float: left;

	margin-bottom: 15px

}

.formbox {

	right: 0;

	width: 100%

}

.subscribe, .dcp {

	padding-right: 0;

	padding-left: 0

}

.subscribe input[type="button"] {

	right: 0

}

.port-wrap {

	background: #000

}

.subscribe label.contacterror {

	left: 0!important

}

.clientbb {

	background: #6d6d6d;

	padding: 30px 15px 0 15px

}

.clientbord {

	border: #515151 solid 1px

}

.overlay-content {

	padding-top: 21%

}

}

@media(max-width:480px) {

.contact-top {

	display: none

}

.c-logo-item p {

	line-height: 20

}

.bottom-content p {

	font-size: 13px

}

.cntct-new p {

	padding-bottom: 5px

}

.contact-top ul {

	padding: 0

}

#main-slider .owl-next {

	right: -48px;

	text-indent: -24px

}

.c-logo-item {

	margin-top: 0

}

#main-slider .owl-prev, #main-slider .owl-next {

	font-size: 15px

}

#main-slider .carousel-content h1 {

	margin-top: 21px;

	font-size: 21px

}

.carousel-content h3 {

	font-size: 16px

}

.service-wrap ul li {

	width: 100%

}

#main-slider .owl-prev {

	left: -48px;

	text-indent: 24px

}

.port-content {

	padding-top: 173px

}

.quick-wrap ul, .quick-wrap .sec-ul {

	padding-left: 0;

	width: 100%;

	margin: 0

}

.c-logo-item {

	width: 100%

}

.c-logo-item p {

	line-height: 30

}

.logo {

	width: 128px

}

.top-bar {

	margin-top: 0

}

.pdt-list label {

	margin-top: 25px

}

.bottom-content p {

	font-size: 11px

}

.est a {

	left: 0;

	right: 0

}

footer {

	text-align: center

}

}

@media(max-width:360px) {

.video-col video {

	display: none

}

.video-col {

	background: url(../img/vdo-img) center top no-repeat;

	background-size: cover

}

#main-slider .carousel-content h1 {

	margin-top: 6px;

	font-size: 19px

}

.about-content h4 {

	font-size: 17px

}

.port-content {

	padding-top: 140px

}

.why-item {

	height: 70px

}

}