/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Webees - Multipage Html Responsive Template
Version:	1.1
Last change:	2/08/2018
Primary use:	Webees - Multipage Html Responsive Template 
-------------------------------------------------------------------*/

@import url("default-template-style.css");
@import url("divineartnav.css");
@import url("divineartnav-style.css");
@import url("divineartnav-animate.css");
@import url("style-element.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*---------------------------------
[Table of contents]

0. common Style 
1. Loading 
2. Nav Bar
3. Welcome
4. About
5. Services
6. Mission
7. OUR CLIENT SAY
8. OUR TEAM MEMBERS
9. LATEST NEWS
10.WORK GALLERY
11. FIND OUR LOCATION
12. clients
13. footer
14. Some Responsive Style

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# Black : #000
# yellow : #ffbd1f 
# Grey  : #898989

------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body :		'Open Sans', sans-serif;
Title and logo:	'Raleway', sans-serif;

-------------------------------------------------------------------*/



/*---Body---*/
 
html,
	body {
	  height: 100%;
	  width: 100%;
	}
	
body {
	color:#000;
  	font-family :'Open Sans', sans-serif;
}
nav{
	font-family :'Raleway', sans-serif;
	font-weight :400;
}

a {
	color: #000000;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.btn, .btn:hover {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  	font-family :'Open Sans', sans-serif;
}
a:hover,
a:focus {
	color:  #ffbd1f;
	outline: none;
	outline-offset: 0px;
	text-decoration:none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family :'Raleway', sans-serif;
	color:#333;
	font-weight :300;
	margin: 0;
}

p {
	line-height: 1.5;
	margin-bottom: 20px;
	color:#666;
}

/*-------white backgoround color for P-----*/
.b-white p{
	color:#666;	
	}
/*-------black backgoround color for P-----*/
.b-black p{
	color:#ccc;
	}


.bold{
	font-weight:600;	
}
.heading{
	padding-bottom:30px;	
	}
.yellow{
	color:#ffbd1f;
}
.white{
	color: #fff;
}
.black{
	color:#000;
}
.gray{
	color:#898989;
}
.bg-yellow{
	background-color:#ffbd1f;
}
.bg-black{
	background-color:#000;	
	}
.light-gray{
	background-color:#f7f7f7;
}
.bg-white{
	background-color:#FFF;	
	}
.off-white{
	color:#ccc;	
	}
.light-black{
	color:#666;	
	}

section{
	padding:50px 0px 50px;
}
@media only screen and (max-width: 991px) {
	section{
	padding:25px 0px 25px;
}
}


.dart-headingstyle-nine .dart-heading {
    text-transform: capitalize;
    position: relative;
}
.dart-headingstyle-nine p {
    margin: 10px 0 0;
}

.dart-pb-30 {
    padding-bottom: 0px;
}	

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: inline-table;
    max-width: 100%;
    height: auto;
}
.btn-default {
    color: #ffbd1f;
    background-color: #fff;
    border: 2px solid #fff;
	border-radius:0px;
	text-transform:uppercase;
	margin-top:0px;
}
.btn-default:hover {
    color: #fff;
    background-color: #ffbd1f;
    border: 2px solid #fff	;
	border-radius:0px;
}
.btn-default-1 {
    color: #ffbd1f;
    background-color: transparent;
    border: 2px solid #ffbd1f;
    border-radius: 0px;
    text-transform: uppercase;
	margin-top:0px;
}
.btn-default-1:hover {
    color: #fff;
    background-color: #ffbd1f;
    border: 2px solid #ffbd1f;
    border-radius: 0px;
}

.txt-box{
	border-radius:0px;
	}


/*----loading---*/
	
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loading/loader-icons-set-2-32x64x128/loader-icons-set-2-32x64x128/128x128/Preloader_6.gif) center no-repeat #fff;
}

/*--- Nav top bar ---*/

.top-container {
    float: left;
    width: 100%;
    color: #fff;
	position: absolute;    
	z-index: 9;
	height: 120px;
    line-height: 95px;
	background-color: #ffbd1f;
}
.top-column-left, .top-column-right {
    float: left;
}
.top-social-network, ul.contact-line, ul.register {
    float: left;
    margin: 0;
    padding: 0;
}
ul.contact-line li:first-child {
    border-left: none;
    padding: 0;
}
ul.contact-line li, ul.register li {
    float: left;
    font-size: 12px;
    list-style: none;
    margin: 0 0 0 10px;
}
.top-column-right {
    float: right;
}

