@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,700,700italic,800,600);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800);
div:focus, input:focus, textarea:focus {
	outline: none
}
body {
  background: #fff none repeat scroll 0 0;
  color: #585858;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  margin: 0;
  overflow-x: hidden;
}
p, form {
	margin: 0px
}
h2, h3, h4, {
 color:#3c3c3c;
}
#myCarousel img {
	width: 100%;
}
.navbar-inverse {
	background: none !important;
	border: none !important;
}
.navbar-brand {
	height: auto;
	margin-top: 15px;
	padding: 0;
}
.navbar {
	margin-bottom: 0px;
}
.navbar-nav {
	background-color: rgba(0, 0, 0, 0.6);
	float: left;
	margin: 20px 0 0;
	text-align: center;
	width: 100%;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #000;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #005e9d;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: transparent;
	color: #084765;
}
.nav > li > a {
	padding: 25px 20px;
}
.navbar-nav > li {
	display: inline-block;
	float: none;
}

.navbar-brand {
	margin-top: 0px;
}
.navbar-brand {
	display: block;
	float: none;
	margin: 0px auto !important;
	width: 350px;
	text-align: center;
	box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	height: 350px;
	margin-top: -175px !important;
	padding-top: 194px;
}
.navbar-brand > img {
	display: inline-block;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	background-color: transparent;
	color: #000;
}
.logo-wrap {
	position: relative;
}
.call-text {
	font-size: 23px;
	position: absolute;
	right: 0;
	top: 7px;
	font-weight: 600;
	color: #000;
}
.call-text i {
	color: #e51732;
}
.welcome {
	padding: 50px 0;
}
.welcome h3, .project h3, .inner-page h3, .cust-reviews-main h3 {
	background: rgba(0, 0, 0, 0) url("images/heading-bg.png") no-repeat scroll center bottom;
	color: #e51732;
	font-family: "Dosis", sans-serif;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0 0 30px;
	padding: 0 0 35px;
	position: relative;
	text-align: center;
}
.welcome-text {
	color: #585858;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
}
.service {
	background: url("images/service-bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px 0 50px;
}
.service ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.service ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 32px 50px;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 27%;
}
.service ul li p {
	color: #fff;
}
.service ul li img {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}
.service ul li span:hover {
  transform: scaleX(-1);
  transition: all 0.5s ease 0s;
}
.service ul li span {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 300px;
  position: relative;
  width: 93%;
}
.service ul li span::after {
	border: 12px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.service h4 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 18px;
	padding: 0;
	text-transform: uppercase;
}
.service h4 a {
	color: #000;
	text-decoration: none;
}
.service h3 {
	color: #fff;
	background: rgba(0, 0, 0, 0) url("images/heading-bg.png") no-repeat scroll center bottom;
	font-family: "Dosis", sans-serif;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0 0 30px;
	padding: 0 0 35px;
	position: relative;
	text-align: center;
}
/************************** testimnials css starts here  ************************************/


.cust-reviews-main {
	padding-bottom: 70px;
}
.customer-reviews {
  padding-top: 35px;
}
.customer-reviews p {
  border-bottom: 2px solid #000;
  font-size: 13px;
  margin-bottom: 18px;
  padding-bottom: 22px;
  padding-left: 46px;
  position: relative;
}
.customer-reviews p::after {
  bottom: -30px;
  content: "";
  float: left;
  font-family: "Fontawesome";
  font-size: 34px;
  left: 30px;
  margin-right: 10px;
  position: absolute;
  color: #000;
}
.cust-name {
  float: left;
  padding-left: 12px;
  width: 100%;
}
.cust-name h4 {
  color: #e51732;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.cust-name h6 {
	color: #585858;
	font-size: 16px;
	font-style: italic;
	margin-top: 3px;
}
.carousel-indicators .active {
	height: 13px;
	width: 13px;
}
.carousel-indicators li {
	height: 11px;
	width: 11px;
}
/* carousel */
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px 0px 0px;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -20px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
	background: #000;
}
#quote-carousel .carousel-indicators .active {
	background: #757575;
}
#quote-carousel img {
	width: 250px;
	height: 100px
}
/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}
.item blockquote img {
	margin-bottom: 10px;
}
.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	font-size: 34px;
	position: absolute;
	left: 0;
	color: #e51732;
	top: -20px
}

/************************** testimnials css  ends here  ************************************/

