@charset "UTF-8";
/* CSS Document 
Author Name: Saptarang
Author URI: http://www.saptarang.org
Themeforest: http://themeforest.net/user/saptarang?ref=saptarang
Creation Date: 10nd April, 2014
Description: A default stylesheet for Professional Photography Landing Page, Designed & Developed By Saptarang.
*/
/* ------------ TABLE OF CONTENT ------------ */
/*
- GENERAL
- HEADER
- SLIDESHOW
- HOME
- SERVICES
- STAT
- PORTFOLIO
- QUOTES
- CONTACT
- PORTFOLIO WIDE CSS
- TRANSITION CSS
- RESPONSIVE CSS
*/
/* ================================= */
/* ------------ GENERAL ------------ */
/* ================================= */
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 14px;
	font-weight: normal;
	/*line-height: 1.714em;*/
	-webkit-font-smoothing: antialiased;
}
html, body {
	width: auto !important;
	overflow-x: hidden !important;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	text-transform: uppercase;
}
h1 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom:25px;
	color:#ae0054;
}
h2 {
	font-size: 4.386em;
	font-weight: 100;
}
h3, h4 {
	font-size: 1.714em;
	font-weight: 400;
	margin: 0.5em 0;
	text-transform: uppercase;
	color:#fff;
}
h5 {
	font-size: 1.286em;
	font-weight: 300;
	font-style: italic;
	/*margin-bottom:25px;*/
	color:#ae0054;
}
h6 {
	font-size: 1.143em;
	font-weight: 500;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover, a:focus {
	text-decoration: none;
	color: darken #eed847, 10%;
}
:focus, :active {
	outline: none !important;
}
.red{
	color:#F00;
}
p {
	/*margin: 0.3em 0 2em;*/
}
input[type=text], input[type=email], textarea, input[type=tel], input[type=number], select, .bootstrap-select button {
	padding: 0.5em 1em 0.5em 2em !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow: inset 8px 0 0 0 rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: inset 8px 0 0 0 rgba(0, 0, 0, 0.1) !important;
	box-shadow: inset 8px 0 0 0 rgba(0, 0, 0, 0.1) !important;
	margin-bottom: 1.5em !important;
	height: 4em;
}
.bootstrap-select button{
	height: auto !important;
}
textarea {
	height: 8em !important;
}
.no-border {
	border: none !important;
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
img.pull-right {
	margin: 0px 0px 1.5em 1.5em;
	border-radius: 0 !important;
}
img.pull-left {
	margin: 0px 1.5em 1.5em 0px;
	border-radius: 0 !important;
}
.img-responsive {
	width: 100%;
	height: auto;
}
img {
	max-width:100%;
}
i {
	margin-right: 0.3em;
}
p strong {
	color: #777;
}
.btn {
	text-transform: uppercase;
	background-color: #fff;
	/*font-size: 1.3em;*/
	font-weight: 500;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 0;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) 2px 5px rgba(0, 0, 0, 0.4);
	padding: 0.7em 1.8em;
}
.btn:hover {
	background-color: #fbfbfb !important;
 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important, inset 0 1px 1px 0 white;
 -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important, inset 0 1px 1px 0 white;
 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important, inset 0 1px 1px 0 white;
}
.btn-default, .btn-primary {
	color: white !important;
}
blockquote {
	font-size: 1.1em;
}
.tooltip {
	top: -40px !important;
}
ul.list-default {
	list-style-type: none;
}
ul.list-default li {
	padding: 0.8em 0 0.8em 2.5em;
	position: relative;
}
ul.list-default li:before {
	content: f054;
	font-family: FontAwesome;
	font-size: 0.8em;
	position: absolute;
	left: 0;
	top: 1.3em;
}
input, button, select, textarea {
	border-radius: 0 !important;
}
a.top {
	display: none;
	color: white !important;
	text-align: center;
	padding: 0.8em 0.8em 1em 1.3em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	border-radius: 0.2em;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	right: 1em;
	bottom: 1em;
	opacity: 0.8;
}
a.top:hover {
	opacity: 1;
}
.slabtexted .slabtext {
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}
.slabtextinactive .slabtext {
	display: inline;
	white-space: normal;
	font-size: 1em !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
 *letter-spacing: 0 !important;
 *word-spacing: 0 !important;
}
.slabtextdone .slabtext {
	display: block;
	line-height: 0.9;
}
.page-block {
	/*padding: 10em 0;*/padding: 2em 0;
}
.page-block-small {
	padding: 2em 0;
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) !important;
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) !important;
	-o-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) !important;
	-ms-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) !important;
	transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) !important;
	width: auto !important;
	height: auto !important;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 9;
}
.form-row {
	position: relative;
}
.opa1 {
	opacity: 1;
}
.opa0 {
	opacity: 0;
}
#success > strong {
	font-size: 1.25em;
}
.m-r-10{
	margin-right:10px;
}
.m-b-10{
	margin-bottom:10px;
}
a button.positive, button.positive{
    float: left;
    color: #d6d6d6;
    border: none;
    background: none;
    width: 130px;
    height: 34px;
    margin-top: 0px;
    margin-left: 25px;
    background: url(../img/book-btn.png) no-repeat transparent;
    background-position: 0px 0px;
    display: block;
    cursor: pointer;
}
a:hover button.positive, button.positive:hover{
	float: left;
	width: 130px;
    height: 34px;
    margin-top: 0px;
    margin-left: 25px;
	background: url(../img/book-btn-hover.png) no-repeat transparent;
	background-position: 0px 0px;
    display: block;
    cursor: pointer;
}
.reff{
	padding-top:10px;
	margin-top:15px;
}
/* ================================= */
/* ------------ HEADER ------------ */
/* ================================= */
header {
	background-color: #ae0054;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	z-index: 999;
	border-bottom: 1px solid #fff !important;
}
a.logo {
	display: block;
	margin-top: 0.8em;
}
a.logo h1 {
	font-size: 2.15em;
}
a.logo h5 {
	font-size: 0.8em;
	font-weight: 400;
	letter-spacing: 3px;
}
.texture {
	display: block;
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.5);
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.header_wr {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: auto;
  left: 0;
  z-index:15;
}
.headers{
	background:url(../img/bg-header.png) repeat;
}
.logoBig {
	display: block;
	padding-top:15px;
}
.logoBig h1 img {
	max-width:100%;
}
.logoBig h5 {
	text-align: center;
	letter-spacing: 5px;
	font-size: 1.25em;
	font-weight: 400;
	font-style: normal;
}
.logoBig h5 span {
	color: white !important;
}
.logoBig a {
	margin: 0;
}
.logoBig .line {
	width: 40%;
	padding: 1px 0 0;
	background-color: rgba(255, 255, 255, 0.3);
	margin-top: 3em;
}
.navi{
	text-transform:uppercase;
	padding-top:35px;
}
.navi ul{
	margin-right:15px;
}
.navi ul li a{
	color:#fff !important;
}
.current  a.active:after {
	content: '';
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -6px;
    cursor: default;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent white transparent;
}
.navi li:hover:after{
	content: '';
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -6px;
    cursor: default;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent white transparent;
}
.navbar-nav{
	border-bottom:1px solid #fff;
}
.navbar-default .navbar-nav>a.active {
 	background-color:transparent !important;
}
.navbar-nav > li{
	background: url(../img/garis-miring.png) no-repeat center right; 
}
.navbar-nav > li:last-child{
	background:none;
}
.nav>li>a{
	padding-left:10px;
	padding-right:15px;
	font-size:14px;
}
.navbar {
	min-height: 1em;
	border: none;
}
.navigation nav ul {
	text-align: right;
	margin: 0;
	border-bottom:none !important;
}
.navigation nav ul li {
	margin: 0;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}
