/*********************************  PRELOADER  ******************************************/
/*************************************************************************************/
.ip-header {/*Loading Page*/
 background: #1d1d1d;
 height: 100%; width: 100%; 
 position: fixed; top: 0;
 min-height: 480px;
 z-index: 1050;}

.ip-header h1 {margin: 0;}

.ip-logo,
.ip-loader {
 cursor: default;
 opacity: 0; 
 position: absolute; left: 0;
 pointer-events: none; 
 width: 100%;}

.ip-logo {
 height: 100%;
 -webkit-transform: translate3d(0,25%,0);
 transform: translate3d(0,25%,0); 
 top: 0;}

.ip-loader {bottom: 35%;}

.ip-header .ip-inner {
 display: block;
 margin: 0 auto;}

.ip-header .ip-logo svg path {
 fill: white;}

.ip-header .ip-loader svg path {
 fill: none;
 stroke-width: 6;}

.ip-header .ip-loader svg path.ip-loader-circlebg {
 stroke: #f60818;}/*loading circle initial color*/

.ip-header .ip-loader svg path.ip-loader-circle {/*loading circle action color*/ 
 -webkit-transition: stroke-dashoffset 0.2s;
 transition: stroke-dashoffset 0.2s;
 stroke: #fff;}


/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
 opacity: 1;
 -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
 animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;}

.loading .ip-loader {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;}

@-webkit-keyframes animInitialHeader {
 from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }}

@keyframes animInitialHeader {
 from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }}

/* Header elements when loading finishes */
.loaded .ip-logo{
 opacity: 0;}
 
.loaded .ip-loader {
 opacity: 1;}

.loaded .ip-logo {
 -webkit-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
 animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;}

@-webkit-keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
	-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
	fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
	-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
	-webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loaded .ip-main .browser .box:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.loaded .ip-main .browser .box:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}

/* Change layout class for header */
.layout-switch .ip-header {
	position: absolute;
}

/* No JS */
.no-js .ip-header {
 min-height: 0px; 
 position: relative;}

.no-js .ip-header .ip-logo {
 height: 180px;
 margin-top: 20px;	
 opacity: 1;
 -webkit-transform: none;
 transform: none;}

.no-js .ip-header .ip-logo svg path {
 fill: #ff0000;}


/*style*/
html,
body {
 height:100%;width:100%;
 margin-left:0; margin-right:0; padding:0;}

body {
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;}
 

/*====================================>>><<<=========================================*/ 
/*********************************  TYPOGRAPHY  ***************************************/
/**************************************************************************************/
/*====================================>>><<<=========================================*/  
@font-face{
  font-family:'Social-Icons';
  src: url('css/fonts/Social-Icons.eot');
  src: url('css/fonts/Social-Icons.eot?#iefix') format('embedded-opentype'), 
  		url('css/fonts/Social-icons.svg') format('svg'), 
		url('css/fonts/Social-Icons.woff') format('woff'), 
		url('css/fonts/Social-Icons.ttf') format('truetype');
  font-weight:normal;
  font-style:normal}  
   


a{
 color: #252525;
 text-decoration: none;}

a:hover, a:focus{
 color: #626262;
 outline: 0; 
 text-decoration: none;}


img {
 -moz-user-select: none;
/*-webkit-user-select: none;*/
 -ms-user-select: none;
 user-select: none;
/*-webkit-user-drag: none;*/
 user-drag: none;}


.valign{
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);}

section{
 position: relative;}

.container {
 position: relative;}

section .container{
 padding-top:200px;
 padding-bottom:200px;}

.row{
 z-index:3;
 position:relative;}

.separator{
 width:170px;
 max-width:170px;
 margin-top:120px;
 margin-bottom:100px;}

.lineSeparator{
 width:60px;
 max-width:60px;
 margin-top:30px;
 margin-bottom:30px;}
 
.preloaderLogo{
 min-width: 200px;
 max-width: 300px;
 width: 15%;}

.black-overlay {
 background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
 background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 12+ */
 background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
 background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 position: absolute; left: 0; top: 0;
 height: 100%;width: 100%;
 z-index: 0;}

.sectionIntro h2 span{
 border: solid 10px #282828;
 padding:25px 50px;}

