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

Project:	Kudo - Onepage Html Responsive Template
Version:	1.1
Last change:	06/05/2017
Primary use:	Kudo - Onepage 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('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,700i');

/*------------------------------------------------------------------
[Common Cotent]

[Table of contents]

1.  Body
2.  Heading(Common Content)
3.  Navigation
4.  Slider
5.  Aboutus
6.  Video
7.  Portfolio
8.  Services
9.  Brands
10. Contactus
11. Map
12. Footer
13. General Responsive

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

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

# Black (Head Text): #000;
# Black : #333

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

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

Body :'Lato', sans-serif;

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

/*---Body---*/
 
	html,
		body {
		  height: 100%;
		  width: 100%;
		}
		
	body {
		color:#666;
		font-family:'Lato', sans-serif;
	}
	
	a {
		color: #b59677;
		-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;
	}
	a:hover,
	a:focus {
		color: #b59677;
		outline: none;
		outline-offset: 0px;
		text-decoration:none !important;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family:'Lato', sans-serif;
		color:#000;
	}
	
	p {
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
	.blue{
		color:#b59677;
	}
	.white{
		color: #fff;
	}
	.black{
		color:#000;
	}
	.yellow{
		color:#ffff00;
	}
	.gray{
		color:#898989;
	}
	section{
		padding:100px 0px;
	}
	.light-gray{
		background-color:#ebebeb;
	}

/*---Heading---*/
	
	.headingstyle .heading {
		position: relative;
		text-transform: uppercase;
		padding-bottom: 10px;
		margin-bottom: 15px;
		width: 60%;
		display:inline-block;
		line-height: 45px;
		font-weight:700;
		margin-top:0px;
	}
	.headingstyle  p {
		margin-bottom: 0;
	}
	.headingstyle .heading:after {
		content: "";
		background: #000;
		width: 100px;
		height: 1px;
		position: absolute;
		left: 52%;
		bottom: 0;
		margin-left: -70px;
	}
	.headingstyle  p {
		margin-bottom: 0;
		width: 70%;
		text-align: center;
		display: inline-block;
	}
	.headingstyle .subtitle{
		text-transform:uppercase;
		font-size:16px;
		margin-top:0px;
	}
	@media (max-width : 991px) {
		.headingstyle .heading:after {
			left: 53%;
		}
	}
	@media (max-width : 767px) {
		.headingstyle .heading:after {
			left: 58%;
		}

	}	

/*---Navigation---*/

	.navbar-default {
		border-color: #e7e7e7;
		color:#fff !important;
	}
	.navbar-default .navbar-nav  .active  a, .navbar-default .navbar-nav  .active  a:hover,.navbar-default .navbar-nav  .active  a:focus{
		text-decoration:underline;
		background-color: transparent;
		color:#fff;
	}
	.navbar-default .navbar-nav  li  a {
		color: #fffcfc;
	}
	.navbar {
		margin-bottom: 0px;
		border: none;
	}
	nav.navbar.divinnav.navbar-transparent.white {
		border-bottom: none;
	}
	nav.navbar.divinnav ul.nav  li  a {
    	color: #000;
	}
	nav.navbar.divinnav .navbar-toggle {
		font-size: 18px;
		color: #000;
	}
	nav.navbar.divinnav ul.nav  li  a {
		margin-bottom: 0px;
	}
	@media (max-width : 991px) {
		nav.navbar .navbar-brand {
			top: 0px;
		}
		.navbar-brand {
			top: 0px;
			height:auto;
		}
	}
	@media (max-width : 767px) {
		.navbar-brand {
			padding: 5px 10px;
			line-height: 20px;
			height: auto;
		}	
		
	}	
	
/*---Slider---*/

	.ms-layer.bold-text-white{
		color:#fff !important;
	}
	.ms-layer.bold-text-white {
    	color:#fff !important;
	}
	.slide-1 .captiontext {
   		color:#fff !important;
		border: solid 2px #FFF;
		font-size: 25px;
		line-height: 27px;
		top:40% !important;
   	    margin: 100px 0px 10px !important;
	}
	@media (max-width : 991px) {
	}
	@media (max-width : 767px) {
		.master-slider{
			width:0px;
		}
		.slide-1 .captiontext {
			font-size: 10.625px;
			top: 30% !important;
		}
	}	
	
	
/*---Aboutus---*/
	
	.about .heading{
		color:#000 !important;
	}
	.team-content{
		margin-top:40px;
	}
	.team{
		background-color: #f7f7f7;
    	padding: 0px 0px 15px;
	}
	.team .team_content{
		text-align:center;
		margin:15px;
	}
	.team .team_content p{
		margin-bottom:0px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: justify;
	}
	.team .team_content h4 a{
		color:#333;
	}
	.team .team_content h4 a:hover{
		color:#000;
	}	
	.team ul.team_social_links {
		list-style:none;
		margin-top:10px;
	    text-align:center;
		margin-bottom: 0px;
	}
	.team ul.team_social_links li {
		display:inline;
		padding: 0;
		margin:0px;
	}
	.team ul.team_social_links li a {
		display:inline-block;
		margi:0 auto;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		position:relative;
		margin-bottom:3px;
		margin-right:10px;
		color:#898989;
	}
	.team ul.team_social_links li a i {
		color:#898989;
		text-align: center;
		margin:0;
		line-height:46px;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-o-transition: all 0.8s;
		-ms-transition: all 0.8s;
		transition: all 0.8s;
		border-radius:50%;
		text-align:center; 
		width: 45px; 
		height: 45px; 
		-moz-border-radius:50%; 
		-webkit-border-radius:50%; 
		border:1px solid #ededed; 
		vertical-align:middle; 
		background-color: #fff;
	}
	.team .team_social_links  i:hover{ 
		background-color: #000; 
		border-color: #000; 
		color:#fff; 
		border-radius:50%;
		text-align:center; 
		width: 45px; 
		height: 45px;
	}
	
	@media (max-width : 991px) {
		.team-content{
			margin-top:40px;
		}
		.team .team_content p{
			margin-bottom:10px;
		}
		.team ul.team_social_links{
			margin-top:0px;
			margin-bottom:5px;
		}
		.team ul.team_social_links li a{
			margin-right:5px;
		}
	}
	@media (max-width : 767px) {
		.team-content{
			margin-top:20px;
		}
		.team{
			margin-bottom:0px;
			margin-top:20px;
		}
		team .team_content{
			margin:15px;
		}
	}	
	

/*---Video Section---*/
	
	.fullwidth-section{
		position: relative;
		background: none;
	}
	.fullWidth-bg{
		text-align:center;
		color:#fff;
		padding:100px 0px;
	}
	.fullWidth-bg h2{
		font-size:24px;
		font-weight:bolder;
	}
	.fullWidth-bg .btn{
		margin-top:30px;
	}
	.fullWidth-bg .heading{
		color:#fff;
	}
	.fullWidth-bg .headingstyle{
		margin-bottom:35px;
	}
	.fullWidth-bg .headingstyle .heading::after{
		content: "";
		background: #fff;
		width: 100px;
		height: 1px;
		position: absolute;
		left: 52%;
		bottom: 0;
		margin-left: -70px;
	}
	.sr-button.button-medium.button-icon-text {
    	padding-left: 40px;
	}
	.text-light .sr-button.button-4:hover {
		background: #ffffff;
		border-color: #ffffff;
		color: #1a1a1a;
	}
	.text-light .sr-button.button-4 {
		border: 2px solid rgba(255, 255, 255, .2);
		color: #ffffff;
		display: inline-block;
	}
	.sr-button.circled {
		border-radius: 50px;
	}
	.sr-button.button-medium {
		font-size: 12px;
		line-height: 22px;
		padding: 15px 40px;
	}
	.sr-button.button-medium.button-icon-text i {
		font-size: 16px;
		margin-right:10px;
	}
	.backvideo-container{
		position: absolute;
		width: 100%; 
		height: 100%; 
		top: 0px; 
		left: 0px; 
		z-index: -2; 
		overflow: hidden;
	}
	.video-frame{
		width: 1596px; 
		height: 701px; 
		position: relative; 
		top: 50%; 
		transform: translateY(-50%);
	}
	.video-overlay{
		position: absolute; 
		width: 100%; 
		height: 100%; 
		top: 0px; left: 0px; 
		z-index: 1; 
		background: rgb(0, 0, 0); 
		opacity: 0.7;
	}
	@media (max-width : 767px) {
		.fullWidth-bg .headingstyle .heading::after{
			left: 58%;
		}
	}	
	
	
/*---Portfolio Section---*/
	
	/*---Tabpanel---*/
	.tab {
		padding-top:20px;
	} 
	.tab .nav-tabs{
		border-bottom:none;
		text-align:center;
	}
	.tab .nav-tabs li a{
		margin-right:0px;
		line-height:1.42857143;
		background-color:#fff;
		color:#333;
		border-width:0px 0px 2px 0px;
		border-radius:0px;
		padding:10px 25px;
		font-weight:600;
	}
	.tab .nav-tabs>li.active>a, .tab .nav-tabs>li.active>a:focus, .tab .nav-tabs>li.active>a:hover, .tab .nav-tabs>li>a:hover{
		color:#333;
		cursor:pointer;
		border-width:0px 0px 2px 0px;
		border-color:#000;
		background-color: #f7f7f7;
	}
	.tab .nav-tabs li a i{
		display: inline-block;
		font-size: 30px;
		height: 75px;
		padding: 0;
		width: 75px;
		margin-top: 0;
		margin-bottom: 10px;
		background: #FFF;
		border: 1px solid #dfdfdf;
		border-radius:100%;
		color: #000;
		line-height: 73px;
	}
	.tab .nav-tabs li a p{
		margin-bottom:0;
	}
	.tab .nav-tabs li {
		display: inline-block;
		float: none;
	}

	/*---Portfolio---*/
	
	.portfolio-section{
		padding-bottom:0px;
	}
	.portfolio .ImageWrapper {
		display: block;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;
	}
	.portfolio .ImageWrapper .ImageOverlay {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
		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%;
	}
	.portfolio .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;
	}
	.portfolio .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);
	}
	.portfolio .WhiteRounded > a {
		color: #222222;
		display: block;
		font-weight: normal;
	}
	.portfolio .ImageWrapper:hover .ImageOverlay {
		opacity: 1;
	}
	.portfolio .ImageWrapper:hover .Buttons_icon {
		margin-top: -20px;
		opacity: 1;
		top: 40%;
		visibility: visible;
	}	
	.portfolio .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;
	}	
	.portfolio .ImageWrapper:hover .item-info{
		margin-top: -20px;
		opacity: 1;
		bottom: 20%;
		visibility: visible;
	}
	
	.portfolio .ImageWrapper img.img-responsive {
		display: inline-block;
		width: 100%;
	}
	.tab-pane  .col-sm-4{
		padding-left:0px;
		padding-right:0px;
	}
	
	@media (max-width: 991px) {
		.portfolio .ImageWrapper:hover .Buttons_icon {
			top: 40%;
		}
		.portfolio .ImageWrapper:hover .item-info{
			bottom: 30%;
		}
		.headingstyle .subtitle {
			text-transform: uppercase;
			font-size: 12px;
		}
		.tab .tab-pane .text-left.dart-pt-70{
			padding-top:0;
		}
		.tab .tab-content.dart-pt-30{
			padding-top:0;
		}
		.tab {
			padding-top: 15px;
		}
		.tab .nav-tabs{
			margin-bottom:5px;
		}
	}
	@media (max-width : 767px) {
		.tab {
			padding-top: 15px;
		}
		.tab .nav-tabs  li{
			margin-bottom:4px;
		}
		.tab .tab-pane img{
			/*margin-bottom: 10px;*/
		}
		#contentSix_1 .text-left{
			padding-top:10px;
			
		}
		.tab .nav-tabs  li  a {
			border-width: 0px 0px 2px 0px;
			padding: 10px 8px;
		}
		.tab .nav-tabs {
			margin-bottom: 0px;
			text-align: center;
		}
		.tab .tab-content{
			margin-top:5px;
		}
	}	
	