.top-container .top-social-network a {
    font-size: 15px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    border: 1px solid transparent;
    text-align: center;
    border-radius: 50px;
    margin: 3px;
}
.top-container .top-social-network a:hover {
    background: #fff;
    border: 1px solid #fff;
	color: #ffbd1f;
}
.top-container a, .top-container a:hover, .top-container a:focus, .top-container a:active {
    color: #fff;
}
@media (max-width: 991px) {
.top-container {
    height: 50px;
    line-height: 50px;
}
}
@media (max-width: 767px) {
.top-container .top-column-left {
	display: none;
}
.top-container .top-column-right {
    padding-right: 15px;
}
.top-container {
	font-size:13px;
}
}



/*--  Start Nav --*/
nav.navbar .navbar-brand img.logo {
    max-width: 150px;
	margin-top: 5px;
	
}
	
@media only screen and (max-width: 1199px) {
	nav.navbar .navbar-brand img.logo {
    max-width: 130px;
	margin-top: 12px;
	}
}
@media only screen and (max-width: 991px) {
	.logo{
		padding-top: 0px;
		width:150px;
		margin-top: -15px;	
	}
	nav.navbar .navbar-brand img.logo {
    max-width: 130px;
	margin-top: 0px;
	}
}
nav.navbar.navbar-fixed.no-background .bg-menu {
    background-color: #ffffff;
    border-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar .bg-menu {
    border-radius: 0px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar.divinnav.navbar-fixed.no-background {
    top: 85px;    
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar.divinnav.navbar-fixed {
    top: 0;    
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
nav.navbar.divinnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav > li.active > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
    color: #ffbd1f !important;
}
nav.navbar li.dropdown ul.dropdown-menu {
    border-top-color: #ffbd1f !important;
}
ul.cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus {
    background-color: #ffbd1f;
}
ul.cart-list > li.total > .btn {
    border-color: #ffbd1f;
}
nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a {
    color: #ffbd1f !important;
}

.side {
	background-color: #ffbd1f;
}
.top-search {
    background-color: rgba(89, 196, 167, 0.5);
    border-radius: 5px;
    margin-top: 10px;
}
@media only screen and (max-width: 991px) {
nav.navbar.divinnav.navbar-fixed.no-background {
    top: 50px;
}
}

/*-- End Nav --*/



/*-------------------Heading---------------------*/
	.dart-headingstyle-one{
		margin-bottom:30px;	
		}
	.dart-headingstyle-one .dart-heading {
		padding-bottom: 10px;
		position: relative;
		text-transform:uppercase;
	}
	.dart-headingstyle-one .dart-heading:after {
		content: "";
		background: #ffbd1f;
		width: 28px;
		height: 2px;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -14px;
	}
	.dart-headingstyle-one.text-left .dart-heading:after {
		content: "";
		background: #ffbd1f;
		width: 28px;
		height: 2px;
		position: absolute;
		left: 0%;
		bottom: 0;
		margin-left: 0px;
	}
	.dart-headingstyle-one .dart-heading.white-dash:after {
		background: #fff;
	}
	.dart-headingstyle-one .dart-heading.text-left:after {
		left: 15px;
	}
	
@media only screen and (max-width: 480px) {
	.dart-headingstyle-one{
		margin-bottom:10px;	
		margin-top:10px;
		}	
}
/*--------------------End Heading---------------*/


/*-----------Start Features--------------*/
.features{
	background-color:#FFBD1F;	
	}
@media only screen and (max-width: 480px) {
.features-row{
		padding-top:10px;
		padding-bottom:10px;
	}
}
/*-----------End Features--------------*/


/*---------Satrt About--------------*/

.about .dart-headingstyle-one .dart-heading{
	margin-top:10px;	
	}
.dart_image_box{
	margin-bottom:20px;	
	}
/*-------End About--------------*/

/*---------Satrt our-services--------------*/
.our-services i{
		color:#ffbd1f;
	}
@media only screen and (max-width: 480px) {
.our-services{
	margin-bottom:20px;	
	}
.our-services p{
	margin:10px 0px 0px 0px;	
	}
}
/*---------End our-services--------------*/
/*----------Start-Features-services------------*/
.Features-services p{
	margin-top:10px;	
	}
@media only screen and (max-width: 991px) {
.services{
	margin-top:30px;		
	}
}
@media only screen and (max-width: 480px) {
.services{
	margin-top:30px;		
	}
}
/*--------------End-Features-services--------------/*
 
/*----------- Start testimonials, Our team members ---------------*/ 

/*---style 8---*/
	
	.testimonialEight{
		text-align:center;
	}	
	.testimonialEight #dart-quote-carousel.carousel {
	  	padding-bottom: 30px;
	}
	.testimonialEight #dart-quote-carousel.carousel .carousel-inner .item {
		  opacity: 0;
		  -webkit-transition-property: opacity;
			  -ms-transition-property: opacity;
				  transition-property: opacity;
	}
	.testimonialEight #dart-quote-carousel.carousel .carousel-inner .active {
		  opacity: 1;
		  -webkit-transition-property: opacity;
			  -ms-transition-property: opacity;
				  transition-property: opacity;
	}
	.testimonialEight #dart-quote-carousel.carousel .carousel-indicators {
	  	bottom: 10px;
		z-index:2;
	}
	.testimonialEight #dart-quote-carousel.carousel .carousel-indicators  li {
		  background-color: #848484;
		  border: none;
	}
	.testimonialEight .carousel .carousel-indicators .active{
		  background-color: #0a8dcc;
		  border: none;
		  width:10px; 
		  height:10px;
		  margin:1px;
	}
	.testimonialEight #dart-quote-carousel blockquote {
		text-align: center;
		border: none;
	}
	.testimonialEight #dart-quote-carousel .profile-circle {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		border-radius: 100px;
	}
	.testimonialEight .item .name{ 
		color:#333333;
	}
	.testimonialEight .item .position{
		text-align:left; 
		margin-left:20px;
	}	
	