.sectionIntro p{
 margin-top:100px;}

.noscroll{
 overflow:hidden;}


.container{
 overflow:hidden;
 z-index:2;}

/*parallax letters*/


.parallaxLetter{
color:#F9F9F9;
font-size:300px;
height: 300px;width: 200px;
position:absolute;
z-index:1;}

.letter1{
 right:20%;}

.letter2{
 left:20%;}

.letter3{
 right:15%;}

.letter4{
 left:10%;}

/*buttons*/

.btn{
 background:transparent;
 border-radius:0;
 border:0;}


.btn-default{
 border-top: 2px solid transparent;
 border-bottom: 2px solid transparent;
 color: white;
 display: inline-block;
 font-size: 12px;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 position: relative;
 padding: 0 40px;
 line-height: 40px;
 letter-spacing: .2em;
 outline: 1px solid transparent;
 -webkit-transition: all .5s ease .25s;
 transition: all .5s ease .25s;}

.btn-default:hover{
 border-color: white;}

.btn-default:after, .btn-default:before {
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
content: '';
position: absolute;
width: 2px;
height: 100%;
top: 0;
background: white;
}



.btn-default:before {
left: -8px;
}

.btn-default:hover:before {
left: 0;
}

.btn-default:after {
right: -8px;
}

.btn-default:hover:after {
right: 0;
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: white;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0;
}

.btn-black{
color:#282828;
}

.btn-black:after, .btn-black:before {

background: #282828;
}

.btn-black:hover {
color: white;
background-color: #282828;
border-color: #282828;
}

/*NAVBAR */

.navbar-default {/***/
padding:30px;
padding-left:50px;
padding-right:50px;
background-color: white;
/*background-color: transparent;*/
border-color: transparent;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}

.navbar-default .navbar-brand{/***/
/*
color:white;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
*/

}


header .navbar-brand  {
 background: url(img/logo.svg) no-repeat 0 0;
 border: 0;	
 height: 62px; width: 207px;
 margin: 0; padding: 0;text-indent: -9999px;}					

header .navbar-brand a {
 display: block;
 height: 62px; width: 207px;} 
 
















.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 background-color: transparent;
 color: black;}



.affix{/***/
background-color: #ffffff;
/*background-color: #282828;*/
padding-top:10px;
padding-bottom:10px;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #000;
}

.navbar-default .navbar-toggle {
border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: white;
background-color: transparent;
}

.navbar-nav > li > a {
font-size: 10px;
font-weight: 900;
text-transform: uppercase;
color: #d5d5d5;
letter-spacing: 3px;
position: relative;
}


.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.42857143;
color: white;
white-space: nowrap;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
padding-top: 10px;
padding-bottom: 10px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 3px 0 0;
font-size: 10px;
text-align: left;
list-style: none;
background-color: #323232;
background-clip: padding-box;
border: 0;
box-shadow: none;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #d5d5d5;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: #282828;
background-color: #d5d5d5;
}

/*TEXT STYLES*/

h1, h2, h3, h4, h5{
 font-family: 'Montserrat', sans-serif;
 font-weight: 700;}

h1{
 font-size:50px;
 text-transform: uppercase;
 letter-spacing: 20px;}

h2{
 font-size:30px;
 text-transform: uppercase;
 letter-spacing: 15px;}

h4{
 font-size:20px;
 text-transform: uppercase;
 letter-spacing: 8px;}
 
.serviceBox .valign h4 {color: red;} 

h5{
 font-size:14px;
 text-transform: uppercase;
 letter-spacing: 3px;}

p {
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 14px;
 line-height: 24px;
 color: #4c4c4c;}

p.bold{
 font-weight:700;}



/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Intro -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#intro h1, #intro p{
color:white;

}

.introLogo{
position:relative;
width:160px;
margin-bottom:20px;
}

#intro .separator{
margin-top:30px;
margin-bottom:30px;
}

#intro a {
margin-top:20px;
}

/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Text Separator -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#text-separator .container-fluid .col-md-6{
padding-left:50px;
}

#text-separator, #text-separator-clients, #text-separator-testimonials, #text-separator-timers{
background-color: #1d1d1d;
padding-top:50px;
padding-bottom:50px;
padding-left:15px;
overflow:hidden;

}

