body{background-color: #fff;font-family: 'Roboto', sans-serif;}

.display-4{font-family: 'Open Sans', sans-serif;color:#ff61af !important;}
/* ==========================================================================
NAVBAR
========================================================================== */
#navBar {display:inline-block;width:100%;background:#fff;text-align:center;padding-top: 4px;}
#navBar #align-to-center{display: inline-block;}
#navBar #align-to-center .menu{float:left;}
#navBar #align-to-center .menu a{font-family: 'Open Sans', sans-serif;display:block;padding:40px 40px;color:#031c90;text-decoration:none;font-size: 25px;}
#navBar #align-to-center .menu a:hover{text-decoration:underline;}
#navBar #align-to-center .logo{float:left;padding:0 10px;}
#navBar #align-to-center .logo img{width:100px;}
.fixedNav{position:fixed; top:0;z-index:999;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);box-shadow: 0 1px 3px #555;}
/* ==========================================================================
ABOUT
========================================================================== */
#about{background: url('../img/about_bg.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#about .jumbotron{background: rgba(255,255,255,0.8);}
#about span{display:block;margin-bottom: 10px;}
/* ==========================================================================
SERVICES
========================================================================== */
#services{background: url('../img/services_bg.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#services .servicesSection{padding-top:150px;}
#services{text-align: center;}
#services .works{display:inline-block;width:60%; border:1px solid #ff61af;border-radius: 10px;margin-bottom:30px;background: rgba(255,255,255,.6);text-align: left;}
#services .works .title{padding:10px 20px;cursor: pointer;text-transform: uppercase;}
#services .works .title i{color:#ff61af;}
#services .works .details {display:none;border-top:1px solid #ff61af; float:left;padding-bottom: 20px;width:100%;}
#services .works .details span{display:block;margin-left:20px; margin-right:20px;font-size:12px;margin-top:10px; margin-bottom: 10px;}
#services .works .details .oneService .nameOfService{display:inline-block;width:100%;}
#services .works .details .oneService .nameOfService h2, #services .works .details .oneService .nameOfService .price {font-size: 14px; font-weight: 400;}
#services .works .details .oneService .nameOfService h2{float:left;padding:6px 0 5px 20px;margin:0;}
#services .works .details .oneService .nameOfService .price{float:right;padding:5px 20px 5px 0;}
#services .works .details .oneService .intro{float:right;color:#555;font-style:italic;font-size:12px;width:90%;margin-right:20px;margin-bottom: 20px;}
/* ==========================================================================
FAQ
========================================================================== */
#faq{background: url('../img/faq_bg.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#faq .servicesSection{padding-top:150px;}
#faq{text-align: center;}
#faq .works{display:inline-block;width:60%; border:1px solid #ff61af;border-radius: 10px;margin-bottom:30px;background: rgba(255,255,255,.8);text-align: left;}
#faq .works .title{padding:10px 20px;cursor: pointer;}
#faq .works .title i{color:#ff61af;}
#faq .works .details {display:none;border-top:1px solid #ff61af; float:left;padding-bottom: 20px;width:100%;}
#faq .works .details span, #faq .works .details ul{display:block;margin-left:20px; margin-right:20px;font-size:14px;margin-top:10px; margin-bottom: 10px;}
#faq .works .details ul{list-style-type: circle;width:90%;float:right;}
/* ==========================================================================
GALLERY
========================================================================== */
.gallery-container .gallery-address img{height:190px;border:5px solid #fff;}
.gallery-container a{outline: none;}

/* ==========================================================================
footer section
========================================================================== */
footer p {
  padding-top: 300px;
}
.social-icon {
  padding: 0;
  margin: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 6px;
}
.social-icon li a {
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.09);
  color: #808080;
  font-size: 20px;
  width: 56px;
  height: 56px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  transition: all 0.4s ease-in-out;
}
.social-icon li a:hover {
  color: #3db7ef;
}

@media screen and (min-width: 992px) {
  @-moz-document url-prefix() {
    #portfolio .col-lg-4,
    #portfolio .col-md-4 {
      width: 33.333%;
    }
  }    
}
/* Preloader 
	https://ihatetomatoes.net/create-custom-preloading-screen/
*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; }
   #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; /* Chrome, Opera 15+, Safari 5+ */
   	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 2001; }
   #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent;
   	border-top-color: #e74c3c; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
   #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent;
border-top-color: #f9c922; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
@keyframes spin {
	0%   {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222222; z-index: 2000;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}

#loader-wrapper .loader-section.section-left { left: 0; }

#loader-wrapper .loader-section.section-right { right: 0; }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;  
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
/*.no-js #loader-wrapper { display: none; }
*//*============ Preloader ends ==================================*/
.text-red{color:red;}