.navigation nav ul li a {
	font-size: 1em;
	text-transform: uppercase;
	color:#fff !important;
}
.navigation nav ul li.active a {
	background: none !important;
}
.navigation li:hover:after{
	content: '';
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -6px;
    cursor: default;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent white transparent;
}
.navigation nav ul li:last-child {
	margin-right: 0;
}
.navigation nav ul li:before {
	content: '';
}
.navbar-default {
	background-color: transparent !important;
	border: none !important;
	margin: 0;
}
.navbar-default .navbar-collapse {
	border: none;
	padding: 0;
	
}
.navbar-default .navbar-toggle {
	display: block;
	padding: 9px 0 !important;
	border: none;
	margin: 0px 6px !important;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none !important;
}
.navbar-default .navbar-header {
	background-color: rgba(174, 0, 84, 0.8);
	display: block;
	position: absolute;
	top: -2.7em;
	right: 0.5em;
	width: 35px;
	height: 33px !important;
	overflow: hidden;
	text-align: center;
}
.navbar a.navbar-brand {
	color: #fff;
}
.navbar-collapse.in {
	overflow: visible;
}
.navbar-right li a {
	padding: 1em 0.3em !important;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.navbar-right li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.navbar-right li a i {
	font-size: 1.3em;
	margin: 0;
}
#menu {
	max-width:100%;
}
.opa0 {
	opacity: 0 !important;
}
.opa1 {
	opacity: 1 !important;
}
.form-row {
	position: relative;
}
.lang{
	text-align:right;
}
/* ================================= */
/* ----------- SLIDESHOW ----------- */
/* ================================= */
#slider {
	position: relative;
	max-height: 580px;
	width: auto;
	overflow: hidden;
	-webkit-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3);
}
#slider .carousel-inner {
	max-height: 950px;
}
#slider .carousel-inner .item {
	max-height: 100%;
}
#slider-page{
    position: relative;
	max-height: 200px;
	width: auto;
	overflow: hidden;
	-webkit-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.3); 
}
#slider-page img{
    object-fit:cover;
    height:400px;
}
.carousel-control.left, .carousel-control.right {
	background: none;
	max-height: 950px;
	z-index: 9;
}
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
}
.carousel-control i {
	position: absolute;
	top: 50%;
	left: 0;
	color: white !important;
	right: 0;
	margin: -1em auto 0;
	width: 2em;
	height: 2em;
	font-size: 1.5em;
	line-height: 2em;
	text-shadow: none;
}
.carousel-control:hover i {
	background-color: black;
}
.bg-color {
/*background: #f9f9f9; 
background: -moz-linear-gradient(top,  #f9f9f9 0%, #ececec 44%, #e7e7e7 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(44%,#ececec), color-stop(100%,#e7e7e7)); 
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ececec 44%,#e7e7e7 100%); 
background: -o-linear-gradient(top,  #f9f9f9 0%,#ececec 44%,#e7e7e7 100%); 
background: -ms-linear-gradient(top,  #f9f9f9 0%,#ececec 44%,#e7e7e7 100%); 
background: linear-gradient(to bottom,  #f9f9f9 0%,#ececec 44%,#e7e7e7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e7e7e7',GradientType=0 );
*/
background: url(../img/bg-body.png) repeat;
} 
.bg-color h2 strong {
	font-weight: 700;
}
/*.bg-color h5{
	padding-top:50px;
}*/
.bg-color .btn {
	color: rgba(0, 0, 0, 0.9) !important;
}
.bg-color .btn:hover {
	color: #fff;
}
/* ================================= */
/* ------------- HOME 2 ------------- */
/* ================================= */
.overlay_pink{
	background-color: rgba(174,0,84, 0.5);
}
#home2 {
	background:url(../img/bg-home1.jpg) no-repeat fixed;
}
#home2 .container {
	position: relative;
	color: rgba(255, 255, 255, 0.9);
}
#home2 .container h1, #home2 .container h4 span {
	color: white !important;
}
#home2 .container h4 {
	color: white !important;
}
#home2 .container a{
	color:#8bca39 !important;
}
#home2 .container p, #home2 .container h6 {
	color: rgba(255, 255, 255, 0.9) !important;
}
.caption .btn:hover {
	color: rgba(255, 255, 255, 0.9) !important;
}
#home2 ul{ color: rgba(255, 255, 255, 0.9);}
.me {
	top: auto;
	right: auto;
	/*bottom: -10em;*/
	left: 0;
	/*position: absolute;*/ position:relative;
	/*width: 50%;*/
}
.infos{
	background:#FCF;
	padding:8px;
	border-radius:5px;
	/*max-width:86%;*/
	max-width:100%;
	margin-bottom:10px;
}
.infos2{
	background:#FCF;
	padding:8px;
	border-radius:5px;
	max-width:35%;
	margin-bottom:10px;
}
/* ================================= */
/* ------------ home 3 ------------ */
/* ================================= */
.bg-pages {
	background:url(../img/bg-pattern.jpg) repeat;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.bg-pages h3{ 
	color:#ae0054;
	text-transform:uppercase;
	font-weight:500 !important;
}
/* ================================= */
/* ------------ home 4 ------------ */
/* ================================= */
#trips{
	max-width:900px;
	margin:0 auto;
}
.overlay_green{
	background-color: rgba(136,184,1, 0.5);
}
.bg-pages2 {
	background: url(../img/bg-home2.jpg) no-repeat fixed;
}
.bg-pages2 h3{ 
	color:#ae0054;
	text-transform:uppercase;
	font-weight:700;
}
/* ================================= */
/* ------------ home 5 ------------ */
/* ================================= */
.bg-pages3{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+52,fefefe+83,ffffff+100 */
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 52%, #fefefe 83%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(52%,#e6e6e6), color-stop(83%,#fefefe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e6e6e6 0%,#e6e6e6 52%,#fefefe 83%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e6e6e6 0%,#e6e6e6 52%,#fefefe 83%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e6e6e6 0%,#e6e6e6 52%,#fefefe 83%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e6e6e6 0%,#e6e6e6 52%,#fefefe 83%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
copy
}
#foot-menu{
	max-width:1000px;
	margin:0 auto;
}
#foot-menu ul.navbar-nav > li{
	background: none !important;
}
#foot-menu ul.navbar-nav > li > a{
	text-transform:uppercase;
	color:#000;
	font-weight:700;
}
#foot-menu ul.navbar-nav {
	border-bottom:none !important;
}
.p-t-25{
	padding-top:25px;
}
/* ================================= */
/* ----------- SIDEBAR ----------- */
/* ================================= */
.bg-off{
	background:;
}
.list{
	color:#ae0054;
	text-transform:uppercase;
}
.list li a:hover{
	color:#88b801;
}
.bg-1{
	background: url(../img/bg-off.jpg) repeat-y;
	padding:10px;
}
.bg-2{
	background: url(../img/bg-off2.jpg) repeat-y;
	padding:10px;
}
.bg-3{
	background: url(../img/bg-off3.jpg) no-repeat;
	padding:10px;
}
/* ================================= */
/* ----------- PORTFOLIO ----------- */
/* ================================= */
#portfolio1, #portfolio2 {
	position: relative;
	margin: 3em 0 1em;
}
#portfolio1 .portfolioNav, #portfolio2 .portfolioNav {
	position: relative;
}
#portfolio1 .portfolioNav h3, #portfolio2 .portfolioNav h3 {
	top: -0.55em;
	right: auto;
	bottom: auto;
	left: 1.5em;
	position: absolute;
	z-index: 99;
}
#portfolio1 .carousel-indicators, #portfolio2 .carousel-indicators {
	position: relative;
	background-color: #fbfbfb;
	margin: 0;
	left: 0;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: solid none;
	text-align: right;
	padding: 0 2em;
}
#portfolio1 .carousel-indicators li, #portfolio2 .carousel-indicators li {
	border-radius: 0;
	text-indent: 0;
	height: auto;
	width: auto;
	border: none;
	text-transform: uppercase;
	font-size: 1.15em;
	font-weight: 400;
	margin: 0;
	padding: 1em;
}
#portfolio1 .carousel-indicators .active, #portfolio2 .carousel-indicators .active {
	background: none;
}
#portfolio1 .carousel-inner, #portfolio2 .carousel-inner {
	margin: -0.5em -0.8em 0;
	width: 102%;
}
#portfolio1 .carousel-inner .galInfo, #portfolio2 .carousel-inner .galInfo {
	display: block !important;
	text-align: center;
	border: 5px solid rgba(0, 0, 0, 0.05);
	border-style: none none solid none !important;
	margin: -1em 1em 1em;
	padding: 1.5em;
}
#portfolio1 .carousel-inner .galInfo p, #portfolio2 .carousel-inner .galInfo p {
	margin: 0;
}
.galimg {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	/*width: 23%;*/
	margin: 1%;
	float: left;
}
.galimg img {
	transform: scaleY(1);
	transition: all 0.7s ease-in-out;
}
.galimg:hover img {
	transform: scale(3);
	opacity: 1;
}
.galimg a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.galimg a:hover {
	background: rgba(0, 0, 0, 0.55);
}
.galimg a .link {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	width: 4em;
	height: 4em;
	line-height: 4em;
	transform: translate3d(0px, -100%, 0px);
	transition: all 0.5s linear;
	-webkit-transition: visibility opacity 0.2s;
	text-align: center;
	margin: auto;
}
.galimg .link i {
	font-size: 1.5em;
	margin: 0;
}
.galimg:hover .link {
	visibility: visible;
	transform: scale(1);
	opacity: 1;
}
#portfolio2 {
	margin-top: 5em;
}
#portfolio2 .galimg .link i {
	color: #fff;
}
/* ================================= */
/* ------------- GUEST REVIEW ------------- */
/* ================================= */
#review {
	background: url(../img/slider/slide5.jpg) no-repeat center center;
}
#review .quoteMark {
	top: -0.75em;
	right: auto;
	bottom: auto;
	left: 0.15em;
	position: absolute;
	color: rgba(255, 255, 255, 0.1);
	font-size: 7em;
}
#review h1 {
	color: white !important;
}
#review p {
	color: rgba(255, 255, 255, 0.9);
}
#review .carousel-control.left {
	right: 1.8em;
	left: auto;
}
#review .carousel-control.left i {
	top: -0.7em;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 0.8em;
}
#review .carousel-control.right {
	right: 0;
	left: auto;
}
#review .carousel-control.right i {
	top: -0.7em;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 0.8em;
}
/* ================================= */
/* ------------ CONTACT ------------ */
/* ================================= */
.contactInfo p {
	padding: 0.8em 0 0.8em 3em;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
}
.contactInfo p:hover {
	background-color: rgba(0, 0, 0, 0.025);
	padding: 0.8em 0.5em 0.8em 3.5em;
}
.contactInfo p:hover i {
	opacity: 1;
	left: 0.5em;
}
.contactInfo p i {
	position: absolute;
	left: 0;
	top: 0.7em;
	font-size: 1.5em;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.error {
	top: 30%;
	right: 10%;
	bottom: auto;
	left: auto;
	position: absolute;
	color: #F00;
}
/* ================================= */
/* ------------ SOCIAL MEDIA ------------ */
/* ================================= */
.soc-links {
	float:left;
	padding-left:0px;
}
.soc-links a {
    display: block;
    height: 32px;
    width: 32px;
}
.soc-links li {
    display: block;
    float: left;
    margin-left: 6px;
}
.soc-link3 {
    background: url(../img/icon-youtube.png) no-repeat;
}
.soc-link4 {
    background: url(../img/icon-twitter.png) no-repeat;
}
.soc-link5 {
    background: url(../img/icon-fb.png) no-repeat;
}

/* ================================= */
/* ------------ FOOTER ------------ */
/* ================================= */
footer{
	padding-top:10px;
	padding-bottom:10px;
}
.bg-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0aaaa+0,b0aaaa+10,aca8a7+15,aea8a8+17,aca6a6+17,aca8a7+20,aaa6a5+20,aca6a6+22,a1a09e+37,a29e9f+39,a09f9d+39,a19d9e+40,9e9d9b+42,9f9d9e+42,a09c9d+43,9d9c9a+43,9f9b9a+44,9d9b9c+44,9c9b99+45,9c9a9b+46,9b9a98+47,999798+52,989795+53,989697+54,969694+54,979596+56,969593+56,919191+65,90908e+66,8d8d8d+74,898987+78,898989+78,888886+78,878988+79,868885+79,868686+81,848482+82,7e7e7e+88,7e7f7a+89,7a7a78+92,747570+100 */
background: #b0aaaa; /* Old browsers */
background: -moz-linear-gradient(top, #b0aaaa 0%, #b0aaaa 10%, #aca8a7 15%, #aea8a8 17%, #aca6a6 17%, #aca8a7 20%, #aaa6a5 20%, #aca6a6 22%, #a1a09e 37%, #a29e9f 39%, #a09f9d 39%, #a19d9e 40%, #9e9d9b 42%, #9f9d9e 42%, #a09c9d 43%, #9d9c9a 43%, #9f9b9a 44%, #9d9b9c 44%, #9c9b99 45%, #9c9a9b 46%, #9b9a98 47%, #999798 52%, #989795 53%, #989697 54%, #969694 54%, #979596 56%, #969593 56%, #919191 65%, #90908e 66%, #8d8d8d 74%, #898987 78%, #898989 78%, #888886 78%, #878988 79%, #868885 79%, #868686 81%, #848482 82%, #7e7e7e 88%, #7e7f7a 89%, #7a7a78 92%, #747570 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0aaaa), color-stop(10%,#b0aaaa), color-stop(15%,#aca8a7), color-stop(17%,#aea8a8), color-stop(17%,#aca6a6), color-stop(20%,#aca8a7), color-stop(20%,#aaa6a5), color-stop(22%,#aca6a6), color-stop(37%,#a1a09e), color-stop(39%,#a29e9f), color-stop(39%,#a09f9d), color-stop(40%,#a19d9e), color-stop(42%,#9e9d9b), color-stop(42%,#9f9d9e), color-stop(43%,#a09c9d), color-stop(43%,#9d9c9a), color-stop(44%,#9f9b9a), color-stop(44%,#9d9b9c), color-stop(45%,#9c9b99), color-stop(46%,#9c9a9b), color-stop(47%,#9b9a98), color-stop(52%,#999798), color-stop(53%,#989795), color-stop(54%,#989697), color-stop(54%,#969694), color-stop(56%,#979596), color-stop(56%,#969593), color-stop(65%,#919191), color-stop(66%,#90908e), color-stop(74%,#8d8d8d), color-stop(78%,#898987), color-stop(78%,#898989), color-stop(78%,#888886), color-stop(79%,#878988), color-stop(79%,#868885), color-stop(81%,#868686), color-stop(82%,#848482), color-stop(88%,#7e7e7e), color-stop(89%,#7e7f7a), color-stop(92%,#7a7a78), color-stop(100%,#747570)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b0aaaa 0%,#b0aaaa 10%,#aca8a7 15%,#aea8a8 17%,#aca6a6 17%,#aca8a7 20%,#aaa6a5 20%,#aca6a6 22%,#a1a09e 37%,#a29e9f 39%,#a09f9d 39%,#a19d9e 40%,#9e9d9b 42%,#9f9d9e 42%,#a09c9d 43%,#9d9c9a 43%,#9f9b9a 44%,#9d9b9c 44%,#9c9b99 45%,#9c9a9b 46%,#9b9a98 47%,#999798 52%,#989795 53%,#989697 54%,#969694 54%,#979596 56%,#969593 56%,#919191 65%,#90908e 66%,#8d8d8d 74%,#898987 78%,#898989 78%,#888886 78%,#878988 79%,#868885 79%,#868686 81%,#848482 82%,#7e7e7e 88%,#7e7f7a 89%,#7a7a78 92%,#747570 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b0aaaa 0%,#b0aaaa 10%,#aca8a7 15%,#aea8a8 17%,#aca6a6 17%,#aca8a7 20%,#aaa6a5 20%,#aca6a6 22%,#a1a09e 37%,#a29e9f 39%,#a09f9d 39%,#a19d9e 40%,#9e9d9b 42%,#9f9d9e 42%,#a09c9d 43%,#9d9c9a 43%,#9f9b9a 44%,#9d9b9c 44%,#9c9b99 45%,#9c9a9b 46%,#9b9a98 47%,#999798 52%,#989795 53%,#989697 54%,#969694 54%,#979596 56%,#969593 56%,#919191 65%,#90908e 66%,#8d8d8d 74%,#898987 78%,#898989 78%,#888886 78%,#878988 79%,#868885 79%,#868686 81%,#848482 82%,#7e7e7e 88%,#7e7f7a 89%,#7a7a78 92%,#747570 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b0aaaa 0%,#b0aaaa 10%,#aca8a7 15%,#aea8a8 17%,#aca6a6 17%,#aca8a7 20%,#aaa6a5 20%,#aca6a6 22%,#a1a09e 37%,#a29e9f 39%,#a09f9d 39%,#a19d9e 40%,#9e9d9b 42%,#9f9d9e 42%,#a09c9d 43%,#9d9c9a 43%,#9f9b9a 44%,#9d9b9c 44%,#9c9b99 45%,#9c9a9b 46%,#9b9a98 47%,#999798 52%,#989795 53%,#989697 54%,#969694 54%,#979596 56%,#969593 56%,#919191 65%,#90908e 66%,#8d8d8d 74%,#898987 78%,#898989 78%,#888886 78%,#878988 79%,#868885 79%,#868686 81%,#848482 82%,#7e7e7e 88%,#7e7f7a 89%,#7a7a78 92%,#747570 100%); /* IE10+ */
background: linear-gradient(to bottom, #b0aaaa 0%,#b0aaaa 10%,#aca8a7 15%,#aea8a8 17%,#aca6a6 17%,#aca8a7 20%,#aaa6a5 20%,#aca6a6 22%,#a1a09e 37%,#a29e9f 39%,#a09f9d 39%,#a19d9e 40%,#9e9d9b 42%,#9f9d9e 42%,#a09c9d 43%,#9d9c9a 43%,#9f9b9a 44%,#9d9b9c 44%,#9c9b99 45%,#9c9a9b 46%,#9b9a98 47%,#999798 52%,#989795 53%,#989697 54%,#969694 54%,#979596 56%,#969593 56%,#919191 65%,#90908e 66%,#8d8d8d 74%,#898987 78%,#898989 78%,#888886 78%,#878988 79%,#868885 79%,#868686 81%,#848482 82%,#7e7e7e 88%,#7e7f7a 89%,#7a7a78 92%,#747570 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0aaaa', endColorstr='#747570',GradientType=0 ); /* IE6-9 */

}
.bg-gradient h4{
	color:#ae0054;
	text-transform:uppercase;
	font-weight:700 !important;
}
.bg-gradient p{ 
	color:#000;
	font-weight:700 !important;
}
.gall-thumb{
	margin-right:10px;
	margin-bottom:10px;
}
.gals{
    height:163px;
    overflow:hidden;
}
.gals img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.sosmed{
	max-width:160px;
	margin:0 auto;
}
.sosmed li{
	float:left;
}
#copyright {
	background-color: #ae0054;
	color:#fff;
}
#copyright a{ font-size:12px;}
#copyright p{ 	
	font-size:12px;
	margin:0 !important;
}
/* ================================= */
/* ======= PORTFOLIO WIDE CSS ===== */
/* ================================= */
.widegallery {
	width: 100%;
}
.widegallery .row h1 {
	margin: -0.5em 0 0 0.35em;
	text-align: center;
}
#portfolio1.gallery2, #portfolio2.gallery2 {
	display: block !important;
	position: relative !important;
}
#portfolio1.gallery2 .portfolioNav, #portfolio2.gallery2 .portfolioNav {
	display: block !important;
	/*width: 18% !important;*/max-width: 22% !important;
	float: left !important;
}
#portfolio1.gallery2 .portfolioNav h3, #portfolio2.gallery2 .portfolioNav h3 {
	display: none;
}
#portfolio1.gallery2 .portfolioNav .carousel-indicators, #portfolio2.gallery2 .portfolioNav .carousel-indicators {
	background: none !important;
	border: none !important;
	margin: 2em 0 2em 0em !important;
}
#portfolio1.gallery2 .portfolioNav .carousel-indicators li, #portfolio2.gallery2 .portfolioNav .carousel-indicators li {
	padding: 0.7em 1em 0.7em 1.5em !important;
	display: block;
	width: 100% !important;
	float: none !important;
	text-align: left;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#portfolio1.gallery2 .portfolioNav .carousel-indicators li:hover, #portfolio2.gallery2 .portfolioNav .carousel-indicators li:hover {
	background-color: rgba(0, 0, 0, 0.03);
	padding-left: 2em !important;
}
#portfolio1.gallery2 .carousel-inner, #portfolio2.gallery2 .carousel-inner {
	/*width: 82% !important;*/max-width: 78% !important;
	float: left !important;
	max-height: 100% !important;
}
#portfolio1.gallery2 .carousel-inner .galInfo, #portfolio2.gallery2 .carousel-inner .galInfo {
	background-color: #fbfbfb;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: solid none !important;
	margin: 1em 1em !important;
	padding: 1.5em;
}
/* ================================= */
/* --------- TRANSITION CSS --------- */
/* ================================= */
a, .whatWeDo li, .carousel-indicators li, .btn, .contactInfo p, .contactInfo p i, .opa0, opa1, .caption .btn i {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.carousel-fade .carousel-inner .item.active {
/*@include transition(all,0.7s,ease-in-out);*/ }
.galimg:hover img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

/* ================================= */
/* -------- RESPONSIVE CSS --------- */
/* ================================= */
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
.logoBig > div {
	width: 25%;
}
.logoBig .line {
	width: 37.5%;
}
}
@media only screen and (min-width: 1200px){
#menu {
	max-width:85% !important;
	margin:0 auto;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-width: 990px) and (max-width: 1200px) and (orientation: landscape) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 14px;
}
.logoBig > div {
	width: 35%;
}
.logoBig .line {
	width: 32.5%;
}
#home2 .me {
	width: 60%;
}
.infos{
	width:60%;
}
}
/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 13px;
}
}
/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 13px;
}
}
@media only screen and (max-width: 996px) {
.logoBig > div {
	width: 40%;
}
.logoBig .line {
	width: 30%;
}
a.logo {
	text-align: center;
}
a.logo .img-responsive {
	width: auto !important;
	margin: 0 auto;
}
#home .container, #home .container-fluid {
	padding: 0 !important;
	width: 98%;
}
#home .row {
	margin: 0 !important;
}
.navbar-right li {
	margin: 0 3px !important;
}
#slider .carousel-control i {
	font-size: 1em;
}
#portfolio h1, #portfolio1 .carousel-indicators, #portfolio2 .carousel-indicators {
	text-align: center;
}
#portfolio1 .portfolioNav h3, #portfolio2 .portfolioNav h3 {
	position: relative;
	margin: 0 auto 1em;
	text-align: center;
	left: 0 !important;
}
#portfolio1 .carousel-inner, #portfolio2.carousel-inner {
	margin: 0 !important;
	width: 101% !important;
}
.me {
	/*width: 60%;*/width: 40%;
}
#review {
	text-align: center;
}
#testimonial {
	margin-top: 3.5em;
}
#review .quoteMark {
	left: 0;
	right: 0;
	margin: 0;
	top: -1em;
}
#review .carousel-control.left {
	left: 0;
}
}
@media only screen and (min-width: 768px) {
.navigation nav ul li {
	background-color: transparent !important;
}
.langs{
	text-align: right;
	margin-bottom: 15px;
}
}
/* Desktops, Large Screen and laptops ----------- */
@media only screen and (max-width: 767px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 13px;
}
header{
	min-height:50px;
}
#home {
	background-color: #ae0054;
}
h1 {
	font-size: 3.143em;
}
h2 {
	font-size: 2.286em;
}
.caption h2 {
	display: inline-block;
}
a.logo {
	text-align: left !important;
}