#text-separator h2,
#text-separator-clients h2,
#text-separator-testimonials h2{
color:white;
z-index: 100;
position: relative;
}

#text-separator p,
#text-separator-clients p,
#text-separator-testimonials p{
color:#e7e7e7;
z-index: 100;
position: relative;
}

.textSepLogo{
position:absolute;
right:0;top:0;
z-index: 1;
}

.timerWrapper{
color:white;
padding:20px;
}

.timerWrapper h1{
letter-spacing:0;
}

.timerWrapper p{
color: #d5d5d5;
}


/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Welcome Separator -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#welcome-separator{
background-color:white;
}

#welcome-separator .col-md-7,
#welcome-separator .container-fluid{
padding:0;
}

#welcome-separator .separator{
width: 120px;
max-width: 120px;
margin-top: 40px;
margin-bottom: 40px;
}


#welcome-separator .image{
height:500px;
overflow:hidden;
}

#welcome-separator .image img{
height: 100%;
}


.whiteOverlay{
background: transparent url("img/gradient.png") bottom right repeat-y;
bottom: 0;
height: 500px;
right: 0;
position: absolute;
width: 500px;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
z-index:4
}

.welcomeLogo{
width:100px;
}

.textOverlay{
padding-bottom:100px;
padding-top:100px;
margin-left:-200px;
z-index:6;
}

/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--About -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#about{
background-color: white;}

#about .container{
padding-top:200px;}

.aboutIconWrapper{
position:absolute;}

.aboutText{
position:relative;
padding-left:50px;}

.aboutIconWrapper{
font-size:80px;
color:#f5f5f5;
z-index:0;}

.aboutItem{
margin-top:30px;
margin-bottom:30px;}





.progress-bar {
color: #fff;
background-color: black;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}

.progress {
height: 16px;
margin-bottom: 20px;
overflow: hidden;
background-color: white;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid black;
}



/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Portfolio -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/


.portfolioIntro{
height:300px;
}

.portfolioIntro h2 {
color: white;
padding-top:120px;
margin-top:0;
}

.portfolioIntro h2 span{
padding:25px 50px;
border: solid 10px white;
}

.portfolioFilters {
height:150px;
background-color: #1d1d1d;
}

#filters{
padding-top:30px;
}

#filters .btn{
margin:20px;
}


.portfolioIntro{
position:relative;
z-index:2;
background:url('img/portfolioIntro.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 0, 50% 0, 50% 0, 50% 0;
background-repeat: repeat, repeat, repeat ,no-repeat;
}

#portfolio .black-overlay{
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.gallery {
max-width: 100%;
}

.gallery-inner .caption{
opacity: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(40, 40, 40, 0.70);
-webkit-transition: all 1s ease-in-out;

}
.gallery-inner:hover .caption{
opacity: 1;
}

.gallery-inner .caption-heading {
width:100%;
height:120px;
}

.caption-heading .separator{
width: 100px;
max-width: 100px;
margin-top: 20px;
margin-bottom: 20px;

}

.caption-heading .btn-default {
line-height: 30px;
font-size:10px;
margin-top:8px;
}

.gallery-inner .caption-heading,
.gallery-inner .caption-heading p{
color:white;
}

.gallery-inner .caption-heading p{
font-size:12px;
font-style:italic;
}

.gallery {
background: #4c4c4c;
min-height:500px;
}


/* ---- isotope ---- */
/* clear fix */
.gallery:after {
content: '';
display: block;
clear: both;

}

/* 5 columns, percentage width */
.gallery .gallery-inner,
.gallery .grid-sizer {
width: 33.333%;/* change here the column width */
}

.gallery .gallery-inner {
float: left;
height: auto;
background: #4c4c4c;
position: absolute;
left: 0;
top: 0;
margin:0;
}

.galleryImage{
/*min-width:100%;*/
width: 100%;
height: auto;
}



/* Overlay style */
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: white;
z-index:3000;
overflow-y: scroll;
}

.overlay-section{
position: static;
}

/* Effects */
.overlay-slidedown {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
}



.overlay-close img{
cursor:pointer;
}

.overlay-close{
padding:30px;
}


#singlePageIntro .container{
padding:100px;
padding-bottom:30px;
}

#singlePageContent .container{
padding:10px;
}

