body
{
	width:100%;
	overflow-x:hidden;
	font-family:'Merriweather',serif,"Helvetica Neue"
}

/*********  boxok és alap formázások ***********/
#youtubevideo
{
	width:100%;
	height:100%
}

#video
{
	/*background-color: #000; */
	/*z-index: -5;*/
}

.client-container .item img
{
	max-width:165px
}

i.fa
{
	padding-right:2px
}

h1,h2,h3,h4,h5
{
	font-family:'Oswald',sans-serif;
	line-height:1.3em
}

h2
{
	text-transform:uppercase;
	text-transform:uppercase;
	font-family:'Oswald',sans-serif;
	font-size:60px;
	margin-top:65px;
	margin-bottom:70px
}

.clear
{
	clear:both
}

#gmap_canvas img
{
	max-width:none!important;
	background:none!important
}

a[href^="tel"]
{
	color:#fff!important;
	text-decoration:none
}

a, a:hover {
	color: #f59831;
}

#aboutpage h2
{
}

#aboutpage #skills h3
{
	font-size:36px
}

#aboutpage .bg-green h2
{
	color:#fff
}

.mt10
{
	margin-top:8px
}

p
{
	font-family:'Merriweather',serif,"Helvetica Neue";
	font-size:18px
}

.font-60
{
	font-size:60px!important
}

.mb-70
{
	margin-bottom:70px
}

.bg-grey
{
	background:#eee
}

.bg-black
{
	background:#000;
	color:#fff
}

.bg-pink
{
	background:#e11379;
	color:#fff
}

.bg-blue
{
	background:#4694d8;
	color:#fff
}

.bg-purple
{
	background:#614594;
	color:#fff
}

.bg-white
{
	background:#fff
}

#aboutpage .bg-black h2,#aboutpage .bg-black h3
{
	color:#77b62e
}

.bg-gold
{
	background:#f59831;
	color:#fff
}

.font-gold
{
	color:#f59831;
}

.bg-green
{
	background:#77b62e;
	color:#fff
}

.font-green
{
	color:#77b62e
}

.font-pink
{
	color:#e11379
}

.font-blue
{
	color:#4694d8
}

.font-purple
{
	color:#614594
}

.celebration
{
	position:absolute;
	right:0;
	top:150px;
	width:95px;
	height:135px;
	background:transparent url(../images/celebrating.png) no-repeat;
	z-index:10000
}

.jumbotron
{
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0
}

.jumbotron p
{
	font-size:18px;
	font-weight:400
}

.container
{
	padding-bottom:60px
}

#abouthead
{
	background:url(../images/about-head.jpg) #000;
	color:#fff;
	padding-top:135px;
	height:750px
}

#abouthead h2
{
	margin-top:20px;
	margin-bottom:30px;
	font-size:72px
}

#abouthead p
{
	font-size:24px
}

.youtubeclose
{
	background:#000 none repeat scroll 0 0;
	border-radius:0;
	color:#fff;
	cursor:pointer;
	width:1000%;
	text-align:right;
	padding-right:15px;
	font-size:32px;
	height:53px;
	line-height:60px;
	padding:0 20px;
	position:absolute;
	right:0;
	top:0;
	z-index:2147483647
}

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

/************************************************/
.history
{
	display:none
}

#aboutpage .image-container
{
	height:120px
}

#aboutpage #skills h3
{
	text-transform:uppercase
}

.about-left
{
	display:block;
	min-height:150px;
	width:535px;
	float:left;
	text-align:right;
	padding:0 20px 10px 10px;
	background:transparent url(../images/about.png) top right no-repeat
}

.about-right
{
	display:block;
	min-height:150px;
	width:535px;
	float:right;
	text-align:left;
	padding:0 10px 10px 25px;
	background:transparent url(../images/about.png) top left no-repeat
}

.about-top
{
	width:535px;
	display:block;
	clear:both;
	height:40px;
	background:transparent url(../images/about-top.png) top right no-repeat
}

.about-bottom
{
	width:535px;
	display:block;
	clear:both;
	height:30px;
	background:transparent url(../images/about-bottom.png) top right no-repeat
}

.about-left-arrow
{
	background:transparent url(../images/about-bl.png) top left no-repeat;
	background-position:0 5px;
	width:8px;
	height:18px;
	display:inline-block;
	margin-left:-10px
}

.about-right-arrow
{
	background:transparent url(../images/about-br.png) top left no-repeat;
	background-position:0 5px;
	width:8px;
	height:18px;
	display:inline-block;
	margin-right:-12px;
	margin-left:3px
}

.jumbotron .history p
{
	font-size:16px
}

#aboutus1 .clear
{
	clear:both;
	display:block;
	width:100%;
	height:0
}

#aboutus1 h3
{
	display:inline-block;
	font-size:18px;
	font-weight:400;
	padding-top:0;
	margin-top:0
}

#aboutus1 .bubble
{
	background:#77b62e;
	color:#fff;
	width:90px;
	height:22px;
	font-size:14px;
	display:inline-block;
	text-align:center;
	padding-top:3px;
	line-height:18px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	margin-left:10px;
	margin-right:10px
}

.counter
{
	font-family:"Oswald";
	font-size:60px;
	font-weight:700
}

.scrollspy
{
	position:fixed;
	top:300px;
	right:0;
	z-index:100000;
	background:transparent url(../images/scroll.png) repeat-y;
	background-position:12px 0
}

#homepage .scrollspy
{
	height:258px
}

#aboutpage .scrollspy
{
	height:230px
}

.scrollspy ul
{
	padding-bottom:0
}

.scrollspy ul li
{
	width:20px;
	height:20px;
	background:#000;
	border:3px solid #ccc;
	list-style-position:outside;
	list-style-type:none;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-radius:10px;
	margin-left:-11px;
	margin-bottom:10px
}

.scrollspy ul li:nth-last-child(1)
{
	margin-bottom:0;
	padding-bottom:0
}

.scrollspy .nav > li > a:focus,.scrollspy .nav > li > a:hover
{
	background:none!important;
	text-decoration:none;
	outline:none
}

.scrollspy ul li.active .circle
{
	background:#f59831;
	width:10px;
	height:10px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-radius:5px;
	display:block;
	z-index:10000000;
	margin-left:-13px;
	margin-top:-8px
}

#aboutpage .scrollspy ul li.active .circle
{
	background:#f59831
}

#contactpage .scrollspy ul li.active .circle
{
	background:#e11379
}

#portfoliopage .scrollspy ul li.active .circle
{
	background:#e11379
}

