@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
body{ font-family: 'Oswald', sans-serif;  background: #F5F8FA;}

.default56 {padding: 60px 0; width: 100%; display: inline-block; background: #fff;}
.default56 .top-border-services {width: 100%; display: inline-block; border-top:1px solid #d8d8d8; padding: 20px 0;}
.default56 .services-text h1 {font-size: 36px; color: #ff4242; margin: 0; padding: 10px 0; line-height: normal;}
.default56 .services-text h4 {font-size: 18px; color: #ff4242; margin: 0; padding: 10px 0; line-height: normal;}
.default56 .services-text p {font-size: 16px; color: #464646; margin: 0; padding: 0px 0 10px; line-height: 28px; font-family: 'Roboto', sans-serif;}



@media screen and (min-width: 992px) and (max-width: 1024px) {
  .default56 .services-text h1 {font-size: 30px; padding: 0;}
  .default56 .services-text p {font-size: 15px; line-height: 26px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .default56 .services-text h1 {font-size: 28px; padding: 0;}
  .default56 .services-text p {font-size: 14px; line-height: 26px;}
}
@media screen and (max-width: 767px) {
  .default56 .services-text h1 {font-size: 33px; padding: 0;}
}
@media screen and (max-width: 599px) {
  .default56 .services-text h1 {font-size: 30px; padding: 0;}
}
@media screen and (max-width: 480px) {
  .default56 .services-text h1 {font-size: 28px; padding: 0;}
}
.btn-default {background-color: #fff; color: #1A1B1D !important; border-radius: 5px; font-size: 15px;	position: relative; padding: 15px 30px; border: 1px solid #fff; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.btn-default:hover {background: transparent; color: #FFF !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.no-padding {padding: 0;}
img {max-width: 100%; width: auto;}
a {color: #1A1B1D; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;cursor: pointer !important;}
a:hover {color: #1A1B1D; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
/*==================== Containet CSS ======================*/

body {color: #1A1B1D;}
.photographer-11 {width: 100%; display: inline-block; padding: 80px 0 0; background: #f5f5f5;}

.photographer-11 .title-text {position: relative;}
.photographer-11 .title-text h1 {width: 100%; font-size: 28px; padding: 0 0 0 100px; margin: 0 0 40px;}
.photographer-11 .title-text .overlay {height: 3px; width: 80px; background: #1A1B1D; position: absolute;left: 0; top: 50%; transform: translatey(-50%);}
.photographer-11 .btn-default {background: transparent; color: #303030 !important; border-radius: 5px; font-size: 15px;	position: relative; padding: 12px 40px; border: 1px solid #000; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.photographer-11 .btn-default:hover {background: #303030; color: #FFF !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border-color: #303030;}
.photographer-11 p {color: #999; font-size: 14px;}
.photographer-11 input[type="text"] {border: 1px solid #ccc; border-radius: 2px; height: 50px;}
.photographer-11 textarea {border: 1px solid #ccc; border-radius: 2px; height: 200px; padding: 20px;}
.photographer-11 textarea:focus {border-color: #ccc;}
.photographer-11 .form-group {margin:0px 0; display: inline-block; width:100%;}
.photographer-11 .form-control {margin: 8px 0; display: inline-block;}
.photographer-11 .main-from {margin: 0 0 60px 0;}


@media screen and (max-width: 544px) {
  .photographer-11 .title-text h1 {font-size: 24px; padding: 0 0 0 70px; margin: 0 0 20px;}
  .photographer-11 .title-text .overlay {width: 50px;}
}