#singlePageIntro .separator{
margin-top:50px;
margin-bottom:20px;
}

.singleProjectInfo ul{
padding:20px;
list-style:none;
border-left:5px solid #282828;
}

.singleProjectInfo ul li p{
display:inline;
}

.singleImageWrapper{
padding-top:60px;
}


.singleImageWrapper .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.singleImageWrapper .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Team -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/


#team {
background:white;
}

#team .container{
padding-bottom:0;
}

#team .owl-buttons div {
padding: 5px 9px;
}

#team .owl-buttons i{
margin-top: 2px;
}

#team .owl-buttons div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#team .owl-buttons .owl-prev{
left: 10px;

}

#team .owl-buttons .owl-next{
right: 10px;
}

#owl-team{
position:relative;
}

.memberParagraph{
padding-right:40px;
}

.memberDescription h2{
letter-spacing:0;
}

.memberDescription .position{
margin-top:10px;
margin-bottom:40px;
}

.memberDescription .position span {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 10px;
letter-spacing: 3px;
line-height: 20px;
text-transform: uppercase;
border: solid 1px black;
padding: 6px;
}

.teamSocial{
margin-top:20px;
}

.teamSocial a{
padding:7px;
font-size:18px;
}

.teamSocial a:first-child{
padding-left:0px;
}

/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--clients logo -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#text-separator-clients{
padding-top:110px;
padding-bottom:110px;
}



#text-separator-clients h3 span{
padding:25px 50px;
border: solid 10px white;
font-size:24px;
text-transform: uppercase;
letter-spacing: 10px;
color:white;
}


.clientLogo img{
width:180px;
margin-top: 15px;
}


/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Services -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

.serviceBox{
width:50%;
height:400px;
position:relative;
float:left;
padding:50px;
z-index: 2;}

.serviceBox .separator {
width: 100px;
max-width: 100px;
margin-top: 25px;
margin-bottom: 25px;}

.serviceBox h2 {
padding-top:140px;
margin-top:0;}

.serviceBox h2 span{
padding:25px 50px;
border: solid 10px #282828;}

.serviceBox i{
font-size:9em;}

.introServiceBox{
position:relative;
z-index:2;
background:url('img/backgroundService.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 0, 50% 0, 50% 0, 50% 0;
background-repeat: repeat, repeat, repeat ,no-repeat;
}


section#services h2 span {
border: solid 10px white;
 color: white;}

.whiteBox{
background:white;
}

.blackBox{
background:#282828;
}

.blackBox i{
color:white;
}

/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Testimonials -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#text-separator-testimonials h3 span{
padding:25px 50px;
border: solid 10px white;
font-size:24px;
text-transform: uppercase;
letter-spacing: 6px;
color:white;}

#text-separator-testimonials h3{
padding-top:100px;}

.review{
text-align:center;
padding:40px;}

.review p.titulation{
color:#c8c8c8;
font-style:italic;
font-size:10px;}

.review h4{
color:#898989;
letter-spacing:0;
margin-bottom:0px;}

.text-separator-title h2{
padding-top:100px;}


/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Pricing Tables -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/

#pricing{
background-color:#f4f4f4;
}


.tableWrapper{
padding:60px;
border: solid 10px black;
}

.tableWrapper .separator{
padding:20px;
margin-top:20px;
margin-bottom:20px;
}

.tableWrapper .subscriptionName h2{
letter-spacing:0;
}

.subscriptionList ul{
list-style:none;
padding:0;
}

.subscriptionPrice{
padding-bottom:10px;
}


.subscriptionPrice h2{
letter-spacing:0;
}


.subscriptionPrice h2,
.subscriptionPrice p{
display:inline;
}


/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/
/*<!--Contact -->*/
/*<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->*/


#contact{
background: white;
}

label{
width:100%;
}

input:focus, textarea:focus{
outline:0;
}

label input, textarea{
width:100%;
margin-top:10px;
margin-bottom:10px;
}

#contact_form #name,
#contact_form #email,
#contact_form #phone{
height: 50px;
padding: 10px;
padding-bottom: 0px;
border: 0;
background: transparent;
border-bottom: 5px solid #282828;
border-left:5px solid #282828;
font-size:10px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
color: #282828;
letter-spacing:1px;
}