#careerpage .scrollspy ul li.active .circle
{
	background:#4694d8
}

#contactpage .scrollspy ul li.active .circle
{
	background:#614594
}

#myScrollspy,.scrollspy ul li,.tooltip
{
	font-family:'Merriweather',serif,"Helvetica Neue"
}

.scrollspy a
{
	width:10px;
	height:10px;
	padding:0;
	margin:0;
	font-family:'Merriweather',serif,"Helvetica Neue"
}

#homepage .tooltip-inner
{
	background:#f59831;
	word-wrap:inherit
}

#homepage .tooltip-arrow
{
	border-left-color:#f59831
}

/******************************************************/
.btn
{
	font-family:'Merriweather',serif,"Helvetica Neue";
	font-weight:700 -webkit-transition: .3s;
	/* Safari */
	transition:.3s
}

.btn-primary
{
	background:transparent;
	color:#000;
	font-weight:700;
	border:3px solid #000;
	border-radius:0;
	padding:10px 30px;
	margin-top:30px
}

.btn-primary:hover
{
	border:3px solid #000;
	color:#000
}

.btn-primary:active,.btn-primary:focus
{
	border:3px solid #000;
	color:#000;
	background-color:/* Firefox */
	#fff
}

#homepage .btn-primary:hover,#homepage .btn-primary:active
{
	background:#f59831;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

#aboutpage .btn-primary:hover,#aboutpage .btn-primary:active
{
	background:#f59831;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

#portfoliopage .btn-primary:hover,#portfoliopage .btn-primary:active
{
	background:#f59831;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

#careerpage .btn-primary:hover,#careerpage .btn-primary:active
{
	background:#f59831;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

#contactpage .btn-primary:hover,#contactpage .btn-primary:active
{
	background:#f59831;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

.btn-default
{
	background:transparent;
	color:#fff;
	font-weight:700;
	border:3px solid #fff;
	border-radius:0;
	padding:10px 30px;
	margin-top:15px
}

.btn-default:hover
{
	background:#f59831;
	border:3px solid #fff;
	border-radius:0;
	color:#fff;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	transition:background-color 300ms linear
}

#aboutpage .btn-default:hover
{
	background:#f59831;
}

#portfoliopage .btn-default:hover
{
	background:#f59831;
}

#careerpage .btn-default:hover
{
	background:#f59831;
}

#contactpage .btn-default:hover
{
	background:#614594
}

.btn-default:active,.btn-default:focus
{
	border:3px solid #000;
	color:#fff;
	background:#000
}

/*************   NAVIGATION   *************************/
.logo
{
	float:left;
	margin-top:-7px;
	margin-right:10px
}

.navbar-brand
{
	font-family:'Oswald',sans-serif;
	font-weight:500;
	font-size:14px
}

.navbar
{
	border-radius:0!important;
	padding:0;
	margin:0!important;
	position:fixed;
	width:100%;
	z-index:100000
}

.navbar-nav
{
	font-family:'Oswald',sans-serif;
	font-weight:400;
	font-size:14px;
	padding-right:20px;
	-webkit-transition:.3s;
	/* Safari */
	transition:.3s
}

.navbar .active
{
	color:#000!important
}

.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover
{
	background-color:transparent;
	color:#000;
	-webkit-transition:.3s;
	/* Safari */
	transition:.3s
}

.nav > li > a
{
	display:block;
	padding:15px 8px 0 -webkit-transition: .3s;
	/* Safari */
	transition:.3s
}

.navbar-toggle:focus,.navbar-toggle:active
{
	background:#000
}

.navbar-nav
{
	margin:0
}

#homepage .navbar-default,.navbar
{
	background:#f59831;
	border:none;
	color:#fff;
	text-transform:uppercase
}

#aboutpage .navbar-default,.navbar
{
	background:#77b62e;
	border:none;
	color:#fff;
	text-transform:uppercase
}

#portfoliopage .navbar-default,.navbar
{
	background:#e11379;
	border:none;
	color:#fff;
	text-transform:uppercase
}

#careerpage .navbar-default,.navbar
{
	background:#4694d8;
	border:none;
	color:#fff;
	text-transform:uppercase
}

#contactpage .navbar-default,.navbar
{
	background:#614594;
	border:none;
	color:#fff;
	text-transform:uppercase
}

.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover
{
	color:#fff
}

.navbar-default .navbar-nav > li > a
{
	color:#fff
}

/************   Animations ***********************/
.animation-scrolldown .down1
{
	animation:pulse3 2s infinite;
	position:absolute;
	margin-top:20px;
	left:50%
}

@keyframes pulse {
	0%
	{
		opacity:.2
	}
	
	25%
	{
		opacity:1
	}
	
	50%
	{
		opacity:.2
	}
	
	75%
	{
		opacity:.2
	}
	
	100%
	{
		opacity:.2
	}
}

.animation-scrolldown .down2
{
	animation:pulse2 2s infinite;
	position:absolute;
	margin-top:10px;
	left:50%
}

@keyframes pulse2 {
	0%
	{
		opacity:.2
	}
	
	25%
	{
		opacity:.2
	}
	
	50%
	{
		opacity:1
	}
	
	75%
	{
		opacity:.2
	}
	
	100%
	{
		opacity:.2
	}
}

.animation-scrolldown .down3
{
	animation:pulse 2s infinite;
	position:absolute;
	margin-top:0;
	left:50%
}

@keyframes pulse3 {
	0%
	{
		opacity:.2
	}
	
	25%
	{
		opacity:.2
	}
	
	50%
	{
		opacity:.2
	}
	
	75%
	{
		opacity:1
	}
	
	100%
	{
		opacity:.2
	}
}

.hello
{
	animation:hello 5s;
	margin-top:50px
}

.animation1
{
	animation:animation1 5s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

.animation-scrolldown
{
	margin-top:30px;
	animation:animation-scrolldown 10s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

/************      ****************************/
#portfolio .img-responsive
{
	margin-bottom:30px
}

.portfolio-info
{
	position:relative
}

.portfolio-info p
{
	font-size:18px;
	margin-bottom:0
}

.portfolio-info h3
{
	font-size:36px;
	margin-top:10px;
	max-width:400px;
	line-height:1.3em
}

.portfolio-info-background
{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:25%;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	opacity:1;
	bottom:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

.portfolio-info-background .text
{
	display:none;
	opacity:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#aboutpage .portfolio-info:hover h3
{
}

.portfolio-info:hover .portfolio-info-background .text
{
	display:inline-block;
	opacity:1;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

.portfolio-info:hover .portfolio-info-background
{
	height:100%;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#homepage .portfolio-info-background
{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	opacity:1;
	bottom:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#homepage .portfolio-info-background .text
{
	display:none;
	opacity:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#homepage .portfolio-info:hover .portfolio-info-background .text
{
	display:block;
	opacity:1;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#homepage .portfolio-info:hover .portfolio-info-background
{
	height:100%;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#portfoliopage .portfolio-info-background
{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	opacity:1;
	bottom:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#portfoliopage .portfolio-info-background .text
{
	display:none;
	opacity:0;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#portfoliopage .portfolio-info:hover .portfolio-info-background .text
{
	display:block;
	opacity:1;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

#portfoliopage .portfolio-info:hover .portfolio-info-background
{
	height:100%;
	transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out
}

.portfolio-info-background::after
{
	display:inline-block;
	vertical-align:middle;
	height:100%;
	content:''
}

.portfolio-container
{
	display:inline-block;
	vertical-align:middle;
	height:auto;
	width:auto
}

.portfolio-hidden
{
	display:none
}

#portfolio .portfolio-info .btn-primary
{
	background:transparent;
	color:#fff;
	font-weight:700;
	border:3px solid #fff;
	border-radius:0;
	padding:10px 30px;
	margin-top:15px
}

#homepage .portfolio-info .btn-primary:hover
{
	background:#f59831
}

#portfoliopage .portfolio-info .btn-primary:hover
{
	background:#e11379
}

#aboutpage .portfolio-container
{
	padding-left:60px;
	padding-right:60px;
	text-align:left
}

#aboutpage .portfolio-container .text
{
	font-size:14px;
	padding:20px 0;
	text-align:left
}

#aboutpage .portfolio-info-background .portfolio-container
{
	display:inline-block;
	vertical-align:middle;
	height:auto;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%)
}

#aboutpage #numbers .col-xs-6
{
	height:275px
}

/************   FAQ   ***************************/
.faq-answer
{
	display:none
}

#faq
{
	background:url(../images/faq.jpg) #050505 top center no-repeat;
	min-height:650px;
	height:auto;
	color:#fff;
	font-family:'Merriweather',serif,"Helvetica Neue"
}

#faq h2
{
	color:#f59831;
}

.faq-title
{
	font-size:18px;
	margin-bottom:10px;
	margin-top:15px;
	min-height:30px;
	cursor:pointer;
	position:relative
}

.faq-title .image
{
	display:inline-block;
	width:33px;
	height:33px;
	position:absolute;
	top:-2px
}

.faq-title .title
{
	display:inline-block;
	margin-left:35px
}

#faq .faq-title.active
{
	color:#f59831!important
}

#faq .faq-title i
{
	font-size:26px;
	padding-right:5px
}

#faq .faq-title .fa-plus-circle
{
	display:inline-block
}

#faq .faq-title .fa-minus-circle
{
	display:none
}

#faq .faq-title.active .fa-plus-circle
{
	display:none
}

#faq .faq-title.active .fa-minus-circle
{
	display:inline-block
}

.faq-answer
{
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px
}

/*************************************************/
#social .i-container
{
	margin-top:50px;
	padding-left:25px;
	padding-right:25px;
	color:#fff;
	text-decoration:none
}

#social .i-container i
{
	padding-right:2px
}

#social a
{
	color:#fff;
	text-decoration:none
}

i
{
	transition-duration:.3s;
	cursor:pointer
}

i:hover
{
	transform:scale(1.3)
}

#contactbox p,#contactbox a,#contactbox a:hover,#contactbox a:focus
{
	color:#fff!important
}

#footer p,#footer a,#footer a:hover,#footer a:focus
{
	color:#fff!important
}

/****************************************************/
#partners .carousel-inner img:hover
{
	transform:scale(1.2)
}

#partners .carousel-inner img
{
	transition-duration:.3s
}

/****************************************************/
.carousel-example-generic
{
}

.client-container
{
	clear:both;
	display:block;
	height:135px;
	padding-top:50px;
	margin-bottom:40px
}

.carousel-indicators
{
	bottom:-55px
}

.carousel-inner
{
	height:110px
}

.carousel-indicators
{
	background:transparent url(../images/line.png) no-repeat;
	background-position:top center
}

.carousel-indicators li
{
	position:relative;
	background-color:#eee;
	border:3px solid #000;
	border-radius:20px;
	cursor:pointer;
	display:inline-block;
	height:20px;
	text-indent:-999px;
	width:20px
}

.carousel-indicators .active
{
	background:transparent url(../images/point.png) no-repeat;
	background-position:-3px -3px;
	height:20px;
	width:20px;
	margin:1px
}

.carousel-inner .item.active
{
}

.carousel-inner .item
{
	height:110px;
	padding-top:50px
}

.carousel-inner .item .div
{
	height:100%
}

.carousel-inner .item img
{
	bottom:0;
	height:auto;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:auto
}

#carousel-mobile
{
	height:100px;
	margin-bottom:50px
}

#carousel-mobile .item
{
	padding-top:0
}

#carousel-mobile .carousel-indicators
{
	background:transparent url(../images/line2.png) no-repeat scroll center top!important;
	width:265px;
	margin-left:-133px
}

#carousel-pad .carousel-indicators
{
	background:transparent url(../images/line3.png) no-repeat scroll center top!important;
	width:160px;
	margin-left:-80px;
	margin-bottom:20px
}

#carousel-pad .carousel-inner
{
	height:110px
}

#carousel-pad img
{
	max-width:160px
}

/***************************************************/
#top4 .image-container
{
	width:auto;
	height:120px;
	padding-top:35px
}

#top4 .image-container .middle
{
	position:relative
}

#top4 .image-container img
{
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transition-duration:.3s
}

#top4 .image-container img:hover
{
	transform:scale(1.15)
}

/********************************************************/
#job h2
{
	margin-bottom:15px;
	color:#f59831;
}

#job .btn
{
	margin-top:110px
}

/*********************************************************/
#contact
{
	height:400px;
	position:relative
}

#contact .col-md-4 h2
{
	margin-top:20px
}

#contact .bg-black
{
	background-color:rgba(0,0,0,0.85);
	height:401px;
	margin-top:-1px;
	position:absolute;
	width:100%;
	z-index:1000
}

#homepage #contact h2
{
	font-size:24px;
	margin-bottom:10px;
	color:#f59831;
}

#aboutpage #contact h2
{
	font-size:24px;
	margin-bottom:10px;
	color:#77b62e
}

#portfoliopage #contact h2
{
	font-size:24px;
	margin-bottom:10px;
	color:#e11379
}

#careerpage #contact h2
{
	font-size:24px;
	margin-bottom:10px;
	color:#4694d8
}

#contactpage #contact h2
{
	font-size:24px;
	margin-bottom:10px;
	color:#614594
}

#contact p
{
	line-height:40px
}

#mapc
{
	overflow:hidden;
	height:400px;
	width:100%;
	position:absolute
}

/********************************************************/
#footer
{
	background:#000;
	color:#fff;
	font-size:14px
}

#footer .container
{
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	font-family:'Merriweather',serif,"Helvetica Neue"
}

/******************************************************/
#instagram
{
	width:100%;
	overflow-x:hidden;
	background:#fff
}

.instacontainer
{
	height:auto;
	width:100%;
	background:#fff!important;
	margin-bottom:68px;
	text-align:center;
	padding:0
}

.instacontainer::-webkit-scrollbar
{
	display:none
}

.instapic
{
	width:10%;
	height:auto;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	transition-duration:.3s;
	-webkit-transition:width .3s;
	background:#fff
}

.instapic img
{
	width:100%;
	height:auto
}

.instapic:hover
{
	filter:grayscale(0%);
	transition-duration:.3s;
	-webkit-transition:/* Safari */
	width .5s
}

@keyframes instacontainer {
	0%
	{
		margin-left:0
	}
	
	50%
	{
		margin-left:-5100px
	}
	
	100%
	{
		margin-left:0
	}
}

/* The element to apply the animation to */
/*********    VIDEO SECTION   ****************************/
.video-section .icons
{
	height:120px;
	margin-top:20px
}

#video
{
}

.video-section
{
	color:#fff;
	font-size:24px;
	height:750px
}

.video-section p
{
	font-size:20px
}

.video-section h2
{
	font-size:72px;
	margin-top:26px;
	margin-bottom:20px
}

.video-section .pattern-overlay
{
	background-color:rgba(0,0,0,0.4);
	padding:110px 0 32px;
	min-height:496px;
	height:750px
}

.video-section h1,.video-section h3
{
	text-align:center;
	color:#fff
}

.video-section h1
{
	font-size:110px;
	font-family:'Buenard',serif;
	font-weight:700;
	text-transform:uppercase;
	margin:40px auto 0;
	text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000
}

.video-section h3
{
	font-size:25px;
	font-weight:lighter;
	margin:0 auto 15px
}

.video-section .buttonBar
{
	display:none
}

.pattern-overlay .btn
{
	margin-top:55px
}

.player
{
	font-size:1px
}

/******************************************************/

#contactform
{
	padding-top:70px
}

#contactform .text-danger
{
	color:red;
	font-size:13px;
	text-align:right;
	margin-top:2px
}

#contactform label
{
	font-size:18px;
	text-transform:uppercase;
	font-weight:400
}

.form-control
{
	background-color:#f3f3f3;
	background-image:none;
	font-family:"Merriweather";
	border:1px solid #dbdbdb;
	border-radius:0;
	box-shadow:none;
	color:#555;
	display:block;
	font-size:18px;
	height:44px;
	line-height:44px;
	width:100%
}

.form-control.error
{
	border:1px solid red
}

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

#errorDiv_captcha_holder p
{
	text-align:center!important
}

.g-recaptcha
{
	display:inline-block;
	padding-top:30px
}

/*****************************************/


.panel-group .panel
{
	border-radius:0
}

.panel
{
	box-shadow:none
}

.panel-heading
{
	background:#000;
	color:#fff;
	text-transform:uppercase -webkit-border-radius: 0 0 0 0;
	border-radius:0 0 0 0
}

#accordion .panel-heading
{
	padding:0
}

#accordion .panel-heading h4
{
	padding-right:0
}

#accordion .panel-heading a
{
	padding:10px 0 10px 15px
}

.panel-default > .panel-heading
{
	background:#000;
	border:none;
	color:#fff;
	font-size:24px;
	font-weight:700
}

.panel-heading h4
{
	font-size:24px
}

#careerbox h3
{
	font-size:18px;
	font-weight:700;
	text-transform:uppercase
}

#careerbox .panel
{
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	border:none
}

#careerbox .panel-collapse
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc
}

#careebox p
{
	font-family:"Merriweather",serif,"Helvetica Neue"!important
}

#accordion .panel-title a
{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	background:transparent url(../images/btn-scroll-up2.png) no-repeat center right;
	padding-right:42px
}

#accordion .panel-title a:focus
{
	outline:0
}

#accordion .panel-title a.collapsed
{
	background:transparent url(../images/btn-scroll-down2.png) no-repeat center right
}


#social a
{
	width:13%;
	text-align:center;
	float:left;
	display:block;
	padding-top: 30px;
}



#social .tweetpost a
{
	float:none;
	text-align:left;
	width:auto;
	display:inline;

}


.errorbody
{
	background:#29272b;
	margin:0!important;
	border-width:0!important;
	font-family:'Merriweather',serif,"Helvetica Neue";
	color:#f59831;
	text-transform:uppercase
}

.error_1
{
	text-align:center;
	font-size:47px;
	line-height:56px;
	font-family:'Oswald',sans-serif
}

.errorpage
{
	margin-left:auto;
	margin-right:auto;
	height:100%;
	font-family:'Oswald',sans-serif!important
}

#outline
{
	width:900px;
	margin:0 auto;
	padding:0;
	padding-top:60px;
	padding-bottom:60px;
	background:#FFF;
	font-family:'Oswald',sans-serif
}

#errorboxoutline
{
	width:900px;
	margin:0;
	padding:0;
	border:1px solid #000
}

#errorboxheader
{
	width:900px;
	margin:0;
	padding:0;
	background:#E44249;
	color:#FFF;
	font-weight:700;
	font-size:12px;
	line-height:22px;
	text-align:center;
	border-bottom:1px solid #000;
	font-family:'Oswald',sans-serif
}

#errorboxbody
{
	margin:0;
	padding:10px;
	text-align:left;
	font-family:'Oswald',sans-serif
}

#techinfo
{
	margin:10px;
	padding:10px;
	text-align:left;
	border:1px solid #CCC;
	color:#CCC;
	font-family:'Oswald',sans-serif
}

#techinfo p
{
	color:#CCC;
	font-family:'Oswald',sans-serif
}

/**************   Careerpage modul ***************************/

#whyjoinus .bluebox,#whyjoinus .picturebox,#whyjoinus .whitebox
{
	height:370px;
	line-height:1.3em;
	width:370px;
	margin-bottom:25px;
	overflow: hidden;
}

#whyjoinus .bluebox.first
{
	height:430px;
	margin-bottom:30px
}

#whyjoinus .pictures
{
	height:435px;
	margin-bottom:25px
}

#whyjoinus .minipicturebox
{
	height:210px;
	margin-bottom:25px
}

#whyjoinus .carousel-inner
{
	height:430px
}

#whyjoinus .carousel-control
{
	margin-top:200px
}

#whyjoinus .carousel-inner .item
{
	height:430px;
	padding-top:0
}

#whyjoinus .carousel-caption
{
	bottom:10px;
	left:3%;
	right:3%;
	text-align:left;
	font-family:'Oswald',sans-serif;
	font-size:18px
}

#whyjoinus .bluebox
{
	background:url(../images/bluebox.png) #4694d8 no-repeat bottom left;
	padding:32px;
	font-size:18px
}

#whyjoinus .bluebox h3,#whyjoinus .whitebox h3,#whyjoinus .faqubox h3
{
	color:#000;
	font-size:30px;
	font-weight:800;
	margin-top:0
}

#whyjoinus .faqubox
{
	height:auto;
	background:#eee;
	padding:32px;
	font-size:18px;
	color:#000;
	margin-bottom:25px;

}

#whyjoinus .faqubox .answer
{
	color:#4694d8;
	text-align:right;
	font-style:italic
}

#whyjoinus .bluebox p
{
	color:#fff;
	font-weight:700;
}

#whyjoinus .whitebox
{
	background:#eee;
	padding:32px;
	font-size:18px;
	color:#000
}

#whyjoinus .picturebox
{
	position: relative;
}

#whyjoinus .picturebox .title
{
	position:absolute;
	bottom: 30px;
	line-height: 1.4;
	width:100%;
	font-size:30px;
	font-weight:700;
	font-family:'Oswald',sans-serif;
	background-color:rgba(70,148,216,0.5);
	color:rgba(70,148,216,0.5);
	padding:15px 10px;
	color:#fff
}



/****************  Error mobil méretek   ***********************/



@media only screen and (min-width: 1315px) {
	.error_1
	{
		font-size:40px!important;
		line-height:50px!important
	}
	
	.error_2
	{
		font-size:30px!important;
		line-height:35px!important
	}
	
	.error_img
	{
		width:50%!important
	}
}

@media only screen and (min-width: 1075px) and (max-width: 1314px) {
	.error_1
	{
		font-size:40px!important;
		line-height:50px!important
	}
	
	.error_2
	{
		font-size:30px!important;
		line-height:30px!important
	}
	
	.error_img
	{
		width:50%!important
	}
}

@media (min-width: 883px) and (max-width: 1074px) {
	.error_1
	{
		font-size:50px!important;
		line-height:70px!important
	}
	
	.error_2
	{
		font-size:40px!important;
		line-height:60px!important
	}
	
	.error_img
	{
		width:40%!important
	}

	#whyjoinus .bg-white .container {
		padding-bottom: 0px; 
		margin-bottom: 0px; 
	}

	#careerbox h2 
	{
		margin-top: 20px; 
	}




}

@media (max-width: 882px) {
	.error_1
	{
		font-size:60px!important;
		line-height:70px!important
	}
	
	.error_2
	{
		font-size:50px!important;
		line-height:60px!important
	}
	
	.error_img
	{
		width:90%!important
	}
}

/* MOBIL NÉZET INNENTŐL */
@media only screen and (min-width: 595px) and (max-width: 882px) {
	.error_1
	{
		font-size:60px!important;
		line-height:70px!important
	}
	
	.error_2
	{
		font-size:50px!important;
		line-height:60px!important
	}
	
	.error_img
	{
		width:90%!important
	}
	
	.error_1 span
	{
		display:none
	}
}

@media only screen and (max-width: 594px) {
	.error_1
	{
		font-size:60px!important;
		line-height:70px!important
	}
	
	.error_2
	{
		font-size:50px!important;
		line-height:60px!important
	}
	
	.error_img
	{
		width:90%!important
	}
	
	.error_1 span
	{
		display:none
	}
}




/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.linebreakmobile
	{
		display:none
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.social-left
	{
		text-align:right
	}
	
	.social-right
	{
		text-align:left
	}
	
	#careerpage #aboutus1 h2
	{
		margin-bottom:30px
	}
	
	#careerpage .panel-group .panel
	{
		-webkit-border-radius:4px 4px 0 0;
		border-radius:4px 4px 0 0
	}
	#social a:first-of-type
	{
		margin-left: 110px; 
	}
}

@media only screen and (min-width : 1025px) {
	.linebreak
	{
		display:none
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.his1,.his2,.his3,.his4,.his5,.his6
	{
		max-width:500px
	}
	
	#portfoliopage #aboutus1 h2,#contactpage #aboutus1 h2,#careerpage #aboutus1 h2
	{
		font-size:55px;
		margin-top:120px
	}
	
	#careerpage #aboutus1 h2
	{
		margin-bottom:50px
	}
	
	#portfoliopage #aboutus1,#contactpage #aboutus1
	{
		height:390px;
		overflow:hidden
	}
	
	#careerpage #aboutus1
	{
		height:530px;
		overflow:hidden
	}


	#careerpage #aboutus1 .bg-grey
	{
		height:545px;

	}
	
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#cookie .container
	{
		padding-top:100px
	}
	
	#aboutus1 .container
	{
		margin-bottom:30px;
		padding-bottom:30px
	}
	
	#aboutpage .portfolio-container
	{
		padding:20px
	}
	
	#abouthead
	{
		padding-top:60px
	}
	
	.about-top
	{
		width:435px;
		display:block;
		clear:both;
		height:40px;
		background:transparent url(../images/about-top.png) top right no-repeat
	}
	
	.about-bottom
	{
		width:435px;
		display:block;
		clear:both;
		height:30px;
		background:transparent url(../images/about-bottom.png) top right no-repeat
	}
	
	.about-left
	{
		width:435px;
		float:left;
		text-align:right;
		padding:0 20px 10px 10px;
		background:transparent url(../images/about.png) top right no-repeat
	}
	
	.about-left-arrow
	{
		background:transparent url(../images/about-bl.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		margin-left:-10px
	}
	
	.about-right-arrow
	{
		background:transparent url(../images/about-br.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		margin-right:-12px;
		margin-left:3px
	}
	
	.about-right
	{
		width:435px;
		float:right;
		text-align:left;
		padding:0 10px 10px 20px;
		background:transparent url(../images/about.png) top left no-repeat
	}
}

@media only screen and (max-width : 1200px) {
	
}

@media only screen and (max-width : 1200px) and (min-width : 992px) {
	#careerpage #aboutus1 h2 {
		margin-top: 90px;
	}

	#aboutus1 .container {
		margin-bottom: 0px;
		padding-bottom: 45px;
	}
}

@media only screen and (max-width : 1920px) {
	#video
	{
		background:#000 url(../images/mobile-head.jpg)
	}
	
	.hello
	{
		margin-top:0
	}
	
	#aboutpage .hello
	{
		margin-top:95px
	}
	
	.video-section
	{
		height:710px
	}
	
	.video-section .pattern-overlay
	{
		height:710px
	}
	
	#homepage .portfolio-info-background,#aboutpage .portfolio-info-background,#portfolio .portfolio-info-background
	{
		opacity:1;
		height:100%;
		text-align:center;
		width:100%;
		bottom:0;
		padding:15px
	}
	
	#aboutpage .portfolio-info-background .text
	{
		display:block;
		opacity:1
	}
	
	#aboutpage .img-responsive
	{
		margin-bottom:0
	}
	
	#aboutpage .portfolio-container
	{
		padding:2px
	}
	
	#aboutpage .portfolio-info-background
	{
		background:#eee none repeat scroll 0 0;
		color:#000;
		bottom:0;
		height:auto;
		position:relative;
		opacity:1;
		padding:25px;
		text-align:center;
		width:100%
	}
	
	#aboutpage .portfolio-info
	{
		border:0 solid #000;
		transform:none;
		margin-bottom:20px
	}
	
	#aboutpage .portfolio-info-background .portfolio-container
	{
		display:block;
		height:360px;
		position:relative;
		vertical-align:top;
		width:100%;
		transform:none
	}
	
	#aboutpage .portfolio-info-background .portfolio-container
	{
		transform:none
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {











	.navbar-brand
	{
		padding-top:19px
	}
	
	#video .hello
	{
		margin-top:58px;
		height:auto
	}
	
	#video
	{
		background:#000 url(../images/mobile-head.jpg)
	}
	
	#video,.video-section .pattern-overlay
	{
		height:650px
	}
	
	#video h2
	{
		font-size:58px;
		margin-bottom:20px;
		margin-top:20px
	}
	
	.video-section .pattern-overlay
	{
		padding:50px 0 32px
	}
	
	.pattern-overlay p
	{
		height:75px;
		display:block
	}
	
	.animation-scrolldown
	{
		clear:both
	}
	
	.video-section .icons
	{
		margin-top:23px
	}
	
	#abouthead
	{
		height:685px
	}
	
	#abouthead h2
	{
		font-size:56px
	}
	
	.container .jumbotron,.container-fluid .jumbotron
	{
		padding:0 20px
	}
	
	#aboutus1 h2
	{
		margin-bottom:30px
	}
	
	.portfolio-info-background h3
	{
		margin-top:0;
		margin-bottom:0
	}
	
	#portfolio .portfolio-info
	{
		/*height: 425px;*/
	}
	
	#portfolio .img-responsive
	{
		margin-bottom:0
	}
	
	#faq
	{
		background:#000;
		height:auto
	}
	
	#job
	{
		text-align:center
	}
	
	#contact
	{
		height:auto;
		position:relative
	}
	
	#contact .bg-black
	{
		z-index:1000;
		width:100%;
		height:auto;
		background-color:rgba(0,0,0,0.85);
		clear:both;
		position:relative
	}
	
	#contact h2
	{
		font-size:24px;
		margin-bottom:10px;
		margin-top:20px;
		color:#f59831
	}
	
	#contact p
	{
		line-height:24px
	}
	
	#mapc
	{
		overflow:hidden;
		height:400px;
		width:100%;
		position:relative
	}
	
	#aboutpage #skills .small
	{
		height:200px
	}
	
	#aboutpage #skills .big
	{
		height:320px
	}

	.veeva{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.about-top
	{
		width:365px;
		display:block;
		clear:both;
		height:40px;
		background:transparent url(../images/about-top.png) top right no-repeat
	}
	
	.about-bottom
	{
		width:365px;
		display:block;
		clear:both;
		height:30px;
		background:transparent url(../images/about-bottom.png) top right no-repeat
	}
	
	.about-left
	{
		width:365px;
		float:left;
		text-align:right;
		padding:0 20px 10px 10px;
		background:transparent url(../images/about.png) top right no-repeat
	}
	
	.about-left-arrow
	{
		background:transparent url(../images/about-bl.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		margin-left:-10px
	}
	
	.about-right-arrow
	{
		background:transparent url(../images/about-br.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		margin-right:-12px;
		margin-left:3px
	}
	
	.about-right
	{
		width:365px;
		float:right;
		text-align:left;
		padding:0 10px 10px 20px;
		background:transparent url(../images/about.png) top left no-repeat
	}
	
	.portfolio-info
	{
		margin-bottom:30px
	}
	
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus
	{
		background-color:#fff
	}
	
	.navbar-default .navbar-toggle
	{
		background-color:#fff
	}
	
	.navbar-default .navbar-toggle.collapsed
	{
		background-color:transparent
	}
	
	.navbar-default .navbar-toggle
	{
		border:2px solid #fff;
		-webkit-border-radius:0 0 0 0;
		border-radius:0 0 0 0
	}
	
	.navbar-default[aria-expanded=true]
	{
		background:#fff!important
	}
	
	.navbar-default[aria-expanded=false]
	{
		background:transparent
	}
	
	.navbar-toggle .icon-bar
	{
		background-color:#fff
	}
	
	.nav > li > a
	{
		display:block;
		padding:20px 18px 10px;
		font-size:18px
	}
	
	#homepage .navbar-default .navbar-toggle.collapsed .icon-bar
	{
		background:#fff
	}
	
	#homepage .navbar-default .navbar-toggle .icon-bar
	{
		background-color:#f59831
	}
	
	#aboutpage .navbar-default .navbar-toggle.collapsed .icon-bar
	{
		background:#fff
	}
	
	#aboutpage .navbar-default .navbar-toggle .icon-bar
	{
		background-color:#77b62e
	}
	
	#portfoliopage .navbar-default .navbar-toggle.collapsed .icon-bar
	{
		background:#fff
	}
	
	#portfoliopage .navbar-default .navbar-toggle .icon-bar
	{
		background-color:#e11379
	}
	
	#contactpage .navbar-default .navbar-toggle.collapsed .icon-bar
	{
		background:#fff
	}
	
	#contactpage .navbar-default .navbar-toggle .icon-bar
	{
		background-color:#614594
	}
	
	#careerpage .navbar-default .navbar-toggle.collapsed .icon-bar
	{
		background:#fff
	}
	
	#careerpage .navbar-default .navbar-toggle .icon-bar
	{
		background-color:#4694d8
	}
	
	.navbar-default .navbar-toggle span
	{
		border-color:#fff
	}
	
	#mobilehead
	{
		padding-bottom:12px;
		height:265px
	}
}


/* Small Devices, Tablets */
@media screen and (max-width : 768px) {
	
	
	#whyjoinus .faqubox .answer
	{
		color:#4694d8;
		font-style:italic;
		text-align:left;
		margin-top:10px
	}
	
	#aboutpage .portfolio-info-background .portfolio-container
	{
		height:360px!important
	}

	#whyjoinus .carousel-inner
	{
		height:320px
	}
	
	#whyjoinus .carousel-control
	{
		margin-top:120px
	}
	
	#whyjoinus .carousel-inner .item
	{
		height:320px;
		padding-top:0;
	}
	
	#whyjoinus .pictures
	{
		height:auto;
	}
	

	
	#whyjoinus .carousel-control
	{
		margin-top:62px
	}
	
	.portfolio-info
	{
		margin-bottom:10px
	}
	
	#skills .col-sm-6
	{
		min-height:210px
	}
	
	.mb-70
	{
		margin-bottom:40px
	}
	
	.navbar-brand
	{
		font-size:20px;
		margin-top:-1px
	}
	
	.videoWrapper
	{
		position:relative;
		padding-bottom:56.25%;
		/* 16:9 */
		padding-top:25px;
		height:0
	}
	
	.videoWrapper iframe
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%
	}
	
	h2.font-gold
	{
		line-height:1.4em;
		font-size:30px;
		margin-top:0;
		margin-bottom:0
	}
	
	#homepage #aboutus1 h2
	{
		margin-top:38px
	}
	
	#homepage #portfolio h2
	{
		margin-top:7px
	}
	
	#homepage #portfolio .btn-primary
	{
		margin-bottom:5px
	}
	
	#abouthead
	{
		height:auto
	}
	
	#aboutpage .hello
	{
		margin-top:30px
	}
	
	#aboutpage #abouthead h2
	{
		font-size:40px
	}
	
	#aboutpage #abouthead p
	{
		font-size:20px
	}
	
	#aboutpage .portfolio-info-background .portfolio-container
	{
		height:auto
	}
	
	.portfolio-info-background h3
	{
		width:100%;
		max-width:670px
	}
	
	.hello
	{
		margin-top:50px;
		margin-bottom:10px
	}
	
	#contactpage select
	{
		margin-bottom:10px
	}
	
	#social a
	{
		width:33%;
		text-align:center;
		float:left;
		display:block;
		margin-bottom:20px
	}
	
	#aboutpage #skills h3
	{
		font-size:20px
	}
	
	#aboutpage #aboutus1 h2
	{
		padding-top:37px
	}
	
	#top4 .image-container
	{
		padding-top:50px
	}
	
	h2
	{
		font-size:36px;
		margin-top:40px;
		margin-bottom:20px
	}
	
	.container
	{
		padding-bottom:40px
	}
	
	p
	{
		font-size:16px;
		line-height:1.5em
	}
	
	#faq
	{
		height:auto;
		background:#000
	}
	
	#mobilehead
	{
		background:url(../images/mobile-head-small.jpg) top center no-repeat #000;
		background-position:0 -80px;
		padding-top:40px;
		color:#fff
	}
	
	#mobilehead p
	{
		font-size:14px;
		text-align:center
	}
	
	#mobilehead .icons
	{
		height:100px;
		margin-top:30px
	}
	
	.jumbotron p
	{
		font-size:16px;
		font-weight:200;
		padding:15px;
		margin-bottom:0
	}
	
	.jumbotron p .btn
	{
		margin-bottom:0;
		margin-top:0
	}
	
	#job .btn
	{
		margin-top:20px
	}
	
	#social .i-container i
	{
		font-size:40px;
		margin-bottom:20px
	}
	
	#social .i-container
	{
		padding-left:18px;
		padding-right:18px
	}
	
	.btn-primary
	{
		background:transparent none repeat scroll 0 0;
		border:3px solid #000;
		border-radius:0;
		color:#000;
		font-weight:700;
		margin-top:20px;
		padding:10px 30px
	}
	
	.client-container-mobile .col-xs-6
	job .btn{
		margin-top:20px;
		height:60px
	}
	
	.client-container-pad .col-sm-4
	{
		margin-top:0;
		padding-top:0;
		height:100px
	}
	
	.client-container-pad .item
	{
		padding-top:0
	}
	
	#top4 .image-container img
	{
		max-height:80px;
		max-width:110px
	}
	
	#portfoliopage #aboutus1 h2,#contactpage #aboutus1 h2,#careerpage #aboutus1 h2
	{
		font-size:36px;
		margin-top:80px
	}
	
	#portfoliopage #aboutus1,#contactpage #aboutus1,#careerpage #aboutus1
	{
		height:auto
	}
	
	#aboutpage #skills .small
	{
		height:auto
	}
	
	#aboutpage #skills .big
	{
		height:auto
	}
	
	#aboutus1 h3
	{
		display:inline-block;
		font-size:18px;
		font-weight:400;
		margin-top:0;
		padding-top:0;
		position:absolute;
		left:150px
	}
	
	#aboutus1 .bubble
	{
		background:#77b62e none repeat scroll 0 0;
		border-radius:5px;
		color:#fff;
		display:inline-block;
		font-size:14px;
		height:22px;
		line-height:18px;
		margin-left:10px;
		margin-right:10px;
		padding-top:3px;
		text-align:center;
		width:90px;
		position:absolute;
		left:40px
	}
	
	.about-top
	{
		width:100%;
		display:block;
		clear:both;
		height:40px;
		background:transparent url(../images/about-top.png) top left no-repeat
	}
	
	.about-bottom
	{
		width:100%;
		display:block;
		clear:both;
		height:30px;
		background:transparent url(../images/about-bottom.png) top left no-repeat
	}
	
	.about-left
	{
		width:100%;
		float:left;
		text-align:left;
		padding:0 10px 10px 20px;
		background:transparent url(../images/about.png) top left no-repeat
	}
	
	.about-left-arrow
	{
		background:transparent url(../images/about-br.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		position:absolute;
		left:54px
	}
	
	.about-right-arrow
	{
		background:transparent url(../images/about-br.png) top left no-repeat;
		background-position:0 5px;
		width:8px;
		height:18px;
		display:inline-block;
		position:absolute;
		left:41px
	}
	
	.about-right
	{
		width:100%;
		float:left;
		text-align:left;
		padding:0 10px 10px 20px;
		background:transparent url(../images/about.png) top left no-repeat
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	#aboutus1 h2 {
		margin-bottom: 10px;
	}


	#aboutus1.btn-primary {

		margin-top: 10px;

	}


	#careerbox h2 {
		margin-bottom: 30px; 
	}
	
	#contactbox .font-60
	{
		font-size:36px!important
	}
	
	#aboutpage .portfolio-info-background .portfolio-container
	{
		height:auto!important
	}
	
	#aboutpage .portfolio-info-background
	{
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.icons img
	{
		width:80%
	}
	
	#mapc
	{
		height:300px
	}
}

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

	#whyjoinus .picturebox .title {
		background-color: rgba(70, 148, 216, 0.5);
		color: #fff;
		font-family: "Oswald",sans-serif;
		font-size: 24px;
		font-weight: 700;
		margin-top: -70px;
		padding: 15px 10px;
		position: absolute;
		width: 100%;
	}
	
	#whyjoinus .bluebox,#whyjoinus .whitebox
	{
		height:auto;
		padding-bottom:50px;
		width:auto;
	}
	
	#whyjoinus .picturebox,#whyjoinus .minipicturebox
	{
		height:auto;
		width:auto;
	}
	
	#whyjoinus .picturebox img,#whyjoinus .minipicturebox img
	{
		width:100%
	}
	
	#whyjoinus .bluebox.first
	{
		height:auto
	}
}


@media only screen and (max-width : 766px) {
	#portfolio .portfolio-info
	{
		height:auto
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}




/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

	#whyjoinus {
		padding-bottom:10px; 
	}


}


/* Landscape */
@media only screen  and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  and (-webkit-min-device-pixel-ratio: 1) {
	#whyjoinus .bg-white .container {
		padding-bottom: 0px; 
		margin-bottom: 0px; 
	}

	#careerbox h2 
	{
		margin-top: 30px; 

	}

}

/* Landscape */
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: landscape)  and (-webkit-min-device-pixel-ratio: 2) {
	#whyjoinus .bg-white .container {
		padding-bottom: 0px; 
		margin-bottom: 0px; 
	}

	#careerbox h2 
	{
		margin-top: 30px; 

	}

}


@media screen and (min-width : 767px) and (max-width : 769px) {

	#whyjoinus .carousel-inner {
		height: 395px;
	}

	#whyjoinus .carousel-inner .item {
		height: 395px;
		padding-top: 0;
	}

	#whyjoinus .pictures {
		height: auto;
	}

	#whyjoinus .carousel-control {
		margin-top: 0;
		padding-top: 165px;
	}

}

/* carosuel fix for career page */

#careerpage #whyjoinus .pictures{
	margin-bottom: 20px;
	height: auto;
}

#careerpage #whyjoinus .carousel-inner{
	height: auto;
}

#careerpage #whyjoinus .carousel-inner .item{
	height: auto;
}

#careerpage .carousel-inner .item img{
	position: static;
}

#careerpage #whyjoinus .carousel-caption{
	font-size: 16px;
	bottom: 3%;
	padding: 0;
}
#careerpage #whyjoinus .carousel-control{
	width: 10%;	
	margin: 0;

}
#careerpage #whyjoinus .carousel-control.right img{
	right: 15px;
}

#careerpage #whyjoinus .carousel-control.left img{
	left: 15px;
}

#careerpage #whyjoinus .carousel-control img{
	position: absolute;
	max-width: 100%;
	top: calc( 50% - 15px);
}

/* vertical spaceing problems fixed */

#careerpage .btn-primary{
	margin-bottom: 10px;
}

