* {
	margin: 0;
	padding: 0;
}
.padding-right-20 {
	padding-right: 20px !important;
}
.padding-left-20 {
	padding-left: 20px !important;
}
body {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	overflow-x: hidden;
}
::-moz-selection {
/* Code for Firefox */
	background: #C8C8C8;
}
::selection {
	background: #C8C8C8;
}
/*default styles*/
.padding0 {
	padding: 0;
}
.imgCenter {
	margin: 0 auto;
	display: table;
	float: none;
}
a {
	border: none;
	color: inherit;
}
a:active {
	border: none;
	color: inherit;
	text-decoration: none;
}
a:hover {
	border: none;
	color: inherit;
	text-decoration: none;
}
a:focus {
	border: none;
	color: inherit;
	text-decoration: none;
}
/*navbar default bootstrap settings*/
.navbar-inverse {
	background-color: #000000;
	height: 95px;
	border-color: #080808;
	border-radius: 0px;
}
.innerBrand {
	color: #fff;
	float: left;
}
.navbar-brand {
	float: left;
}
.logoSmallScreens {
	position: relative;
	top: -3px;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 19px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 8px;
	margin-top: 2px;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding-left: 4px;
	padding-right: 25px;
	letter-spacing: 2px;
	line-height: 16px;
	font-weight: normal;
}
.navbar-right {
	margin-top: 25px;
	margin-right: 64px;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #000;
	color: #fff!important;
	text-align: center;
	margin-top: 13px;
	text-align: center;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	text-align: center;
	left: 50%;
	right: auto;
	width: 240px;
	text-align: center;
	padding: 20px;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	padding-left: 0px;
	padding-right: 0px;
	letter-spacing: 2px;
	line-height: 16px;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #1f1f1f;
}
/*additional demo header*/
.overlayheaderAdditionalDemo {
	height: 400px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
}
.overlayheaderAdditionalDemo h2 {
	font-family: 'Roboto Condensed', sans-serif;
	;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	color: #fff;
	padding-top: 169px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.overlayheaderAdditionalDemo h3 {
	line-height: 20px;
	font-size: 17px;
	color: #FFFFFF;
	letter-spacing: 4px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	;
	font-weight: 300;
}
/*header section / carousel section */
.videoCarouselAdditionalLayout li {
	position: relative;
	top: 66px;
	border-color: #000;
}
.videoCarouselAdditionalLayout li.active {
	position: relative;
	top: 69px;
	background-color: #000;
}
.header {
	height: 759px;
	background-color: #fff;
	width: 100%;
}
.header h4 {
	font-size: 17px;
	line-height: 31px;
	letter-spacing: 4px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-weight: 300;
	padding-top: 289px;
	color: #000;
}
.header h2 {
	font-size: 45px;
	line-height: 81px;
	letter-spacing: 7px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #000;
	margin-top: -8px;
	text-align: center;
}
.header .btn-default:nth-child(1) {
	position: relative;
	right: 12px;
	margin-top: 85px;
	border: 1px solid #000;
	color: #000;
}
.header .btn-default:nth-child(2) {
	position: relative;
	left: 12px;
	margin-top: 85px;
	border: 1px solid #000;
	color: #000;
}
.header img:nth-child(1) {
	position: relative;
	cursor: pointer;
	top: 477px;
}
.header img:nth-child(5) {
	position: relative;
	cursor: pointer;
	float: right;
	bottom: 124px;
}
.btn-default {
	letter-spacing: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	background-color: transparent;
	border: 1px solid #fff;
	height: 34px;
	width: 151px;
	color: #fff;
	font-size: 13px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	text-align: center;
}
.btn-default:hover {
	background-color: #ffffff;
	color: #000;
}
.btn-default:active {
	border-color: transparent;
}
.btn-default:focus {
	border-color: transparent;
}
/*about us section*/
.aboutSectionAdditional {
	height: 335px;
	width: 100%;
	background-color: #fff;
}
.aboutSection {
	width: 100%;
	background-color: #fff;
}
.aboutSection h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	color: #000;
}
.aboutSection h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemProgressBar {
	margin-top: 128px;
}
.progress {
	width: 370px;
	height: 3px;
}
#progress1 {
	width: 25%;
}
#progress2 {
	width: 22%;
}
#progress3 {
	width: 99%;
}
.progress-bar {
	background-color: #000;
}
.itemProgressBar h6 {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: -14px;
	float: left;
}
.itemProgressBar span:nth-child(3) {
	float: right;
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-right: 54px;
	margin-top: -17px;
}
.itemProgressBar span:nth-child(6) {
	float: right;
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: -17px;
	padding-right: 54px;
}
.itemProgressBar span:nth-child(9) {
	float: right;
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: -17px;
	padding-right: 54px;
}
.itemProgressBar .progress:nth-child(4) {
	margin-top: 42px;
}
.itemProgressBar .progress:nth-child(7) {
	margin-top: 42px;
}
.itemParagraphs {
	margin-top: 50px;
}
.itemParagraphs p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 9px;
	line-height: 20px;
	text-align: justify;
}
.paragraph2 {
	padding-left: 20px!important;
}
/*animate Number Section*/
.animateNumberSection {
	height: 483px;
	width: 100%;
	background-color: #000;
}
.animateNumberSection h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 7px;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 112px;
}
.animateNumberSection img {
	margin-top: 20px;
}
.itemChooseUs i {
	float: left;
	color: #fff;
	padding: 10px 17px;
}
.itemChooseUs h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 4px;
	color: #fff;
	position: relative;
	left: 32px;
	margin-top: 3px;
}
.itemChooseUs p {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px !important;
	font-weight: 400;
	letter-spacing: 1px;
	position: relative;
	padding-right: 30px;
	left: 0 !important;
	/*top: 6px;
*/
	margin-bottom: 5px;
	line-height: normal!important;
	color: #fff;
}
.itemAnimateNumber {
	margin-top: 73px;
}
.itemAnimateNumber h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 7px;
}
.itemAnimateNumber h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	letter-spacing: 4px;
	padding-top: 15px;
}
/*team section*/
.team {
	height: 881px;
	width: 100%;
}
.team .btn-black {
	border: none;
	margin-top: 39px;
	width: 151px;
	border: 1px solid #000;
}
.team h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 133px;
	margin-top: 0px;
	color: #000;
}
.team h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemTeamName:nth-child(1) {
	margin-top: 122px;
	width: 268px;
}
.itemTeamName:nth-child(2) {
	margin-top: 122px;
	width: 268px;
	margin-left: 30px;
}
.itemTeamName:nth-child(3) {
	margin-top: 122px;
	width: 268px;
	margin-left: 30px;
}
.itemTeamName:nth-child(4) {
	margin-top: 122px;
	width: 268px;
	margin-left: 30px;
}
.overlayItemImageTeamSection {
	height: 350px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.overlayItemImageTeamSection:hover {
	opacity: 1;
}
.itemTeamName h4 {
	text-align: center;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 4px;
	padding-top: 10px;
}
.itemTeamName h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	color: #000;
}
.itemImageTeamSection {
	height: 350px;
	background-image: url('../assets/team/team-1.jpg');
	background-size: cover;
	background-position: center;
}
.itemImageTeamSection2 {
	height: 350px;
	background-image: url('../assets/team/team-2.jpg');
	background-size: cover;
	background-position: center;
}
.itemImageTeamSection3 {
	height: 350px;
	background-image: url('../assets/team/team-3.jpg');
	background-size: cover;
	background-position: center;
}
.itemImageTeamSection4 {
	height: 350px;
	background-image: url('../assets/team/team-4.jpg');
	background-size: cover;
	background-position: center;
}
.socials {
	list-style: none;
	margin: 0 auto;
	display: table;
	float: none;
	margin: 158px auto;
}
.socials li {
	height: 40px;
	width: 41px;
	border: 1px solid #000;
	text-align: center;
	float: left;
	margin-left: 6px;
	margin-right: 3px;
}
.socials i {
	text-align: center!important;
	color: #000;
	padding-top: 11px;
	font-size: 17px;
}
/*services section*/
.additionalServices {
	height: 446px;
}
.services {
	width: 100%;
	border-top: 2px solid #EDEDED;
}
.services h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	color: #000;
}
.services h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemServices {
	margin-top: 30px;
	color: #000!important;
}
.itemServices h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 4px;
	margin-top: 29px;
}
.itemServices p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
	padding-top: 22px;
	line-height: 20px;
	text-align: justify;
}
/*testimonial section*/
.testimonials {
	width: 100%;
	background-image: url('../assets/testimonials/testimonial.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.overlayTestimonials {
	width: 100%;
	background-color: rgba(0,0,0,0.8);
}
.overlayTestimonials h5, .overlayTestimonials h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 7px;
	color: #fff;
	text-align: center;
	padding-top: 70px;
  margin-bottom: 70px;
}