#contact_form #comments {
height: 200px;
padding: 10px;
margin-top:30px;
padding-bottom: 0;
border: 0;
background: transparent;
border-bottom: 5px solid #282828;
border-left: 5px solid #282828;
font-family: 'Montserrat', sans-serif;
color: #282828;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
}



.infoContact{
list-style:none;
padding:20px;
}


.infoContact li{
padding-left:20px;
}

.infoContact li .fa{
margin-right:6px;
font-size:18px;
}
.infoContact li:first-child{
margin-left:-27px;
}

#contact p.bold{
padding-top:30px;
}

.socialContact{
list-style:none;
padding:0;
}

.socialContact li{
display:inline;
}

.socialContact li a {
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px;
text-align: center;
background-color: #282828;
color:white;
font-size: 1.25em;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}

.socialContact li a:hover {
background-color: black;

}


#googleMap {
width: 100%;
height: 350px;
overflow: hidden;
}


.topLine{
background:#282828;
padding:50px;
}




/*countdown*/

#countdown {
width: 100%;
position: relative;
height: auto;
text-align: center;
margin-top: 40px;
margin-bottom: 0px;
background-color:transparent;
border:0;
}

#countdown .countdown-section{
display: inline-block;
position: relative;
width: 25%;
height: auto;
min-height: 150px;
vertical-align: top;
border-left: 1px solid rgba(255,255,255,0.4);
}


#countdown .countdown-section:first-child{
border-left: none;
}

#countdown .countdown-amount{
margin: 0;
font-size: 48px;
font-weight: 700;
line-height: 90px;
color:white;
display:block;
}

#countdown .countdown-period{
font-size:14px;
color:white;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}



#singlePage{
padding-bottom:100px;
position:relative;
}

.paginationRow{
padding:80px 10px;;
}

#result h2{
letter-spacing:0;
}

iframe{border:0;}



/*/featured works*/

#featured-works{
background:white;
}

.featureWrapper{
padding:10px;
}

.featureWrapper .caption-heading{
padding:10px;
}

#owl-featured .owl-buttons{
display:inline-block;
}
#owl-featured .owl-prev, .owl-next{
display:inline-block;}

.featuredNav{

margin:10px;
padding:5px 10px;
background:#282828;
color:white;
}


/*pages*/

ul, ol {
line-height: 24px;
}




/*BLOG SECTION*/

#blogIntro{
background:white;
}

#blogIntro .container {
padding-bottom: 130px;
}

#blogIntro .separator {
margin-top: 80px;
margin-bottom: 0px;
}

#blogContent{
background:white;
}
#blogContent .container {
padding-top:0;
}




/* ---- isotope ---- */


/* clear fix */
.blogPostsWrapper:after {
content: '';
display: block;
clear: both;
}

.blogPostsWrapper2:after {
content: '';
display: block;
clear: both;
}

/* ---- .element-item ---- */

/* 5 columns, percentage width */
.blogPost,
.grid-sizer-blog-3{
 width: 33.33%;}

.blogPost2,
.grid-sizer-blog-2{
 width: 50%;}

.blogPost, .blogPost2 {
 float: left;}


.blogPost, .blogPost2{
padding:20px;
}

.post-content{
padding:20px;
padding-top:10px;
}

.post-date p{
font-size:90%;
font-style:italic;
}

.post-info p{
font-size:90%;
font-style:italic;
}

.blogSeparator{
width:35px;
margin:15px 0;
}

.post-content .btn{
font-size:10px;
padding:0px 10px;
line-height:30px;
margin-top:20px;
}


.widget ul{
list-style-type:square;
padding-left:20px;
}

.widget h4{
letter-spacing:2px;
}

.widget{
padding: 10px;
margin-bottom:20px;
}


.widget ul li{
color:#282828;
margin-bottom:10px;
}

.widget ul li a{
color: #353535;
}