/*---------Start team----------*/
@media only screen and (max-width: 991px) {
	
	.team-row{
		margin-bottom:5px;	
		}
}
/*---------End team----------*/

	
/*----------- End testimonials, Our team members ---------------*/ 

/*------------------Start LATEST NEWS, WWORK GALLERY, FIND OUR LOCATION ------------------------*/

/*---Satrt gallery---*/
	.portfolioTwo .ImageWrapper {
		display: block;
		overflow: hidden;
		position: relative;
	}
	.portfolioTwo .ImageWrapper .ImageOverlay {
		background: none repeat scroll 0 0 rgba(255, 189, 31, 0.3607843137254902);
		bottom: 0;
		display: block;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		width: 100%;
	}
	.portfolioTwo .ImageWrapper .Buttons_icon {
		margin: 0;
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 0;
		visibility: hidden;
		width: 100%;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.portfolioTwo .WhiteRounded {
		background-color: #ffffff;
		border: medium none;
		display: inline-block !important;
		float: none !important;
		font-size: 14px;
		font-weight: normal;
		height: 40px;
		line-height: 40px;
		margin: 0 2px;
		text-align: center;
		width: 40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
		-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
		-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
	}
	.portfolioTwo .WhiteRounded > a {
		color: #222222;
		display: block;
		font-weight: normal;
	}
	.portfolioTwo .ImageWrapper:hover .ImageOverlay {
		opacity: 1;
	}
	.portfolioTwo .ImageWrapper:hover .Buttons_icon {
		margin-top: -20px;
		opacity: 1;
		top: 40%;
		visibility: visible;
	}	
	.portfolioTwo .ImageWrapper .item-info {
		margin: 0;
		opacity: 0;
		position: absolute;
		text-align: center;
		bottom: 0;
		visibility: hidden;
		width: 100%;
		color:#fff;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}	
	.portfolioTwo .ImageWrapper:hover .item-info{
		margin-top: -20px;
		opacity: 1;
		bottom: 20%;
		visibility: visible;
	}
	
	.portfolioTwo .ImageWrapper img.img-responsive {
		display: inline-block;
		width: 100%;
	}
	@media (max-width: 991px) {
	.portfolioTwo .ImageWrapper:hover .Buttons_icon {
		top: 40%;
	}
	.portfolioTwo .ImageWrapper:hover .item-info{
		bottom: 30%;
	}
	}
/*-------map--------------*/	
.map{
	width:100%;
	height:230px;
	}
@media only screen and (max-width: 991px) {
	.sec-map{
		padding-top:50px;	
		}
	
}
/*------------------End LATEST NEWS, WWORK GALLERY, FIND OUR LOCATION ------------------------*/

.client{
	padding-top:50px;	
	}

/*-- Footer --*/
/*---Footer style Here---*/


	/*---Style 1---*/

	.footerOne{
		background-color: #000;
		padding-top: 50px;
	}
	.footerOne .footer-widget h4 {
		color: #fff;
		margin-bottom: 30px;
	}
	.footerOne .footer-widget{
		color: #ccc;
	}
	.footerOne .footer-widget.widget_text{
		padding-right:20px;
	}
	.footerOne .footer-widget h4 {
		color: #fff;
		margin-bottom: 30px;
	}
	.footerOne .useful-links>ul>li>a {
		line-height: 30px;
		color: #ccc;
	}
	.footerOne .useful-links>ul>li>a:hover {
		color: #fff;
		text-decoration:none;
	}
	.footerOne .useful-links>ul>li>a i {
		visibility:hidden;
		margin-left: -10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.footerOne .useful-links>ul>li>a:hover i {
		color: #ffbd1f;
		padding-right:10px;
		margin-left: 0px;
		visibility:visible;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.footerOne form {
		padding:5px 0px;
	}
	.footerOne form .form-control {
		background-color: #fff;
		border: 1px solid transparent;
		min-height: 40px;
		padding: 0 20px;
	}
	.footerOne form .form-group{
		margin-top:-2px;
	}
	.footerOne form button {
		position: relative;
		background-color: #fff;
		border: 1px solid transparent;
		color: #ffbd1f;
		min-height:40px;
		border-radius:4px;
		text-transform: uppercase;
		padding:0 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.footerOne form button:hover {
		background-color: #ffbd1f;
		color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.footerOne .newsletter-seb form span{
		color:#fff;
		padding-right: 30px;
	}
	.footerOne .payment-opt{
		color:#fff;
		padding: 10px 0px;
	}
	.footerOne .payment-opt span{
		padding-right: 10px;
	}
	.footerOne .payment-opt img{
		display:inline-block;
	}	
	.footerOne .footer-bottom-section{
		text-align:center;
	}
	.footerOne .footer-bottom-section .copyright, .footerOne .footer-bottom-section .social a  {
		color: #ccc;
	}
	.footerOne .footer-bottom-section .social a:hover  {
		color: #ffbd1f;
	}
	
	@media (max-width : 991px) {
	.footerOne .useful-links > ul > li > a {
		line-height: 20px;
	}
	.footerOne .newsletter-seb form span, .footerOne .payment-opt span  {
		display: block;
		padding-bottom:15px;
	}
	.footerOne .newsletter-seb form span {
		display: block;
		padding-bottom:15px;
	}
	}
	@media (max-width : 767px) {
	.footerOne .footer-widget h4 {
		margin-bottom: 10px;
	}
	.footerOne .useful-links > ul > li > a i {
		margin-left: -5px;
	}
	}


/*---Responsive Media Screen style---*/


@media only screen and (max-width: 3500px) {
/*body*/
	body {
		overflow-x: hidden;
	}
}
	
@media only screen and (max-width: 2500px) {}

@media only screen and (max-width: 2100px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1566px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (min-width: 1300px) {
	
}	

@media only screen and (max-width: 1280px) {}

@media (min-width: 1280px) {}

@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 991px) {
	body{
		font-size:100%;
	}
}


/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
	body{
		font-size:100%;
	}
	
}

/*--------------iPhone 6 landscape----------------*/
@media only screen and (max-width: 667px) {}

/*--------------iPhone 5 landscape----------------*/
@media only screen and (max-width: 568px) {}

@media only screen and (max-width: 480px) {
	body{
		font-size:100%;
	}
	
}

/*--------------iPhone 6 plus portrait----------------*/
@media only screen and (max-width: 414px) {}

/*--------------iPhone 6 portrait----------------*/
@media only screen and (max-width: 375px) {}

/*--------------iPhone 5 portrait----------------*/
@media only screen and (max-width: 320px) {}

@media only screen and (max-width: 300px) {}

@media only screen and (max-width: 200px) {}