.overlayTestimonials h4 {
  margin: 0;
}
.carousel-indicators {
bottom: 70px;
}
.overlayTestimonials img {
	margin-top: 17px;
}
.itemTestimonial {
	float: none;
	display: table;
	margin: 50px auto;
}
.itemTestimonial p {
	color: #fff;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 21px;
}
.itemTestimonial h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	padding-top: 20px;
}
.testimonialsCarouselIndicators li {
	position: relative;
	top: 19px;
}
.carousel-indicators li {
	margin-left: 3px;
	margin-right: 12px;
}
.carousel-indicators .active {
	width: 17px;
	height: 17px;
	margin-left: 3px;
	position: relative;
	top: 22px;
	margin-right: 12px;
}
/*portfolio section*/
.portfolio {
	height: auto;
	width: 100%;
}
.portfolio h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	color: #000;
}
.portfolio h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}

.overlayItemPortfolio {
	height: 245px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	cursor: pointer;
	z-index: 100;
}
.overlayItemPortfolio:hover {
	opacity: 1;
}
.overlayItemPortfolio h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 3px;
	padding-top: 169px;
}
.overlayItemPortfolio h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 14px;
	text-align: center;
}
.portfolio .btn-black {
	margin-top: 30px;
}
.btn-black {
	width: 190px;
	height: 35px;
	border-radius: 0px;
	background-color: #000;
	color: #fff!important;
	letter-spacing: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	line-height: 16px;
	font-size: 13px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.btn-black:hover {
	background-color: #fff;
	color: #000!important;
	border: 1px solid #000;
}
.noEffect {
	color: #000;
}
.noEffect:active {
	color: #000;
}
.noEffect:hover {
	color: #000;
}
.noEffect:focus {
	color: #000;
}
.hover-details {
	width: 100%; height: auto; overflow: hidden; position: relative; 
	-moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; 
	-o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out; 
	margin-bottom: 20px; 
}
.hover-details .img-cover { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background: rgba(0, 168, 214, 0.8); -moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; -o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out; border-radius:3px; }
.hover-details .show-cover {/*background: rgba(1, 113, 197, 0.5); */-moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; -o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out;}

.hover-details .show-cover span {position: absolute; }

.hover-details .show-cover:hover > span {position: absolute;}



.show-heading {/*position: absolute; */ position: relative; width: 100%; max-width: 260px;  /*height: 3.5em;*/ height: 66px; opacity: 0.65; -moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; -o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out;}
 

.hover-details > .show-cover .show-heading {top: 0; font-size: 1.2em; padding: 10px;  margin: 0;-moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; -o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out;}

.hover-details:hover > .show-cover {color: red}


.hover-details > img { width: 100%; height: auto; -moz-transition: all ease 800ms ease-in-out; -webkit-transition: all ease 800ms ease-in-out; -o-transition: all ease 800ms ease-in-out; transition: all ease 800ms ease-in-out;}



.hover-details img:hover {
opacity: 1;
}


.hover-details img {
opacity: 0.85;
}

.show-heading:hover  {
text-decoration: underline;
}


span.img-zoom, a.img-zoom { width: 45px; height: 45px; background-color: #1a1a1a; line-height: 45px; position: absolute; top: -45%; left: 50%; border-radius: 3px; margin-top: -35px; margin-left:  -25px; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 1200ms ease-in-out; -ms-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; text-align: center;}
.img-zoom i {color: #FFF; font-size: 18px;}

.img-cover h3 { width: 100%;	 position: absolute; bottom: -28%; color: #f8f8f8; font-size: 16px; text-align: center;	 padding: 0 10px; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 1200ms ease-in-out; -ms-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;}

.hover-details:hover {cursor: pointer;}
.hover-details:hover > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);}
.hover-details:hover .img-zoom { top: 45%;}
.hover-details:hover .img-cover h3 { bottom: 28%;}
.hover-details:hover .img-cover { opacity: 1;}
.img-zoom:hover { background-color: #333;}
/*corporate section*/
.corporate {
	width: 100%;
	background-color: #000;
	text-align: center;
}
.corporate h4 {
	font-size: 24px;
	letter-spacing: 4px;
	line-height: 29px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 0;
}
.corporate .btn-white {
	margin-top: 22px;
}
.btn-white {
	background-color: #fff;
	border: none;
	letter-spacing: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	line-height: 24px;
	font-size: 13px;
	color: #000000;
	text-align: center;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.btn-white:hover {
	color: #fff;
	background-color: #000;
}
/*works section*/
.works {
	width: 100%;
}
.works h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	color: #000;
}
.works h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemWorks {
	margin-top: 50px;
	text-align: center;
	color: #000;
}
.itemWorks p {
	padding: 0 15px;
}
.itemWorks h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 4px;
	padding-top: 15px;
	margin-top: 0;
	line-height: 24px;
}
.rightArrow {
	float: right;
	padding-top: 12px;
	font-size: 33px;
}
/*agency video section*/
.agencyVideo {
	height: 669px;
	width: 100%;
	border-top: 2px solid #EDEDED;
}
.itemScreen {
	width: 671px;
	height: 365px;
	margin-top: 114px;
	background-image: url('../assets/video/screens.jpg');
	background-position: 47% 78%;
}
.itemContent {
	margin-top: 114px;
	height: 400px;
	width: 378px;
	margin-left: 115px;
}
.itemContent h6 {
	letter-spacing: 5px;
	line-height: 34px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	text-align: left;
	font-weight: 400;
	padding-top: 53px;
	padding-left: 13px;
	color: #000;
}
.itemContent p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 14px;
	padding-top: 18px;
	line-height: 20px;
	color: #000;
}
.itemContent .btn-black {
	margin-top: 17px;
	border: 1px solid #000;
	width: 129px;
	margin-left: 16px;
}
.itemVideo {
	margin-top: 114px;
	height: 400px;
	width: 378px;
}
.itemVideo h6 {
	letter-spacing: 5px;
	line-height: 34px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	text-align: left;
	font-weight: 400;
	padding-top: 53px;
	padding-left: 0px;
	color: #000;
}
.itemVideo p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 0px;
	padding-top: 18px;
	line-height: 20px;
	color: #000;
}
.itemVideo .btn-black {
	margin-top: 17px;
	border: 1px solid #000;
	width: 129px;
	margin-left: 0px;
}
.itemVideoSectionVimeo {
	width: 671px;
	height: 378px;
	background-color: #000;
	margin-left: 118px;
	margin-top: 110px;
	padding: 0;
}
.vimeo {
	height: 378px;
	width: 671px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
.vimeoVideoSectionCarousel .active {
	width: 17px;
	height: 17px;
	margin-left: 3px;
	position: relative;
	top: 64px;
	margin-right: 12px;
	border: 1px solid #000;
	margin-right: 12px;
	background-color: #000;
}
.vimeoVideoSectionCarousel li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border: 1px solid #000;
	position: relative;
	border-radius: 10px;
	top: 62px;
	margin-right: 12px;
}
/*why choose us section*/
.chooseUs {
	width: 100%;
	background-color: #000;
}
.chooseUs h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 7px;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 0;
  margin-bottom: 50px;
}
.chooseUs img {
	margin-top: 20px;
}
.itemChooseUs i {
	float: left;
	color: #fff;
	padding: 0;
	margin-right: 20px;
	top: 4px;
	position: relative;
}
.itemChooseUs h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: 4px;
	color: #fff;
	left: 0;
	margin-top: 15px;
}
.itemChooseUs p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	position: relative;
	left: 32px;
	/* top: 6px;
*/
	color: #fff;
}
.itemChooseUs ul {
	padding-left: 20px;
	color: #fff;
}
.itemChooseUs ul li {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	/*line-height: 26px;
*/
	font-weight: 400;
	letter-spacing: 1px;
	padding: 2px 40px 2px 0;
}
/*best seller section*/
.bestSeller {
	width: 100%;
}
.bestSeller .btn-black {
	border: none;
	margin-top: 39px;
	width: 151px;
	border: 1px solid #000;
}
.bestSeller h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	color: #000;
}
.bestSeller h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemProduct:nth-child(1) {
	margin-top: 120px;
	width: 270px;
}
.itemProduct:nth-child(2) {
	margin-top: 120px;
	width: 270px;
	margin-left: 30px;
}
.itemProduct:nth-child(3) {
	margin-top: 120px;
	width: 270px;
	margin-left: 30px;
}
.itemProduct:nth-child(4) {
	margin-top: 120px;
	width: 270px;
	margin-left: 30px;
}
.itemProduct h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 3px;
	text-align: center;
	font-size: 17px;
	color: #000;
}
.itemProduct h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 4px;
	line-height: 24px;
	color: #000;
	padding-top: 3px;
	text-align: center;
}
.itemProduct .btn-white {
	border: 1px solid #000;
	width: 146px;
	margin-top: 7px;
}
.image {
	height: 328px;
	width: 270px;
	background-image: url('../assets/products/item1.jpg');
	background-size: cover;
	background-position: center;
}
.image2 {
	height: 328px;
	width: 270px;
	background-image: url('../assets/products/item2.jpg');
	background-size: cover;
	background-position: center;
}
.image3 {
	height: 328px;
	width: 270px;
	background-image: url('../assets/products/item3.jpg');
	background-size: cover;
	background-position: center;
}
.image4 {
	height: 328px;
	width: 270px;
	background-image: url('../assets/products/item4.jpg');
	background-size: cover;
	background-position: center;
}
.imageOverlay {
	height: 328px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	cursor: pointer;
}
.imageOverlay:hover {
	opacity: 1;
}
/*blog section*/
.blog {
	height: 978px;
	width: 100%;
	border-top: 2px solid #EDEDED;
}
.blog h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 133px;
	margin-top: 0px;
	color: #000;
}
.blog h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemBlog:nth-child(1) {
	margin-top: 121px;
	height: 500px;
	width: 370px;
}
.itemBlog:nth-child(2) {
	margin-top: 121px;
	height: 500px;
	margin-left: 30px;
	width: 370px;
}
.itemBlog:nth-child(3) {
	margin-top: 121px;
	height: 500px;
	margin-left: 30px;
	width: 370px;
}
.itemBlogPicture {
	height: 220px;
	width: 100%;
	background-image: url('../assets/blog/image1.jpg');
	background-size: cover;
	background-position: center;
}
.itemBlogPicture2 {
	height: 220px;
	width: 100%;
	background-image: url('../assets/blog/image2.jpg');
	background-size: cover;
	background-position: center;
}
.itemBlogPicture3 {
	height: 220px;
	width: 100%;
	background-image: url('../assets/blog/image3.jpg');
	background-size: cover;
	background-position: center;
}
.itemBlog h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 4px;
	color: #000;
	text-align: left;
	margin-top: 24px;
	padding-left: 3px;
}
.itemBlog h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	padding-left: 3px;
}
.itemBlog p {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	padding-left: 3px;
	padding-top: 11px;
	line-height: 20px;
}
.itemBlog button {
	border: 1px solid #000;
	height: 34px;
	margin-top: 7px;
	margin-left: 2px;
	width: 117px;
}
.blog .btn-black {
	border: 1px solid #000;
	margin-top: 15px;
	width: 148px;
	height: 34px;
}
/*clients section*/
.clients {
	height: 521px;
	width: 100%;
	background-color: #000;
}
.clients h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 7px;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 112px;
}
.clients img {
	margin-top: 20px;
}
.itemClients {
	margin-top: 76px;
}
.client-carousel-indicators .active {
	width: 17px;
	height: 17px;
	margin-left: 3px;
	position: relative;
	top: 95px;
	margin-right: 12px;
}
.client-carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	position: relative;
	top: 94px;
	margin-right: 12px;
}
/*pricing section*/
.pricing {
	height: 847px;
	width: 100%;
	border-top: 2px solid #ededed;
}
.pricing h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 133px;
	margin-top: 0px;
	color: #000;
}
.pricing h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.itemPricing:nth-child(1) {
	width: 222px;
	margin-top: 121px;
	height: 390px;
	width: 269px;
	border: 1px solid #000;
}
.itemPricing:nth-child(2) {
	width: 222px;
	margin-top: 121px;
	height: 390px;
	width: 269px;
	margin-left: 30px;
	border: 1px solid #000;
}
.itemPricing:nth-child(3) {
	width: 222px;
	margin-top: 121px;
	height: 390px;
	width: 269px;
	margin-left: 30px;
	border: 1px solid #000;
}
.itemPricing:nth-child(4) {
	width: 222px;
	margin-top: 121px;
	height: 390px;
	width: 269px;
	margin-left: 30px;
	border: 1px solid #000;
}
.itemPricing h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	padding-top: 4px;
	letter-spacing: 7px;
}
.itemPricing h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	color: #000;
	letter-spacing: 7px;
	padding-top: 5px;
}
.itemPricing h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 4px;
	padding-top: 4px;
}
.pricingList {
	list-style: none;
	margin: 30px auto;
	display: table;
	float: none;
}
.pricingList li {
	line-height: 24px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 3px;
}
.itemPricing .btn-white {
	border: 1px solid #000;
	border-radius: 0px;
	margin: 0 auto;
	display: table;
}
/*contact form information*/
#map {
	height: 322px;
	width: 100%;
	background-color: #ddd;
}
.contactForm {
	height: 532px;
	background-color: #fff;
	width: 100%;
	border-bottom: 1px #fff solid;
}
.contactForm img {
	margin-top: 22px;
}
.ItemContactInfo {
	margin: 150px auto;
	float: none;
}
.form-control {
	min-width: 400px;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: transparent;
	background-image: none;
	border: 1px solid #000;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-weight: 300;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
#name {
	margin-left: 22px;
}
#email {
	margin-left: 26px;
}
#message {
	min-width: 830px;
	margin-left: 22px;
	margin-top: 30px;
	height: 100px;
}
.btn-send {
	margin-top: 31px;
	margin-left: 22px;
	width: 202px;
	height: 37px;
	color: #fff;
	background-color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
	font-size: 14px;
	border: 1px solid #000;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.btn-send:hover {
	background-color: #fff;
	color: #000;
}
.form-control:focus {
	border-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: none;
	background-color: #000;
	color: #fff!important;
}
/*contact information section*/
.shopContact {
	height: 400px;
	width: 100%;
	background-image: url('../assets/header/bg-full-2.jpg');
	background-size: cover;
	background-position: center;
}
.overlayShopAboutUS {
	height: 400px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
}
.shopContact h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 7px;
	color: #fff;
	text-align: center;
	padding-top: 199px;
}
.shopContact h5 {
	line-height: 20px;
	font-size: 17px;
	color: #FFFFFF;
	letter-spacing: 4px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin-top: 15px;
}
.borderInfoContact {
	height: 50px;
	width: 50px;
	background-color: #fff;
	border-radius: 100px;
	margin-left: 28px;
	margin-top: 31px;
	margin: 0px auto 0 auto;
  float: left;
}
.borderInfoContact i {
	padding-top: 16px;
	font-size: 20px;
	color: #000;
}
.contactContent {
	text-align: center
}
.contactContent h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 24px;
	font-size: 20px;
	color: #fff;
  text-align: left;
	letter-spacing: 4px;
  margin-top: 0;
	padding-left: 70px;
	padding-top: 0;
}
.contactContent h6 {
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
  text-align: left;
	padding-left: 70px;
	letter-spacing: 1px;
	position: relative;
}