.form-control {
height: 40px;
padding: 8px 12px;
font-size: 12px;
border-radius: 0px;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

.form-control:focus {
border-color: #282828;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.input-group-addon {
padding: 12px 18px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: white;
text-align: center;
background-color: #282828;
border: 0;
border-radius: 0;
height: 40px;
}

.input-group-addon a{
color: #fff;
}

.blogPostSeparator {
width: 60px;
height: 2px;
background-color: #282828;
margin-bottom: 20px;
margin-top: 15px;
}

.blogPost3{
padding:30px;
padding-top:0;
padding-bottom:0;
}

.blogPost3 .post-content{
padding-left:0;
}

.blogPost3 .post-thumbnail img{
width:100%;
}
.blogPost3 {

margin-bottom:60px;
}

.blogPost3 h2{
letter-spacing:1px;
}

.blogArticlesSeparator{
margin-top:0;
}


#owl-blog-single .owl-buttons{
display:inline-block;
}
#owl-blog-single .owl-prev, .owl-next{
display:inline-block;}

.blogNav{

margin:10px;
padding:5px 10px;
background:#282828;
color:white;
}

#owl-blog-single .owl-buttons div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


#owl-blog-single .owl-buttons .owl-prev{
left: 10px;

}

#owl-blog-single .owl-buttons .owl-next{
right: 10px;
}

#owl-blog-single  .owl-controls {
height: 0;
}

/*********************************  FOOTER  ******************************************/
/*************************************************************************************/
#footer .bottomLine {
padding: 50px;
margin: 0 auto;
background-color: white;}

#footer .bottomLine p{
color: #a5a5a5;
font-size:12px;
}

#footer .container{
/*multipage only*/
padding:0;}

.footerText{
color:white;
padding:10px 40px;;}

.footerText p{
color: red;}

/*footer newsletter*/
.form-control:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;}

.footerText input{
height: 54px;
padding-bottom: 3px;
border: 0;
background: #393939;
border-radius:0;
line-height: 54px;
font-size: 10px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
color: white;
letter-spacing:1px;}

.input-group-addon{
height: 54px;
border-radius:0;
padding-left:16px;
padding-right:16px;
padding-bottom: 3px;
border: 0;
background: #323232;
text-transform:uppercase;
color: white;
letter-spacing:1px;}

#footer .infoContact {
list-style: none;
padding: 10px;
color: #a5a5a5}

#footer .infoContact li .fa {
margin-right: 6px;
font-size: 40px;
position:absolute;
opacity:0.1;
left:0;}

#footer .infoContact li  {
margin:0;
padding:0;
font-size: 12px;}

.bottomLine .footerSocialIcons {
padding: 20px;}

.footerSocialIcons {
list-style: none;}

.footerSocialIcons li {
display: inline;
margin: 0 10px;}

.footerSocialIcons li a{
color: #a5a5a5;}

.bottomLine p{
display:inline;}

.backToTop a{
color:white;}

.footer-icons {padding: 0;}
.footer-icons ul {font-size: 1em; list-style:none; margin-bottom: 1.5em;}
.footer-icons li {display:inline-block; margin:0 .5em;}
.footer-icons li a {border:none; display:block; padding:0.5em}
.footer-icons li span {left:-9999em; position:absolute; top:-9999em}
.footer-icons p { margin-bottom:0}

  
.iconset [data-icon]:before {
 content:attr(data-icon);
 font-family:'Social-Icons';
 font-style:normal;
 font-weight:400;
 line-height:1;
 speak:none}

/*responsive*/
@media (min-width: 1200px){}


/*Notebooks and Small Laptops*/
@media (min-width: 1025px){}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px){}

/*Small Desktop and Very Small Notebook */
@media (max-width: 992px){

    .widget:first-child{
        margin-top:100px;
    }

    .serviceBox h2 span {
        letter-spacing:5px;
        font-size:22px;
    }

    #owl-clients{
        margin-top:50px;
    }

    #text-separator-testimonials h3{
        text-align:center;
        margin-bottom:50px;
    }
}