/*---Services Section---*/

	.services{
		padding-bottom:50px;
	}
	.service-content{
		margin-top:0px;
	}
	.services .section-title {
		margin-bottom: 60px;
	}
	.services h4{
		color:#000;
		margin:0px 0px 10px;
	}
	.services p{
		color:#898989;
		margin-bottom: 50px;
	}
	.services .icon-img{
		background-image:url(../images/sprites.png);
			background-repeat:no-repeat;
			border-right: 1px solid #ccc;
			display: block;
		width: 75px;
		height: 70px;
			margin-bottom:5px;
			transition: all 400ms linear;
	}
	.services .icon-img:hover {
		transform: translateX(-20px);
		background-image: url(../images/sprites-hover.png);
		background-repeat: no-repeat;
	}
	.services .icon-one{
		background-position: 0px 0px;
	}
	.services .icon-two{
		background-position: 0px -78px;
	}
	.services .icon-three{
		background-position: 0px -155px;
	}
	.services .icon-four{
		background-position: -124px 0px;
	}
	.services .icon-five{
		background-position: -124px -78px;
	}
	.services .icon-six{
		background-position: -124px -155px;
	}
	.services .icon-seven{
		background-position: -235px 0px;
	}
	.services .icon-eight{
		background-position: -235px -78px;
	}
	.services .icon-nine{
		background-position: -235px -155px;
	}
	@media (max-width: 991px) {
		.services {
			padding-bottom: 0px;
		}
		.service-content {
			margin-top: 0px;
		}
	}
	@media (max-width : 767px) {
		.service-content{
			margin-top:0px;
		}
		.services {
			padding-bottom: 0px;
		}
	}
	