.borderInfoContact i {
	padding-top: 16px;
	font-size: 20px;
	color: #000;
	width: 50px;
}
/*footer section*/
.footer {
	width: 100%;
}
.footer img {
	margin: 91px auto;
	float: none;
	display: table;
	margin-bottom: 0px;
}
.socialsFooter {
	list-style: none;
	margin: 0 auto;
	display: table;
	float: none;
	margin-top: 30px;
}
.socialsFooter li {
	height: 40px;
	width: 41px;
	border: 1px solid #000;
	text-align: center;
	float: left;
	margin-left: 6px;
	margin-right: 3px;
}
.socialsFooter li a {
	display: block;
	height: 40px;
}
.socialsFooter i {
	text-align: center!important;
	color: #000;
	padding-top: 11px;
	font-size: 17px;
}
.footer h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 3px;
	text-align: center;
	color: #000;
	padding-top: 25px;
}
.footer h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 4px;
	padding-top: 5px;
}
/* ********** my styles ***************** */
section {
	padding: 70px 0;
}
p {
	/*font-size: 18px !important; */
	/*line-height: 26px !important;
*/
}
.navbar-inverse {
	background-color: #fff;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #080808;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #f6f6f6;
}
.small-name {
	color: #080808;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	display: inline-block;
	margin-top: 0px;
}
.header {
	background-color: #fff;
	height: auto;
	padding-top: 45px;
  padding-bottom: 0;
	width: 100%;
}
#welcome .container {
	position: absolute;
	color: #fff;
	top: 30%;
	left: 10%;
}
.bx-wrapper .bx-viewport {
	box-shadow: none !important;
}
.itemTestimonial h5 {
	text-transform: uppercase;
}
.features {
	width: 100%;
	border-top: 2px solid #EDEDED;
}
.features h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 0;
	margin-top: 0px;
	color: #000;
}
.features h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	font-size: 14px;
	margin-top: 16px;
	color: #000;
}
.features ul {
	padding-left: 0px;
	list-style: none;
}
.features ul li {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	/* line-height: 26px;
*/
	font-weight: 400;
	letter-spacing: 1px;
	/*padding: 4px 40px 4px 0;
*/
}
.technology {
	width: 100%;
	background-color: #000;
	text-align: center;
}
.opifer {
	text-align: center;
	padding-top: 20px;
}
.opifer span {
	display: inline-block;
	vertical-align: middle;
}
.opifer img {
	margin-left: 10px;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
}
.ref-logo {
	line-height: 150px;
}
.ref-logo > span {
	display: inline-block;
	vertical-align: middle;
}
.technology p {
	color: #fff;
}
.technology-text {
	overflow: hidden;
	padding-top: 5px;
}
.technology h4 {
	font-size: 24px;
	letter-spacing: 4px;
	line-height: 29px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 0;
}
.technology h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14px;
	margin-top: 16px;
	color: #fff;
}
.technology-content {
	display: inline-block;
	max-width: 700px;
	padding-top: 20px;
}
.itemChooseUs h4, #shop h1 {
	text-transform: uppercase;
}
.btn-white {
	border-radius: 0px;
}
#more_content {
	display: none;
}
.form-control {
	color: #000;
}
.modal-content {
	border-radius: 0px;
	font-family: 'Roboto Condensed', sans-serif;
}
.overlayTestimonials {
	background-color: rgba(1, 113, 197, 0.8);
}
.corporate, .chooseUs, .contactInfo, .technology {
	background-color: #0171c5;
}
.icon {
	width: 55px;
}
.icon-bigger {
	width: 65px;
}
.clear {
	clear: both;
}
.text-center {
	text-align: center;
}
.technology-icon img {
  width: 60px;
  margin-bottom: 15px;
}    