/*Medium Tablets */
@media (max-width: 900px){

    .navbar-nav > li > a {
        letter-spacing: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px){

    .serviceBox h2 span {
        letter-spacing:5px;
        font-size:18px;
    }

    .textOverlay{
        padding-bottom:100px;
        padding-top:100px;
        margin-left:0;
        z-index:6;
    }


    #portfolio .captionWrapper .valign{
        padding-top:130px;
    }

    .preloaderLogo{
        min-width: 100px;
        max-width: 100px;
        width: 100px;
    }

    .ip-header {
        min-height: 120px;
    }

    .affix .navbar-collapse {
        background:transparent;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
    }

    .navbar-nav>li>.dropdown-menu {
        text-align: center;
    }

    .portfolioFilters {
        height: 220px;
    }

    .memberDescription{
        text-align: center;
    }


    .memberParagraph{
        padding-right:0px;
    }

    .clientsIntro{
        text-align: center;
    }

    #text-separator, #text-separator-clients, #text-separator-testimonials, #text-separator-timers {
        padding-left: 15px;
    }

    .text-separator-title{
        text-align: center;
    }

    .tableWrapper{
        margin-top:15px;
        margin-bottom:15px;
    }

    .gallery .gallery-inner, .gallery .grid-sizer {
        width: 50%;
    }

    .singleProjectInfo ul {
        border-left: 0;
        text-align: center;
    }

    #text-separator-clients h2,
    #text-separator-testimonials h2{
        font-size:20px;

    }

    #team .container{
        padding-bottom:200px;
    }

    #countdown .countdown-amount{
        font-size: 30px;
    }

    #countdown .countdown-section{
        border-left:none;
    }

    .blogPost,
    .grid-sizer-blog-3{
        width: 50%;
    }
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 767px) {

    .navbar-default .navbar-collapse {
        border-color: #e7e7e7;
        background: rgba(0, 0, 0, 0.9);
        text-align: center;
    }
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px){
    h1 {
        font-size: 36px;
        letter-spacing: 10px;
    }

    h2 {
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 8px;
    }

    .introLogo {
        width: 80px;
    }



    .serviceBox h2 span {
        padding: 0;
        border: 0;
    }

    #singlePageIntro .container {
        padding: 30px;
    }


    .tableWrapper {
        padding: 30px;
        padding-bottom:50px;
    }
}

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

    h1 {
        font-size: 36px;
        letter-spacing: 10px;
    }
}

@media screen and (max-width: 600px) and (orientation : landscape){
}


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

    .topLine {
        padding: 20px;
    }

    section .container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    h1 {
        font-size: 24px;
        letter-spacing: 6px;
    }

    h2 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 4px;
    }

    h4 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .sectionIntro h2 span {
        padding: 12.5px 25px;
        border: solid 4px black;
    }

    .portfolioIntro h2 span {
        padding: 12.5px 25px;
        border: solid 4px black;
    }

    #intro .separator {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #intro .separator {
        width: 100px;
        max-width: 100px;
    }

    #intro p {
        font-size: 12px;
    }

    .navbar-default {
        padding-left: 0px;
        padding-right: 0px;
    }

    .portfolioFilters {
        height: 280px;
    }

    .gallery .gallery-inner, .gallery .grid-sizer {
        width: 100%;
    }

    .serviceBox {
        padding: 20px;
    }
}

/*google nexus ish*/
@media screen and (max-width: 480px) {


    #text-separator-clients h3 span {
        padding:0;
        border:none;
    }

    .serviceBox {
        width: 100%;
    }

    #text-separator-testimonials h3 span {
        padding:0;
        border:none;
    }
}
/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px){

    .blogPost,
    .grid-sizer-blog-3{
        width: 100%;
    }

    .blogPost2,
    .grid-sizer-blog-2{
        width: 100%;
    }


    section .container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /*.textOverlay {*/
    /*margin-left: -100px;*/
    /*}*/


    .portfolioFilters {
        height: 450px;
    }



    .tableWrapper {
        padding: 10px;
        padding-bottom:30px;
    }

    .listwrapper{
        width:100%;
    }
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
}



/********************CUSTOM***********************/

ul.eventTypes {
 list-style: none;
 margin-top: 2em;
 text-align: left !important;}

/*OG
ul.eventTypes li {
 font-family: 'Montserrat', sans-serif;
 font-weight: 700;
 font-size:1.2em;
 text-transform: uppercase;
 letter-spacing: 8px;}
*/ 

ul.eventTypes li {
 font-family: 'Montserrat', sans-serif;
 font-weight: 700;
 font-size:1em;
 text-transform: uppercase;
 letter-spacing: 6px;}
 
ul.eventTypes li.rem {font-size: 0.9em; letter-spacing: 4px;} 
  
 
.custom-separator {margin-top: 50px;}