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

Project:	Travel - Onepage Html Responsive Template
Version:	1.1
Last change:	19/05/2017
Primary use:	Travel - 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
3.  Navigation
4.  Slider
5.  Service section
6.  About section
7.  Gallery section
8.  Testimonial
9.  Package section
10. Blog Section
11. Contact section
12. Footer section
13. Responsive Media Screen style

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

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

# Dark Black (text): #111111
# Green (headings, links): #5fc7ae
# White (header) : rgba(255,255,255,0.3)
# Light Gary (section background) : #eeeff3

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

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

Body :'Lato', sans-serif;

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

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

a {
	color: #0a8dcc;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;

    transition: all 0.35s;
}

a:hover,
a:focus {
	color: #fff;
	text-decoration:underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#111;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
}

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

.green{
	color:#5fc7ae;
}

.bg-dark {
	background-color: #222222;
	color: white;
}

.text-faded {
	color: #fff;
}

section {
	padding: 80px 0;
}

aside {
	padding: 50px 0;
}

.no-padding {
	padding: 0;
}
blockquote{
	font-size:14px;
}


/*---Heading---*/	
.section-heading {
	color: #111111;
	text-transform:uppercase;
		letter-spacing: 3px;
	margin-top: 0;
	margin-bottom:0px;
}
.section-title{
	margin-bottom:30px;
	margin-top:0px;
}
.tag-line{
	padding:50px 0px 0px;
}
.bg-img .section-heading {
    color: #fff;
}
#gallery{
	padding-bottom:0;
}


/*---Navigation---*/
nav.navbar.divinnav.no-background {
	background-color: rgba(0,0,0,0.3);
}
.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;
	color:#fff;
	background-color: rgba(0,0,0,0.3);
}
.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;
	}
	nav.navbar.divinnav .navbar-toggle {
	    background-color: #0a8dcc;
	    border: none;
	    padding: 5px 7px;
	    font-size: 18px;
	    position: relative;
	    top: 10px;
	}
	nav.navbar.divinnav .navbar-nav {
		background-color: rgba(255,255,255,0.6);
	}
}
@media (max-width : 767px) {
	.logo{
		/*height: 30px;*/
    	margin-top: 15px;
	}
	.navbar-brand {
		padding: 5px 10px;
		line-height: 20px;
		height: auto;
	}	
	nav.navbar.divinnav .navbar-toggle {
	    background-color: #0a8dcc;
	    border: none;
	    padding: 5px 7px;
	    font-size: 18px;
	    position: relative;
	    top: 10px;
	}
	nav.navbar.divinnav .navbar-toggle .fa-bars{
		color: #fff;
	}
	nav.navbar.divinnav .navbar-toggle{
		margin-top: 5px;
	}
	nav.navbar.divinnav .navbar-nav {
		background-color: rgba(255,255,255,0.4);
	}
}	


/*---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;
	}
}


/*---Service section---*/
.service{
	background-color:#eeeff3;
}


/*---About section---*/
.about-bg{
	background-color:#fff;
	padding:0px;
}
.about-bg .section-title{
	margin-top:0px;
	margin-bottom:20px;
}
.about-content{
	margin-top: 50px;
}
@media (max-width : 991px) {
	.about-content{
		margin-top: 10px;
	}
}

/*---Gallery section---*/
.portfolio{
	background-color:#eeeff3;
	padding-bottom: 0px;
}