.tn-padding-fix {
padding-top: 120px;
}
  
  
  
/*===============================================            MEDIA QUERIES FOR DEVICES===============================================*/
/*header*/
@media screen and (min-width:992px) and (max-width: 1199px) {
    .aboutSection h1, .services h1, .features h1, .works h1, .bestSeller h1, .technology h4, .corporate h4, .chooseUs h3, #portfolio h1 {
    	padding: 10px 15px;
    }
    section {
    	padding: 40px 0;
    }
    .navbar-right {
    	margin-top: 25px;
    	margin-right: 5px;
    }
    /*about us section*/
    .progress {
    	width: 100%;
    }
    .itemParagraphs p {
    	text-align: center;
    }
    /*services section*/
    .itemServices p {
    	text-align: center!important;
    }
    /*portfolio section*/

    /*bestSeller section*/
    .itemProduct:nth-child(1) {
    	margin: 10px auto;
    	margin-top: 120px;
    }
    .itemProduct:nth-child(2) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(3) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(4) {
    	margin: 30px auto;
    }
    /*blog section*/
    .itemBlog:nth-child(1) {
    	padding: 10px;
    	width: 100%;
    }
    .itemBlog:nth-child(2) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog:nth-child(3) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog h3 {
    	text-align: center;
    	padding-left: 0px;
    }
    .itemBlog h6 {
    	text-align: center;
    }
    .itemBlog p {
    	text-align: center;
    }
    .itemBlog button {
    	margin: 0 auto;
    	display: table;
    }
    .itemTeamName:nth-child(1) {
    	margin-top: 122px;
    	width: 100%;
    }
    .itemTeamName:nth-child(2) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(3) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(4) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    /*pricing section*/
    .pricing {
    	height: 2400px;
    	padding: 20px;
    }
    .itemPricing:nth-child(1) {
    	width: 100%;
    }
    .itemPricing:nth-child(2) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(3) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(4) {
    	width: 100%;
    	margin-left: 0px;
    }
    /*footer section*/
    .footer {
    	width: 100%;
    }
    .socialsFooter {
    	margin: 0 auto;
    }
    .socialsFooter li {
    	margin-top: 35px;
    }
    .footer h5 {
    	padding: 15px 0;
    }   
    .contactContent h4, .contactContent h6 {
    	padding: 0;
      padding-left: 70px;
    }
    .itemWorks, .itemServices {
    	margin-top: 35px;
    }
    /*testimonials section*/
    .overlayTestimonials {
    	padding-bottom: 30px;
    }
    .overlayTestimonials h5 {
    	margin: 0;
    	padding-top: 30px;
    }
    .itemTestimonial {
    	margin: 35px auto;
    }   
    .itemParagraphs p {
    	text-align: center;
    	padding: 0 15px;
    }
    .itemParagraphs {
    	margin-top: 30px;
    } 
}
@media screen and (min-width:768px) and (max-width: 992px) {
    .borderInfoContact {
      float: none;
    }
    .small-name {
      font-size: 12px;
    }
    .aboutSection h1, .services h1, .features h1, .works h1, .bestSeller h1, .technology h4, .corporate h4, .chooseUs h3, #portfolio h1 {
    	padding: 5px 15px;
    }
    section {
    	padding: 35px 0;
    }
    .navbar-inverse .navbar-nav > li > a {
    	font-size: 14px;
    	padding-left: 2px;
    	padding-right: 9px;
    }
    .navbar-right {
    	margin-right: 0px;
    }
    .overlayHeader h2 {
    	font-size: 27px;
    }
    .overlayHeader h4 {
    	font-size: 11px;
    }
    /*about us section*/
    .progress {
    	width: 100%;
    }
    .itemParagraphs p {
    	text-align: center;
    }
    /*services section*/
    .itemServices p {
    	text-align: center!important;
    }
    /*portfolio section*/

    /*bestSeller section*/
    .itemProduct:nth-child(1) {
    	margin: 10px auto;
    	margin-top: 120px;
    }
    .itemProduct:nth-child(2) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(3) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(4) {
    	margin: 30px auto;
    }
    /*blog section*/
    .blog {
    	height: 2300px;
    }
    .itemBlog:nth-child(1) {
    	padding: 10px;
    	width: 100%;
    }
    .itemBlog:nth-child(2) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog:nth-child(3) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog h3 {
    	text-align: center;
    	padding-left: 0px;
    }
    .itemBlog h6 {
    	text-align: center;
    }
    .itemBlog p {
    	text-align: center;
    }
    .itemBlog button {
    	margin: 0 auto;
    	display: table;
    }
    .team {
    	height: 2500px;
    	width: 100%;
    	padding: 20px;
    }
    .itemTeamName:nth-child(1) {
    	margin-top: 122px;
    	width: 100%;
    }
    .itemTeamName:nth-child(2) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(3) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(4) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    /*pricing section*/
    .pricing {
    	height: 2400px;
    	padding: 20px;
    }
    .itemPricing:nth-child(1) {
    	width: 100%;
    }
    .itemPricing:nth-child(2) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(3) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(4) {
    	width: 100%;
    	margin-left: 0px;
    }
    /*footer section*/
    .footer {
    	width: 100%;
    }
    .socialsFooter {
    	margin: 0 auto;
    }
    .socialsFooter li {
    	margin-top: 30px;
    }
    .footer h5 {
    	padding-top: 10px;
    }
    .contactContent {
      margin-top: 15px;
    } 
    .contactContent h4, .contactContent h6 {
    	padding: 0;
      text-align: center;
    }
    /*works section*/
    .itemWorks, .itemServices {
    	margin-top: 30px;
    }
    .itemWorks p {
      margin-bottom: 5px;
    }
    
    .itemServices h6 {
      margin-top: 15px;
    } 
    /* rest (mixed) */
    .chooseUs-wrap {
    	text-align: center;
    }
    .itemChooseUs i {
    	float: none;
    	margin-top: 30px;
    }
    .itemChooseUs p {
    	text-align: center;
    	padding: 0 15px;
    }
    .technology h3 {
    	padding: 15px;
      margin: 0;
    }
    .technology p {
    	font-family: 'PT Sans', sans-serif;
    }   
    /*testimonials section*/
    .overlayTestimonials {
    	padding-bottom: 30px;
    }
    .overlayTestimonials h5 {
    	margin: 0;
    	padding-top: 30px;
    }
    .itemTestimonial {
    	margin: 35px auto;
    }   
    .itemParagraphs p {
    	text-align: center;
    	padding: 0 15px;
    }
    .itemParagraphs {
    	margin-top: 30px;
    }    
}
@media screen and (max-width: 768px) {
	.itemChooseUs ul {
		text-align: center;
		list-style-type: none;
		padding: 0 15px;
	}
	.itemChooseUs ul li {
		padding: 0;	
	}
    .borderInfoContact {
      float: none;
    }
    .small-name {
      font-size: 12px;
    }
    /*footer section*/
    .footer {
    	width: 100%;
    }
    .socialsFooter {
    	margin: 0 auto;
    }
    .socialsFooter li {
    	margin-top: 30px;
    }
    .footer h5 {
    	padding-top: 10px;
    }
    .contactContent {
      margin-top: 15px;
    }
    .contactContent h4, .contactContent h6 {
    	padding: 0;
      text-align: center;
    }
    .itemServices h6 {
      margin-top: 15px;
    } 
    .itemWorks, .itemServices {
    	margin-top: 30px;
    }
    .aboutSection h1, .services h1, .features h1, .works h1, .bestSeller h1, .technology h4, .corporate h4, .chooseUs h3, #portfolio h1 {
    	padding: 0 15px;
    }
    section {
    	padding: 30px 0;
    }
    .itemParagraphs p {
    	text-align: center;
    	padding: 0 15px;
    }
    .itemParagraphs {
    	margin-top: 30px;
    }   
     /*testimonials section*/
    .overlayTestimonials {
    	padding-bottom: 30px;
    }
    .overlayTestimonials h5 {
    	margin: 0;
    	padding-top: 30px;
    }
    .itemTestimonial {
    	margin: 30px auto;
    }
    .technology-icon {
    	float: none;
    	text-align: center;
    }
    /* rest (mixed) */
    .chooseUs-wrap {
    	text-align: center;
    }
    .itemChooseUs i {
    	float: none;
    	margin-top: 30px;
    }
    .itemChooseUs p {
    	text-align: center;
    	padding: 0 15px;
    }
    .technology h3 {
    	padding: 15px;
      margin: 0;
    }
    .technology p {
    	font-family: 'PT Sans', sans-serif;
      float: none;
    	text-align: center;
    	padding: 15px 15px 0 15px;
    }   
    #contact {
      padding-bottom: 0;
    }
    .icon-bar {
    	background: #222!important;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    	border-color: #101010;
    	margin-top: 30px;
    	color: #000;
    	background-color: #f6f6f6;
    }
    .navbar-right {
    	margin-top: 14px;
    	margin-right: 0px;
    }
    .navbar-inverse .navbar-nav > li > a {
    	color: #000;
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: 13px;
    	padding-left: 0px;
    	padding-right: 0px;
    	letter-spacing: 2px;
    	line-height: 16px;
    	font-weight: normal;
    	text-align: center;
    }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    	color: #000;
    	background-color: transparent;
    }
    .overlayHeader img:nth-child(1) {
    	height: 20px;
    }
    .overlayHeader img:nth-child(5) {
    	bottom: 220px;
    	height: 20px;
    }
    .overlayHeader h4 {
    	padding-top: 315px;
    }
    .overlayHeader h2 {
    	font-size: 24px;
    }
    .overlayHeader img:nth-child(5) {
    	height: 20px;
    	top: 203px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    	padding-left: 48px;
    }
    .overlayHeader img:nth-child(1) {
    	position: relative;
    	cursor: pointer;
    	top: 771px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    	padding-right: 48px;
    }
    .overlayHeader .btn-default:nth-child(1) {
    	position: relative;
    	right: 0px;
    	margin-top: 2px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    }
    .overlayHeader .btn-default:nth-child(2) {
    	position: relative;
    	left: 0px;
    	margin-top: 2px;
    	margin: 10px auto;
    }
    .overlayHeader h4 {
    	font-size: 12px;
    }
    /*about us section*/
    .progress {
    	width: 100%;
    }
    .itemProgressBar {
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .itemParagraphs p {
    	text-align: center;
    }
    /*services section*/
    .itemServices p {
    	text-align: center!important;
    }
    /*portfolio section*/

    /*bestSeller section*/
    .itemProduct:nth-child(1) {
    	margin: 10px auto;
    	margin-top: 120px;
    }
    .itemProduct:nth-child(2) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(3) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(4) {
    	margin: 30px auto;
    }
    .team {
    	height: 2500px;
    	width: 100%;
    	padding: 20px;
    }
    .itemTeamName:nth-child(1) {
    	margin-top: 122px;
    	width: 100%;
    }
    .itemTeamName:nth-child(2) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(3) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(4) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    /*blog section*/
    .itemBlog:nth-child(1) {
    	padding: 10px;
    	width: 100%;
    }
    .itemBlog:nth-child(2) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog:nth-child(3) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog h3 {
    	text-align: center;
    	padding-left: 0px;
    }
    .itemBlog h6 {
    	text-align: center;
    }
    .itemBlog p {
    	text-align: center;
    }
    .itemBlog button {
    	margin: 0 auto;
    	display: table;
    }
    /*pricing section*/
    .pricing {
    	height: 2400px;
    	padding: 20px;
    }
    .itemPricing:nth-child(1) {
    	width: 100%;
    }
    .itemPricing:nth-child(2) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(3) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(4) {
    	width: 100%;
    	margin-left: 0px;
    }  
    /*contact info section*/
    .itemContactInfo {
    	margin-bottom: 30px;
    }
    /*services section*/
    .itemServices p {
    	text-align: center!important;
    	padding: 0 15px;
      margin: 0;
    }
    .bx-wrapper {
    	margin-bottom: 30px!important;
    }
}