.carousel-caption {
	bottom: 111px;
	font-size: 32px;
	font-weight: 800;
}
.carousel-caption h1 {
	border-right: 10px solid #e51732;
	color: #474646;
	font-size: 34px;
	font-style: italic;
	font-weight: 700;
	line-height: 43px;
	padding: 0 11px 0 0;
	text-align: right;
	text-shadow: none;
	text-transform: uppercase;
}
.carousel-indicators li {
	background-color: #474646;
	border: none;
}
.carousel-indicators .active {
	background-color: #e51732;
	border: none;
}
.carousel-control.right, .carousel-control.left {
	background-image: none;
}
.footer {
	background: #000;
}
.square-nyc {
	background: #fff;
	padding-bottom: 10px;
}
.square-nyc h3 {
	color: #e51732;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
.square-nyc p {
	font-size: 12px;
	font-weight: 600;
	line-height: 26px;
}
.footer-text {
	color: #585858;
	line-height: 20px !important;
	margin-bottom: 20px;
	text-align: center;
}
.square-nyc i {
	color: #e51732;
	margin-right: 9px;
	text-align: center;
	width: 14px;
}
.quick-edit h3 {
	color: #e51732;
	text-align: left;
	margin-left: 10%;
}
.quick-edit ul {
	margin: 0px 10%;
	padding: 0px;
	width: 80%;
}
.quick-edit li {
	display: block;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #1a1a1a;
	text-transform: uppercase;
}
.quick-edit a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
.form-edit h3 {
	color: #e51732;
	text-align: left;
}
.form-control-edit {
  background-color: #000;
  border: 1px solid #545252;
  border-radius: 0;
  color: #fff;
  margin-bottom: 9px;
  margin-top: 3px;
}
.btn-default-edit {
  background-color: #000;
  border-color: #545252;
  border-radius: 0;
  color: #cccc;
}
.footer-form {
	margin-top: 25px;
}
.map-edit {
	padding-left: 10px;
	padding-right: 10px;
}
.map-edit iframe {
	width: 100%;
	height: 200px;
}
.map-edit h3 {
	color: #e51732;
	text-align: left;
	margin-bottom: 25px;
}
.copy-right {
	color: #a3a3a3;
	line-height: 58px;
	padding-left: 0;
	text-align: left;
}
.contact-edit {
	background: #F5F5F1;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.contact-form-edit {
	text-align: left;
}
.form-control-edit01 {
	background: #fff;
}
.contact-details {
	text-align: left;
	padding-left: 50px;
}
.hover-effect .fa {
	top: 50%;
	margin-top: -15px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: transparent;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.hover-effect:hover .fa {
	top: 50%;
	color: #fff;
	font-size: 20px;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.quick-edit i {
  background: #2b2b2b none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 21px;
  padding-top: 8px;
  text-align: center;
  width: 30px;
}
.social-icons {
  padding-left: 21px;
}
.inner-page {
	background: #fff;
	padding: 30px 0px 50px;
	font-size: 16px;
	line-height: 25px;
}
.inner-page a {
  color: #e51732;
}
.heading-text {
	color: #7fd12a;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: dotted;
	display: inline-block;
}
.service-list {
  margin: 12px 0;
  list-style-type: square;
}
.contact-box {
	background: #000;
	border-radius: 15px;
	margin: 0px 5px;
	padding: 20px;
	width: 48%;
	color: #fff;
}
@media only screen and (min-width:1024px) and (max-width:1300px) {
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.navbar-brand {
	float: left;
}
.navbar-inverse .navbar-nav > li > a {
  font-size: 18px;
}
.nav > li > a {
  padding: 13px 20px;
}
.carousel-caption {
  bottom: 11px;
}
.carousel-caption h1 {
  font-size: 24px;
  line-height: 27px;
}
.welcome h3, .project h3, .inner-page h3, .cust-reviews-main h3 {
  font-size: 30px;
  margin: 0 0 24px;
}
.service ul li {
  margin: 0 12px;
}
.footer .col-md-3.col-sm-6 {
  min-height: 328px !important;
}
.copy-right {
  text-align: center;
}
}

@media only screen and (min-width:992px) and (max-width:1024px) {
.square-nyc h3 {
  font-size: 21px;
}
.square-nyc p {
  font-size: 11px;
}
.square-nyc i {
  margin-right: 4px;
}
.copy-right {
  text-align: left;
}
.carousel-caption {
  bottom: 84px;
}
}

@media only screen and (min-width:300px) and (max-width:767px) {
.navbar-brand {
	width: 300px;
	height: 300px;
}
.navbar-brand img {
	width: 185px;
}
.navbar-toggle {
  background: #e51732 none repeat scroll 0 0;
}
.navbar-nav {
  background-color: #fff;
  text-align: left;
}
.navbar-nav > li {
  display: block;
}
.navbar-inverse .navbar-nav > li > a {
  color: #000;
  font-size: 18px;
  text-align: left;
}
.nav > li > a {
  padding: 11px 5px;
}
.navbar-nav {
  margin: 10px 0;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #666;
}
.carousel-caption {
  bottom: 14%;
}
.carousel-caption h1 {
  font-size: 16px;
  line-height: 20px;
}
.call-text {
  margin: 10px 0;
  position: relative;
  text-align: center;
  top: 0;
}
.welcome h3, .project h3, .inner-page h3, .cust-reviews-main h3 {
  font-size: 30px;
}
.welcome {
  padding: 27px 0 36px;
}
.service ul li {
  display: block;
  margin: 0 0 30px;
  text-align: center;
  width: 100%;
}
.testii {
  margin-bottom: 35px;
}
#quote-carousel {
  padding: 0;
}
.cust-reviews-main {
  padding-bottom: 40px;
}
.square-nyc h3 {
  display: block;
  margin: 0;
  padding: 10px 0;
}
.quick-edit h3 {
  margin-left: 0;
}
.quick-edit ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.social-icons {
  padding-left: 0;
}
.copy-right {
  padding: 0;
  text-align: center;
}
.margin-top {
	margin-top: 20px;
}
.contact-box {
	width: 97%;
}
}