.navigation nav ul li {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: solid solid none none !important;
	margin: 0;
}
.navigation nav ul {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: none none solid solid !important;
	padding: 0;
}
.navigation nav ul li a {
	line-height: 1.5em;
	color:#000 !important;
}
.navigation .nav {
	margin: 1em 0;
}
.navigation nav .navbar-right {
	text-align: center !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin: 1em auto;
}
.navigation nav .navbar-right li {
	display: inline-block !important;
	width: auto;
	border: none !important;
	padding: 0.3em 1em;
	float: none !important;
}
.navigation nav .navbar-right li a {
	opacity: 0.7;
}
.navigation nav .navbar-right li:hover a {
	opacity: 1;
}
.navbar-collapse {
	max-height: none;
}
#menu{ float:none; margin-top:35px;}
.caption, #home2, #services, #review, #services .whatWeDo, #contact {
	text-align: center !important;
}
.contactInfo p {
	text-align: left;
}
#services .whatWeDo {
	border: none;
}
#services .whatWeDo li {
	display: inline-block;
	float: none;
	padding: 0.5em;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin: 0.3em;
	font-size: 1.25em;
}
#portfolio1 .carousel-inner, #portfolio2.carousel-inner {
	margin: 0 !important;
	width: 100% !important;
}
#process .row > div {
	width: 48%;
	margin: 1% 1% 2%;
	float: left;
	border: none;
}
.galimg {
	width: 46%;
	float: left;
	margin: 2%;
}
#home2 .me {
	position: relative;
	top: 0;
	botoom: 0;
	margin: 0 auto;
}
#contact_form {
	margin-top: 3em;
}
.lang{
	text-align:center;
	margin-bottom:40px;
}
.navi ul{
	margin-right:0;
}
.navbar-nav > li{
	background:none;
}
.navi li:hover:after{
	border-style:none !important;
}
.navbar-default .navbar-nav>li>a{
	text-align:center;
}
.goog-te-gadget{
	margin-bottom: 55px;
}
.langs{
	text-align: center;
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.logoBig h1 {
	font-size: 3em;
}
.logoBig h5 {
	font-size: 0.9em;
}

}
@media screen and (min-width: 768px) and (max-width: 937px) {
.nav>li>a{
	padding-left:5px;
	padding-right:9px;
	font-size:12px;
}
}
@media only screen and (min-width: 569px) and (max-width: 599px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 12px;
}
}
/* iPhone 5 (portrait)----------- */
@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
.navigation nav ul li {
	width: 100% !important;
}
.navigation nav ul li {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: solid solid none solid !important;
}
.navigation .navbar-right li {
	width: auto !important;
}
#process .row > div {
	width: 100%;
	float: none;
	margin: 2em 0;
}
}
/* iPhone 4 & 5 (portrait & landscape)----------- */
@media only screen and (min-width: 320px) and (max-width: 570px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 12px;
}
.logoBig {
	top: 1em;
}
.logoBig h1 {
	font-size: 2.3em;
}
.logoBig h5 {
	display: none;
}
.line {
	margin-top: 1.5em !important;
}
.logoBig h1 img{
	max-width:60%;
}
}
@media screen and (max-width: 320px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 12px;
}
.navigation nav ul li {
	width: 100% !important;
}
.navigation nav ul li {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-style: solid solid none solid !important;
}

}
@media screen and (max-width: 996px) {
#tabList .carousel-indicators {
	text-align: center;
}
#tabList .carousel-indicators li {
	display: inline-block;
	width: 7%;
	height: 5%;
	float: none;
}
#tabList .carousel-indicators li span {
	display: block;
	font-size: 1.5em;
}
#tabList .carousel-indicators li strong {
	display: none;
}
#tabList .carousel-inner {
	min-height: 30em;
}
.logoBig h1{
	text-align:center;
}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.nav>li>a{
	padding-left:9px;
	padding-right:10px;
	font-size:13px;
}
}
@media screen and (min-width: 992px) {
.navi ul{
   float:right;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.lang{
	text-align:center;
}
}
@media screen and (max-width: 991px) {
.navi{
	padding-top:0px;
}
}