@media screen and (min-width:280px) and (max-width: 480px) {
    .icon-bar {
    	background: #222!important;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    	border-color: #101010;
    	margin-top: 30px;
    	color: #000;
    	background-color: #f6f6f6;
    }
    .navbar-right {
    	margin-top: 14px;
    	margin-right: 0px;
    }
    .navbar-inverse .navbar-nav > li > a {
    	color: #000;
    	font-family: 'Roboto Condensed', sans-serif;
    	font-size: 13px;
    	padding-left: 0px;
    	padding-right: 0px;
    	letter-spacing: 2px;
    	line-height: 16px;
    	font-weight: normal;
    	text-align: center;
    }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    	color: #000;
    	background-color: transparent;
    }
    .overlayHeader img:nth-child(1) {
    	height: 20px;
    }
    .overlayHeader img:nth-child(5) {
    	bottom: 220px;
    	height: 20px;
    }
    .overlayHeader h4 {
    	padding-top: 315px;
    }
    .overlayHeader h2 {
    	font-size: 24px;
    }
    .overlayHeader img:nth-child(5) {
    	height: 20px;
    	top: 91px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    	padding-left: 48px;
    }
    .overlayHeader img:nth-child(1) {
    	position: relative;
    	cursor: pointer;
    	top: 771px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    	padding-right: 48px;
    }
    .overlayHeader .btn-default:nth-child(1) {
    	position: relative;
    	right: 0px;
    	margin-top: 2px;
    	margin: 0 auto;
    	display: table;
    	float: none;
    }
    .overlayHeader .btn-default:nth-child(2) {
    	position: relative;
    	left: 0px;
    	margin-top: 2px;
    	margin: 10px auto;
    }
    /*about us section*/
    .itemProgressBar {
    	padding-left: 15px;
    	padding-right: 15px;
    }
    /*portfolio section*/

    /*bestSeller section*/
    .itemProduct:nth-child(1) {
    	margin: 10px auto;
    	margin-top: 120px;
    }
    .itemProduct:nth-child(2) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(3) {
    	margin: 30px auto;
    }
    .itemProduct:nth-child(4) {
    	margin: 30px auto;
    }
    /*blog section*/
    .blog {
    	height: 2300px;
    }
    .itemBlog:nth-child(1) {
    	padding: 10px;
    	width: 100%;
    }
    .itemBlog:nth-child(2) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog:nth-child(3) {
    	width: 100%;
    	padding: 10px;
    	margin-left: 0px;
    }
    .itemBlog h3 {
    	text-align: center;
    	padding-left: 0px;
    }
    .itemBlog h6 {
    	text-align: center;
    }
    .itemBlog p {
    	text-align: center;
    }
    .itemBlog button {
    	margin: 0 auto;
    	display: table;
    }
    .blog .btn-black {
    	margin: 100px auto;
    }
    .team {
    	height: 2500px;
    	width: 100%;
    	padding: 20px;
    }
    .itemTeamName:nth-child(1) {
    	margin-top: 122px;
    	width: 100%;
    }
    .itemTeamName:nth-child(2) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(3) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    .itemTeamName:nth-child(4) {
    	margin-top: 122px;
    	width: 100%;
    	margin-left: 0px;
    }
    /*pricing section*/
    .pricing {
    	height: 2400px;
    	padding: 20px;
    }
    .itemPricing:nth-child(1) {
    	width: 100%;
    }
    .itemPricing:nth-child(2) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(3) {
    	width: 100%;
    	margin-left: 0px;
    }
    .itemPricing:nth-child(4) {
    	width: 100%;
    	margin-left: 0px;
    }
}

@media screen and (max-width: 768px) {
  .tn-65 {
    height: 65px;
  }
    .tn-hide {
    display: none;
  }
  
  .tn-padding-fix {
    padding-top: 90px;
  }
}

@media screen and (max-width: 479px) {
   .col-tn-12 {
    width: 100%;
    text-align: center;   
  }
  .col-tn-12 .show-heading {
    max-width: inherit;
  }
}

.show-bc {
font-size: 2em;
}

.show-padding-fix {
padding-top: 0px;
}