.popup-gallery{
	padding-bottom:0px;
}
.gallery{
	background-color:#eeeff3;
}
.gallery-box {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align:center;
}
.gallery-box .gallery-box-caption {
	background: rgba(10, 141, 204, 0.8);
	color: white;
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.gallery-box .gallery-box-caption .gallery-box-caption-content {
	width: 100%;
	text-align: left;
	position: absolute;
	top: 80%;
	padding-left: 40px;
	transform: translateY(-50%);
}
.gallery-box .gallery-box-caption .gallery-box-caption-content h3{
	color:#fff;
	margin-bottom: 0px;
}
.gallery-box .gallery-box-caption .project-name p{
	margin-bottom: 0px;
	margin-top: 5px;
	color:#e3e3e3;
}

.gallery-box:hover .gallery-box-caption {
  	opacity: 1;
}
.gallery-box:focus {
  	outline: none;
}
.gallery-box:hover .gallery-box-caption hr{
	border: 2px solid #e3e3e3;
	width: 50px;
	display: inline-block;
	margin: 5px 0px;
}
.gallery-box .gallery-box-caption hr{
	border: 2px solid #fff;
	width: 50px;
	display: inline-block;
	margin: 5px 0px;
}
.gallery-box img.img-responsive{
	display:inline-block;
	width:100%;
}

.gallery .iframe {
		margin-top: 30px;
		border: none;
		height: 300px;
		width: 100%;
}

@media (min-width: 768px) {

}
.call-to-action h2 {
  	margin: 0 auto 20px;
}
.text-primary {
  	color: #F05F40;
}
.no-gutter > [class*='col-'] {
  	padding-right: 0;
  	padding-left: 0;
}
.btn-default {
	color: #222222;
	background-color: white;
	border-color: white;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #222222;
	background-color: #f2f2f2;
	border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: white;
	border-color: white;
}
.btn-default .badge {
  	color: white;
  	background-color: #222222;
}
.btn-primary {
	background-color: #F05F40;  
	color: white;
	border-color: #F05F40;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color: #ee4b28;  
	color: white;
	border-color: #ed431f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  	background-color: #F05F40;
  		border-color: #F05F40;
}
.btn-primary .badge {
	background-color: white;
	color: #F05F40;
}
.btn {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;  
		font-weight: 700;	
		text-transform: uppercase;
	border: none;
	border-radius: 300px;
}
.btn-xl {
  	padding: 15px 30px;
}
::-moz-selection {	
  	background: #222222;
  	color: white;
  	text-shadow: none;
}
::selection {	
  	background: #222222;
  	color: #111;
  	text-shadow: none;
}
img::selection {	
  	background: transparent;
  	color: white;
}
img::-moz-selection {	
  	background: transparent;
  	color: white;
}


/*--- Testimonial---*/
blockquote{
		border-left:none;
}
.per-den{
	margin-bottom:0;
}
.person{
	margin-bottom:10px;
}


/*---Package section---*/
.package{
	background: url(../images/package-bg.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.package .section-heading {
	color: #fff;
}
.package-box{
	padding: 20px;
}
.package-box h1{
	font-weight:100;
	margin-top:0px;	
	margin-bottom:50px;
}
.package-box h2{
	font-weight:400;	
}
.package-box h3{
	font-weight:100;
	margin-top:5px;
	margin-bottom:50px;	
}
.package-box ul{
	border-bottom:1px solid rgba(0,0,0,0.3);
	padding-bottom: 15px;	
}
.package-box ul li{
	padding: 5px 0px;
}
.package-box ul li p{
	margin-bottom: 0px;
}
.package-box .custom-btn.contact-us{
	color: #fff;
	background-color: #0a8dcc;
	border:2px solid transparent;
	margin: 25px 0px;		
		padding:10px 30px;
	-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;
	display: inline-block;
	padding: 6px 20px;
}
.package-box:hover .custom-btn.contact-us{
	color: #0a8dcc ;
	background-color: #eeeff3;
	-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;
	display: inline-block;
	padding: 6px 20px;
	text-decoration: none;
}

.package-price{
	color: #fff;
}


	/*---Pack one---*/
	.pack-one{
		background-color: #5fc7ae;;
			border: solid 2px #5ba5d8;
		-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;
	    border-radius: 20px 0px;
	}
	.pack-one:hover{
		background-color:#5ba5d8;
			border: solid 2px #5ba5d8;
		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;
	}
	.pack-one h2{
		color:#29516c;
		-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;
	}
	.pack-one:hover h2{
		color:#000;
		-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;
	}

	/*---Pack two---*/
	.pack-two{
		background-color:#e78881;
			border: solid 2px #5fc7ae;
		-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;
	    border-radius: 20px 0px;
	}
	.pack-two:hover{
		background-color:#5fc7ae;
			border: solid 2px #5fc7ae;
		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;
	}
	.pack-two h2{
		color:#0a8dcc;
		-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;
	}
	.pack-two:hover h2{
		color:#000;
		-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;
	}

	/*---Pack three---*/
	.pack-three{
		background-color: #5ba5d8;
			border: solid 2px #e78881;
		-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;
	    border-radius: 20px 0px;
	}
	.pack-three:hover{
		background-color:#e78881;
			border: solid 2px #e78881;
		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;
	}
	.pack-three h2{
		color:#b04c44;
		-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;
	}
	.pack-three:hover h2{
		color:#000;
		-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;
	}

@media only screen and (max-width: 767px) {
	.pack-one{
		margin-bottom: 10px;
	}
	.pack-two{
		margin-bottom: 10px;
	}
}



/*---Blog Section---*/
.news .blog-post-container {
		margin-bottom: 15px;
}
.news .blog-post-container .post-thumbnail {
	position: relative;
}
.news .blog-post-container .post-thumbnail img {
	width: 100%;
}
.news .blog-post-container .blog-content {
	border: 1px solid #ededed;
	padding: 0 10px;
}
.news .blog-post-container .dart-header {
	padding: 10px 0;
}
.news .blog-post-container .dart-content {
	padding: 10px 0;
}
.news .blog-post-container .dart-footer {
	background-color: none;
	padding: 8px 0px;
}
.news .post-thumbnail .post-date{
	position:absolute;
	top:10%;
	left:0%;
	background-color:#0a8dcc;
	color:#fff;
	padding: 10px 15px;
	text-align: center;
	display: inline-grid;
	line-height: 20px;
}
.news .coursel-bg{
	position: absolute;
	bottom: 20%;
	text-align: right;
	right: 15%;
	width: 55px;
}
.news .coursel-bg .carousel-control .fa{
	padding:3px 10px;
	background-color:#0a8dcc;
}
.news .coursel-bg .carousel-control .fa:hover{
	background-color:#fff;
	color:#dadada;
}
.news .carousel-control{
	opacity: 1;
	text-shadow:none
}
.news .blog-post-container .dart-header .dart-meta li{
	border-right: 1px solid #898989;
}
.news .blog-post-container .dart-footer .dart-meta a{
	margin-right:5px;
	background-color:#fff;
	padding:5px 10px;
	color:#dadada;
}
.news .blog-post-container .dart-footer .dart-meta .btn-more:hover{
	background-color:#0a8dcc;
	color:#fff;
}	
.news .blog-post-container .dart-header .dart-meta li {
	border-right: 1px solid #a7a7a7;
	display: inline-block;
	line-height: 10px;
	padding-right: 15px;
	margin-right: 15px;
}
.news .blog-post-container .dart-title {
	text-transform: capitalize;
}
.news .blog-post-container .dart-title a {
	color: #0a8dcc;
}
.news .blog-post-container .dart-header .dart-meta {
	font-size:0.7142857142857143em;
	text-transform: uppercase;
}
.news .blog-post-container .dart-footer .dart-meta {
	margin-bottom:0px;
}
.news .blog-post-container .dart-header .dart-meta li:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
.news .blog-post-container .dart-header .dart-meta li a {
	color: #898989;
}

.news .blog-post-container .dart-content p {
	margin: 0;
}
.news .blog-post-container .dart-footer .dart-meta a {
	color: #898989;
	font-size:0.8571428571428571em;
	text-transform: capitalize;
}
.news .blog-post-container .play-trigger {
	position: absolute;
	left: 50%;
	top: 55%;
	width: 70px;
	height: 45px;
	margin-left: -30px;
	margin-top: -30px;
	border: 0;
	border-radius: 10%;
	color: #fff;
	background: #cd201f;
	font-size:1.4285714285714286em;
	line-height: 45px;
	text-align: center;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0;
}
.news .blog-post-container .play-trigger i {
	margin-left: 5px;
}
.news .blog-post-container .play-trigger:hover {
	color: #cd201f;
	background: #fff;
}
.news .blog-post-container .dart-title a:hover, .blogstyle-1 .blog-post-container .dart-title a:focus {
	color: #2a9acf;
	text-decoration:none;
}
.news .blog-post-container .dart-footer .dart-meta a:hover, .blogstyle-1 .blog-post-container .dart-footer .dart-meta a:focus  {
	color: #0a8dcc;
	text-decoration:none
}
.news .blog-post-container .dart-header .dart-meta li a:hover, .blogstyle-1 .blog-post-container .dart-header .dart-meta li a:focus {
	color: #0a8dcc;
	text-decoration:none;
}	
@media (max-width : 991px) {
	.news.coursel-bg {
		bottom: 23%;
	}
}


/*---Contact section---*/
.contact{
	background-image:url(../images/background-3.jpg);
	background-position: left top;
	background-size: cover;
}
.contact-logo{
	margin-bottom:15px;
}
.contact-logo h1{
	margin-top:0px;
}
.social-media{
	padding:10px 0px;
}
.social-media a{
	color:#000;
	padding:0px 5px;
	-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;
}
.social-media a:hover{
	color:#5fc7ae;
	-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;
}
.contact-form .form-control{
	height: 40px;
	background-color: #fff;
		border: solid 1px #dee6e6;
		border-radius: 0px;
	-webkit-box-shadow: inset 0 5px 5px rgba(230,230,230,.3);
	-moz-box-shadow: inset 0 5px 5px rgba(230,230,230,.3);
	box-shadow: inset 0 5px 5px rgba(230,230,230,.3);
	
}
.contact-form textarea.form-control{
	height: auto;
}
.contact-form .btn{
    width: 100%;	
    height: 50px;
    background-color: #0a8dcc;
	color:#fff;
	border-radius: 0; 
	-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;
}
.contact-form .btn:hover{
    background-color: #000;
    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;
}
.content_background{
		background-color:rgba(0,0,0,0.5);
		padding:20px;
		margin-bottom:10px;
		color:#f7f7f7;
}
.content_background .contact-info .address{
 margin-bottom: 0px;
}
.fs-24, h3, .h3 {
    font-size: 1.7142857142857142em;
}


/*---Footer section---*/
.footer {
    background: url(../images/footer-bg.jpg) no-repeat center center fixed;
    color: white;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    padding: 60px 0;
    padding-bottom: 0px;
}
.footer-logo img {
    display: inline;
}
.footer-block{
	text-align:center;
	margin-top:50px;
	margin-bottom: 30px;
	padding: 15px;
}
.footer-block img {
    padding: 20px;
}
.footer-block h5{
	color: #fff;
}
.footer-block h4{
	color: #fff;
}

.footer-social{
	text-align:center;
}

.footer-social a {
    width: 45px;
    height: 45px;
	background-color: #fff;
    	border: 1px solid #fff;
    	border-radius: 100%;
    clear: both;
    text-align: center;
    	font-size: 1.2857142857142858em;
    display: block;
	-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;
}
.footer-social i {
    line-height: 45px;
}

.footer-social i.fa-twitter {
    color:#000;
}
.footer-social i.fa-facebook {
    color:#000;
}
.footer-social i.fa-google-plus {
    color:#000;
}
.footer-social i.fa-dribbble {
    color:#000;
}
.footer-social i.fa-behance {
    color:#000;
}

.footer-social a:hover i.fa {
    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;
}

.footer-social a.twitter:hover {
	background-color: #55acee;
    border-color: #55acee;
	-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;
}
.footer-social a.facebook:hover {
	background-color: #558bee;
    border-color: #558bee;
	-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;
}
.footer-social a.google-plus:hover {
	background-color: #fc5b4d;
    border-color: #fc5b4d;
	-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;
}
.footer-social a.dribbble:hover {
	background-color: #e94c89;
    border-color: #e94c89;
	-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;
}
.footer-social a.behance:hover {
	background-color: #6ccef2;
    border-color: #6ccef2;
	-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;
}
.copyright{
	background-color:#000;
}
.copyright {
    text-align: center;
    padding: 20px 0px;
    margin: 50px 0px 0px;
}
.copyright p {
    margin-bottom: 0px;
	font-weight:400;
	    letter-spacing: 1px;
}


		
/*---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%;
	}
}


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