/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */.btn.active, .btn:active, .btn:focus, .navbar .navbar-nav li a:focus, .navbar a:focus, .scroll-top .btn:focus, a, a.active, a:active, a:focus, a:hover {
	outline:0
}
body {
	overflow-x:hidden; 
/*
	background-image:url(../img/banner/bg2.jpg)!important;
	background-repeat: no-repeat;
	background-attachment: fixed!important;
	background-position: center!important;
	background-size:cover;
*/
	background-color: #fff; 
}
p {
	font-size:19px;
	text-align:center;
	color: #000;
}
p.small {
	font-size:16px
}
a, a.active, a:active, a:focus, a:hover {
	color:#2c3e50;
}
h1, h2, h3, h4, h5, h6 {
	/*text-transform:uppercase;*/
	font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400
}


hr.star-light, hr.star-primary {
	margin:25px auto 30px;
	padding:0;
	max-width:250px;
	border:0;
	border-top:solid 5px;
	text-align:center
}
hr.star-light:after, hr.star-primary:after {
	content:"\f185";
	display:inline-block;
	position:relative;
	top:-.8em;
	padding:0 .25em;
	font-family:FontAwesome;
	font-size:2em
}
.navbar, header .intro-text .name {
	/*text-transform:uppercase;*/
	font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
}
hr.star-light {
	border-color:#fff
}

hr.star-light:after {
	color:#8b3a86;
	background-color:#fff;
    border-radius:22px;
}
hr.star-primary {
	border-color:#fff
}
hr.star-primary:after {
	color:#8b3a86;
	background-color:#fff
}
section.success {
	color:#fff;
	background:#000
}
.img-centered {
	margin:0 auto
}
header {
	text-align:center;
	border-bottom:0px solid #fff;
}

header img { padding-top: 0px; display:block;
	margin:0 auto}

header .container {
	padding-top:100px;
	padding-bottom:50px
}
header .intro-text {
	margin-top: 20px;
}
header .intro-text .name {
	display:block;
	font-size:2em;
	font-weight:700
}
header .intro-text .skills {
	font-size:1.6em;
	font-weight:600;
	color:#fff;
	width: 100%;
	font-family: 'Pacifico', cursive;
}
header .intro-text .skills1 {
	font-size:1.2em;
	/*ont-weight:600;*/
	color:red;
	font-style: italic;

}

.copy-l { text-align: left;}
/*.copy-r { text-align: right;}*/




.bg7 {
	background-image:url(../img/banner/bg7.jpg)!important;
	background-repeat: no-repeat;
	background-attachment: fixed!important;
	background-position: center!important;
	background-size:cover;
	background-color: #000;
	/*background-size:cover;*/ 
}