#careerpage #whyjoinus .bluebox.first, #careerpage #whyjoinus .bluebox, #careerpage #whyjoinus .picturebox, #careerpage #whyjoinus .whitebox, #careerpage #whyjoinus .faqubox, #careerpage #whyjoinus  .minipicturebox{
	margin-bottom: 20px;
}

#careerpage #whyjoinus .bluebox{
	padding-bottom: 70px;
}

#careerpage #whyjoinus .whitebox, #careerpage #whyjoinus .faqubox{
	padding-bottom: 22px;
}

#careerpage #aboutus2 h2{
	margin-top: 40px;
}
#careerpage #aboutus2 .container{
	padding-bottom: 25px;
}


/* grid layout */
.grid{
	margin: 0 auto;
	min-width: 100%;
}
/* mobile first */
.grid-sizer, .grid-item, .grid-item--width2 {
	width: 100%;
	padding: 0 15px;
}
.minipicturebox {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;	
}

.minipicturebox iframe, .minipicturebox object, .minipicturebox embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media screen and (min-width: 400px) {
	#careerpage #whyjoinus .bluebox, #careerpage #whyjoinus .picturebox, #careerpage #whyjoinus .whitebox, #careerpage #whyjoinus .faqubox, #careerpage #whyjoinus .picturebox, #careerpage #whyjoinus .minipicturebox {
		width: 100%;
		height: auto;
		margin: 0 auto 30px;
	}
	#careerpage #whyjoinus img{
		width: 100%
	}
	#careerpage #whyjoinus .minipicturebox{
		height: auto;
	}
}

@media screen and (min-width: 768px) {
	#careerpage #whyjoinus .bluebox, #careerpage #whyjoinus .picturebox, #careerpage #whyjoinus .whitebox, #careerpage #whyjoinus .faqubox,  #careerpage #whyjoinus .pictures, #careerpage #whyjoinus .minipicturebox{
		width: auto;
		height: auto;
		margin: 0 auto 30px 0;
	}
	.grid-sizer, .grid-item{
		padding: 0 15px;
		transform: none;
		-webkit-transform: none;
		width: 360px;
	}
	.grid-item--width2{
		width: 720px;
	}
}

@media screen and (min-width: 992px) {
	.grid{
		min-width: 0;
	}
	.grid-sizer, .grid-item{
		padding: 0 15px;
		transform: none;
		-webkit-transform: none;
		width: 370px;
	}
	.grid-item--width2{
		width: 740px;
	}
}