/*---Brands Section---*/	
	
	.logo-client{
		background-color:#000;
	}
	.logo-client{
		padding:50px 0;
	}
	.brand{
		margin-bottom:10px;
		text-align: center;
	}
	.brand img{
		display: inline-block;
	}
	@media (max-width: 991px) {
		.logo-client{
			padding:40px 0;
		}
	}
	@media (max-width : 767px) {
		.logo-client{
			padding:20px 0 10px;
		}
		
	}
	
	.fullWidth-section{
		padding:20px 0;
		text-align:center;
		color:#fff;
		background-color:#33bfd0;
		border-top:0.5px solid #000;
	}
	.fullWidth-section h3{
		margin-top:0px;
		margin-bottom:0px;
	}
	.fullWidth-section h4{
		margin-top:0px;
	}
	.fullWidth-section:hover{
		background-color:#000;
		color:#fff;
		border-top:0.5px solid #fff;
		transition: all 400ms ease-in-out;
	}
	
	
/*---Contactus Section---*/

	.form_body{
		margin-top:30px;
	}
	.form-one { 
		margin-top:0px;
	}
	.form-one ul{ 
		widows:100%;
	} 
	.form-one ul li{ 
		color:#898989; 
		line-height:40px; 
		width:100%;
	}
	.form-one ul li i{
		 margin-right:15px; 
		 font-size:18px; 
		 color:#333333;
	}
	.form-one .inner-addon { 
		position: relative; 
	}
	
	.form-two{ 
		margin-top:0px;
	}
	.form-two .form-group{ 
		margin-bottom:15px;
	}
	.form-two .form-group .form-control{ 
		height:50px;
		width:100%;
		padding:10px 20px; 
		border-radius:0px;
		font-weight:400; 
		background:none; 
		color:#333333;
	}
	.form-two  .form-group .form-control-multiline{ 
		min-height:115px;
	}
	.form-two .btn-default{ 
	   width:100%; 
	   text-align:center; 
	   font-weight:600; 
	   color:#fff; 
	   background-color:#333333;
	   border-radius:3px; 
	   text-transform:uppercase; 
	   padding:12px 0px; 
	   border:1px solid #333333; 
	   margin-right:10px;
	  }
	.form-two .btn-default:hover{ 
		background:none;
		border:1px solid #333333; 
		color:#333333; 
	}
	.form-two .inner-addon {
	   position: relative;
	}
	.form-two .inner-addon .fa {
	   position: absolute;
	   padding: 15px;
	   pointer-events: none;
	   font-size:18px;
	   color:#898989;
	}
	.form-two .right-addon .fa { 
		right: 0px;
	}
	.form-two.right-addon input { 
		padding-right: 30px; 
	}
	
	ul.social-links {
		list-style:none; 
		margin-top:20px; 
		margin-bottom:0px; 
		text-align:center;
	}
	ul.social-links li {
		display:inline; 
		padding: 0; 
		margin:0px;
	}
	ul.social-links li a {
		display:inline-block; 
		margi:0 auto; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		border-radius:5px; text-align:center; width: 45px; height: 45px; font-size:20px; position:relative; background-color: #D3D3D3; margin-bottom:3px;}
	ul.social-links li a i { color: #fff; text-align: center; margin:0; line-height:35px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
	.social-links  .btn_facebook{ background-color:#1883d5; color:#FFF;}
	.social-links  .btn_twitter{ background-color:#21c2f8; color:#FFF;}
	.social-links  .btn_pinterest{ background-color:#ef584d; color:#FFF;}
	.social-links  .btn_linkedin{ background-color:#1883d5; color:#FFF;}
	.social-links  .btn_google-plus{ background-color:#2c3e50; color:#FFF;}
	.social-links  .btn_tumblr{ background-color:#43698f; color:#FFF;}
	.social-links  .btn_dribbble{ background-color:#eb5d8c; color:#FFF;}
	 
	@media (max-width: 991px) {
		.form_body{
			margin-top:40px;
		}
		ul.social-links {
			margin-top:30px;
			margin-bottom:0px;
		}
	}
	@media (max-width : 767px) {
		.form_body{
			margin-top:30px;
		}
		ul.social-links {
			margin-top:30px;
			margin-bottom:0px;
		}
		.form-one ul{
			margin-left:15px;
		}
	}

/*---Map Section---*/
	
	.iframe-map{
		height:400px;
		width:100%;
		pointer-events: none;
		margin-bottom: -6px;
	}

/*---Footer Section---*/
	
	footer {
		background: #202125;
		padding: 20px;
	}
	footer p {
		line-height: 20px;
		color: #a0a0a0;
	}
	footer p span {
		color: #ffffff;
	}
		
/*---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) {
body{
	font-size:100%;
}
}

@media only screen and (max-width: 991px) {
	body{
		font-size:100%;
	}
	section {
		padding: 40px 0px;
	}
	.headingstyle .heading {
		width: 70%;
		line-height: 30px; 
	}
	.headingstyle p{
		font-size: 16px;
		width: 90%;
	}
	.add-gitur{
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
	body{
		font-size:100%;
	}
	section{
		padding:40px 0;
	}
	.headingstyle .heading {
		font-size:16px;
		line-height: 25px;
		width: 80%;
	}
	.headingstyle p{
		font-size: 14px;
		width: 90%;
	}
}

/*--------------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) {}

/*--------------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) {}