@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');

/*min width*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
/*END min width*/




/*lg 1200px and up*/

/*md*/
@media (max-width: 1200px) {

  }
/*sm*/
@media (max-width: 992px) {

  }
/*xs*/
@media (max-width: 767px) {

 }

@media (max-width: 560px) {

  }

@media (max-width: 520px) {

  }

@media (max-width: 400px) {

  }
body {
	font-family: "Open Sans", sans-serif;
} 
.fade {
    opacity: 1;
    margin: 0 auto;
}
.fade:hover {
	opacity: .85;
}
.fade img {
	margin: 0 auto;
} 
a {
	color: #000;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}  
a:hover {
	color: #9b9b9b;
	text-decoration: none;
}
.cp-header {
	margin-top: 60px;
	border-bottom: 1px solid #000;
}
.cp-logo {
	text-align: left;
	
}  
.cp-nav {
	text-align: right;
	padding-top: 60px;
	
}
.cp-nav a {
	margin-left: 35px;
}
.cp-footer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
}
.cp-footer div a {
	margin-left: 5px;
}
.cp-banner {
	padding: 20px 0;
	text-align: center;
	background: url(images/loading.gif) no-repeat center center;
}
.cp-footerL  {
	text-align: left;
}
.cp-footerR {
	text-align: right;
}
.cp-portfolio {
	padding: 140px 0 100px 0;
}
.cp-portfolio div {
	text-align: center;
	margin-bottom: 40px;
	background: url(images/loading.gif) no-repeat center center;
}
.cp-portfolio div p {
	text-transform: uppercase;
	margin-top: 4px;
}
.cp-portfolio div img {
	width: 100%;
	max-width: 325px;
	height: auto;
}
#wowslider-container1 {
	background: url(images/loading.gif) no-repeat center center;
}
 @media (max-width: 992px) {
.cp-nav {
	
	
}
.cp-logo img {
	
} 
  }


@media (max-width: 768px) {
.cp-logo {
	text-align: center;
}  
.cp-nav {
	text-align: center;
	padding-top: 30px;
}
.cp-nav a {
	margin-left: 15px;
	margin-right: 15px;
}
.cp-footerL  {
	text-align: center;
	padding-top: 10px;
}

.cp-footerR {
	text-align: center;
	padding: 10px 0;
	font-size: 30px;
}
.cp-footer div a {
	margin-left: 5px;
	margin-right: 5px;
}
.cp-portfolio {
	padding: 40px 0 0 0;
}
 }