a.read-bt { padding: 10px 20px; width: auto; background: #fff; color: #000!important;}
a.read-bt1 { padding: 10px 20px; width: auto; background:#fff; color: #000!important;}
/*testimonial************************/
.testimonial{width:100%; height:auto; margin:0px 0 25px 10px; float:left; padding:0px; }
.testimonial_list { float:left; border-bottom:1px dotted #ccc; padding:40px 0 0 50px; background-image:url(../img/bracket-open1.png); background-repeat:no-repeat; background-position:left 25px; width:100%;}
.testimonial_list p { float:left; display:inline-block!important; background-image:url(../img/bracket-close1.png); background-repeat:no-repeat; background-position: right bottom; text-align:left; font-size:1.2em;}
.test_name { float:right!important; color:#287900; border:0px solid red; width:60%; text-align:right!important; padding-bottom:10px; background-image:none!important; font-size:1em;}
.portfolio-item1 span { min-height: 40px; vertical-align: center; color: #fff; text-align: center; font-size: 1.5em; width: 100%; float: left; padding: 5px 0; font-weight:700;}



.portfolio-item span { min-height: 55px;  color: #000; text-align: center; font-size: 1em; width: 100%; float: left; padding: 10px 0 0 0; }
.portfolio-item .inner { min-height: 50px; vertical-align: center; color: red; text-align: center; font-size: 1em; width: 100%; float: left; padding: 5px 0; font-weight:700; background: #f1f1f1;}
.portfolio-item .inner span { text-align: center; font-size: .9em; width: 100%; float: left; padding: 5px 0; min-height: 50px; }
.portfolio-item img {border-radius: 10px; }
.portfolio-item img:hover {filter: brightness(1.2);}

.footer-below a { color: #fff!important;}
.footer-below a:hover { color:#db251b!important;}

#gallery img, #home img, #services img, #ourtour img{-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; border-radius:20px; }
#gallery img:hover, #home img:hover, #services img:hover, #ourtour img:hover{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);
    transform:scale(1.02);}

    /*************contact*****************/
.contact_form { width:100%; padding:0; margin:18px 30px 0 0; height:auto;}
.contact_cont { width:100%; height:auto; float:left; margin:20px 0 0 0;}
.cont{ width:100%; float:left; margin:5px 0px 0px 0px;}
.cont ul{ width:80%; float:left; margin:0px; margin:0!important; padding:0!important;}
.cont ul li{ width:auto; line-height:22px; float:left; text-decoration:none; list-style:none; color:#666;background-image:none!important;}
.cont1{ width:65px!important; float:left; margin:0px; font-weight:bold;}
.cont2{ width:30px!important; float:left; margin:0px;}
.mail{ margin:0px;}
.mail a{ color:#666;}
.mail a:hover{ color:#d12322;}
.contact_in_r{ width:300px; padding:0px; height:auto; margin:auto; *padding-bottom:20px;}
.contact_in_r span { width:202px; padding:0px; height:auto; margin:10px 0 0 0; float:left;}
.contact_in_r ul li input {background: none repeat scroll 0 0 transparent;border: 1px solid #b6b5b5;color: #525F5D;float: left;color: #525F5D; font-size:14px;line-height: 22px;margin: 0 0 0 25px;padding: 7px 5px;width: 250px;}
.contact_in_r ul li textarea{  background: none repeat scroll 0 0 transparent;border: 1px solid #b6b5b5;color: #525F5D;float: left;color: #525F5D; font-size:14px;height: 100px;line-height: 16px;margin: 0 0 0 25px;padding: 7px 5px;width: 250px!important;}
.contact_in_r ul{ width:100%; float:right; margin:10px 0px 0px 25px; padding:0px; height:auto; margin:0!important; padding:0!important;}
.contact_in_r ul li{ width:auto; float:left; margin:0px; padding:0px; height:auto; text-decoration:none; list-style:none; padding:5px 0 5px 0; color: #525F5D; font-size:13px; background-image:none!important;}
.cont_first{ width:90px!important; float:left; color:#fff; font-size:12px;}
.contact_in_r input[type="submit"]{background-color:#00badc; margin:0px 5px 0 91px; padding:10px 30px; color:#fff; cursor:pointer; font-size:15px; text-align:center; border:1px solid #00badc;  width:auto; float:left; font-weight:bold!important;}
.contact_in_r input[type="submit"]:hover {background-color:#00badc; color:#000;}

@media(min-width:768px) {
header .container {
	padding-top:170px;
	padding-bottom:100px
}
header .intro-text .name {
	font-size:4.75em;
	color: #8b3a86;
	margin-top: 20px;
}
header .intro-text .skills {
	font-size:1.6em;
	letter-spacing: 1px;
}
header .intro-text .skills1 {
	font-size:1.75em
	color:#2c3e50;
	letter-spacing: 1px;
}

header .intro-text .header-cont {
font-size:1.50em;
	
}


.navbar-fixed-top {
	padding:10px 0;
	-webkit-transition:padding .3s;
	-moz-transition:padding .3s;
	transition:padding .3s
}
.navbar-fixed-top .navbar-brand {
	font-size:2em;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.navbar-fixed-top.navbar-shrink {
	padding:10px 0
}
.navbar-fixed-top.navbar-shrink .navbar-brand {
	font-size:1.5em
}
}
.navbar {
	font-weight:700
}
.navbar .navbar-nav {
	letter-spacing:0px
}
.navbar-default, .navbar-inverse {
	border:0
}
section {
	padding:100px 0
}
section h2 {
	margin:0 0 10px 0;
	font-size:2.5em; color: #43c702;
	font-family: 'Pacifico', cursive;
}
section.success a, section.success a.active, section.success a:active, section.success a:focus, section.success a:hover {
	outline:0;
	color:#fff;
}
@media(max-width:767px) {
section {
	padding:75px 0
}
section.first {
	padding-top:75px
}
}
#portfolio .portfolio-item {
	right:0;
	margin:0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
	display:block;
	position:relative;
	margin:0 auto;
	max-width:400px
}
#portfolio .portfolio-item .portfolio-link .caption {
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(24,188,156,.9);
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	transition:all ease .5s
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
	opacity:1
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
	position:absolute;
	top:50%;
	width:100%;
	height:20px;
	margin-top:-12px;
	text-align:center;
	font-size:20px;
	color:#fff
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
	margin-top:-12px
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
	margin:0
}
#portfolio * {
	z-index:2
}
@media(min-width:767px) {
#portfolio .portfolio-item {
	margin:0 0 30px
}
}
.btn-outline {
	margin-top:15px;
	border:2px solid #fff;
	font-size:20px;
	color:#fff;
	background:0 0;
	transition:all .3s ease-in-out
}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
	border:2px solid #fff;
	color:#18bc9c;
	background:#fff
}
.floating-label-form-group {
	position:relative;
	margin-bottom:0;
	padding-bottom:.5em;
	border-bottom:1px solid #eee
}
.floating-label-form-group input, .floating-label-form-group textarea {
	z-index:1;
	position:relative;
	padding-right:0;
	padding-left:0;
	border:0;
	border-radius:0;
	font-size:1.5em;
	background:0 0;
	box-shadow:none!important;
	resize:none
}
.floating-label-form-group label {
	display:block;
	z-index:0;
	position:relative;
	top:2em;
	margin:0;
	font-size:.85em;
	line-height:1.764705882em;
	vertical-align:middle;
	vertical-align:baseline;
	opacity:0;
	-webkit-transition:top .3s ease, opacity .3s ease;
	-moz-transition:top .3s ease, opacity .3s ease;
	-ms-transition:top .3s ease, opacity .3s ease;
	transition:top .3s ease, opacity .3s ease
}
.btn-social, .scroll-top .btn {
	width:40px;
	height:40px;
	font-size:20px
}
.floating-label-form-group::not(:first-child) {
padding-left:14px;
border-left:1px solid #eee
}
.floating-label-form-group-with-value label {
	top:0;
	opacity:1
}
.floating-label-form-group-with-focus label {
	color:#18bc9c
}
form .row:first-child .floating-label-form-group {
	border-top:1px solid #eee
}
footer {
	color:#fff; font-size: .9em; line-height: 30px;
}

footer span {
	text-align: right;
	float: right;
}
footer h3 {
	margin-bottom:30px
}
footer .footer-above {
	padding-top:50px;
	background-color:#2c3e50
}
footer .footer-col {
	margin-bottom:50px
}
footer .footer-below {
	padding:25px 0 4px 0;
	background-color:#000
}
.btn-social {
	display:inline-block;
	border:2px solid #fff;
	border-radius:100%;
	text-align:center;
	line-height:45px
}
.scroll-top {
	z-index:1049;
	position:fixed;
	right:2%;
	bottom:2%;
	width:40px;
	height:40px
}
.scroll-top .btn {
	border-radius:100%;
	line-height:13px
}
.portfolio-modal .modal-content {
	padding:100px 0;
	min-height:100%;
	border:0;
	border-radius:0;
	text-align:center;
	background-clip:border-box;
	-webkit-box-shadow:none;
	box-shadow:none
}
.portfolio-modal .modal-content h2 {
	margin:0;
	font-size:3em
}
.portfolio-modal .modal-content img {
	margin-bottom:30px
}
.portfolio-modal .modal-content .item-details {
	margin:30px 0
}
.portfolio-modal .close-modal {
	position:absolute;
	top:25px;
	right:25px;
	width:75px;
	height:75px;
	background-color:transparent;
	cursor:pointer
}
.portfolio-modal .close-modal:hover {
	opacity:.3
}
.portfolio-modal .close-modal .lr {
	z-index:1051;
	width:1px;
	height:75px;
	margin-left:35px;
	background-color:#2c3e50;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.portfolio-modal .close-modal .lr .rl {
	z-index:1052;
	width:1px;
	height:75px;
	background-color:#2c3e50;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.portfolio-modal .modal-backdrop {
	display:none;
	opacity:0
}