@charset "utf-8";

/* CSS Document */
/* 	--------------------------------------------------------------------------------------------------
 																							1024px < x
	-------------------------------------------------------------------------------------------------- */
@media screen and (min-width:64em)
{
.container
{
					width: 992px;
}

/* Header */
#header
{
					top: 24px;
}

#navigation li
{
					margin-left: 24px;
					margin-right: 24px;
}
/* end Header */
/* Homepage slider */
/*#featArea #nmSlider .bordered-box
{
					padding-top: 4%;
					padding-bottom: 4%;
}

#featArea #nmSlider .buttons
{
					margin-top: 4%;
}

#featArea #nmSlider .bordered-box h1
{
					font-size: 2.250em;
}

#featArea #nmSlider .bordered-box h2
{
					font-size: 1.5em;
}

#featArea #nmSlider .buttons a
{
					font-size: 1.125em;
}*/
/* end Homepage slider */

/* Feat Area */
#featArea
{
					height: 600px;
}

#featArea .bordered-box
{
					margin-top: 6%;
					padding: 4% 48px;
}

#featArea .bordered-box h1
{
					font-size: 3.750em;
}

#featArea h2.subtitle
{
					font-size: 1.5em;
}
/* end Feat Area */

/* About page */
.img-boxes.col4 .col
{
					padding: 114px 24px 24px 24px;
}
/* end About page */
}
/* 	--------------------------------------------------------------------------------------------------
 																							1280px < x
	-------------------------------------------------------------------------------------------------- */
@media screen and (min-width:80em)
{
.container
{
					width: 1158px;
}
}
/* 	--------------------------------------------------------------------------------------------------
 																							1440px < x
	-------------------------------------------------------------------------------------------------- */
@media screen and (min-width:90em)
{
.container
{
					width: 1360px;
}

.item-links  a.item h2
{
					font-size: 3.1em;
}

.item-links  a.item *
{
					font-size: 1.25em;
}

/* Feat Area */
#featArea
{
					height: 800px;
}

#featArea .bordered-box
{
					margin-top: 5%;
					padding: 5% 48px;
}

#featArea .bordered-box h1
{
					font-size: 6.5em;
}

#featArea h2.subtitle
{
					font-size: 2.750em;
}
/* end Feat Area */
}
/* 	--------------------------------------------------------------------------------------------------
 																							1440px >= x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:90em)
{
#clients-section .title_w_borders:before
{
					width: 90%;
}

#clients-section #ourSuccess .title_w_borders:before
{
					width: 60%;
}

/*#clients-section .title_w_borders h3
{
					font-size: 3em;
}*/
.large.title_w_borders:before
{
					width: 80%;
}
}
/* 	--------------------------------------------------------------------------------------------------
 																							1023px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:63.938em)
{
.container
{
					width: 95%;
}

/* Header */
#header
{
					top: 24px;
}

#header .logo
{
					width: 144px;
}

#navigation li
{
					margin-left: 12px;
					margin-right: 12px;
}

#navigation li a
{
					font-size: 0.938em;
}
/* end Header */
/* Homepage slider */
#featArea #nmSlider .bordered-box
{
					padding-top: 4%;
					padding-bottom: 4%;
					border-width: 12px;
}

#featArea #nmSlider .buttons
{
					margin-top: 4%;
}

#featArea #nmSlider .bordered-box h1
{
					font-size: 1.875em;
}

#featArea #nmSlider .bordered-box h2
{
					font-size: 1.125em;
}

#featArea #nmSlider .bordered-box h3
{
					font-size: 1em;
}

#featArea #nmSlider .buttons a
{
					border-width: 3px;
					font-size: 1em;
}
/* end Homepage slider */

.section .bordered-box p
{
					font-size: 1em;
}

#clients-section .title_w_borders:before
{
					width: 100%;
}

#clients-section .title_w_borders h3
{
					font-size: 2.250em;
}

/* Homepage */
#about-section img
{
					width: 70%;
}

.section .bordered-box
{
					padding: 4%;
					margin-top: 3%;
}

.item-links a.item
{
					border: none
}

.item-links  a.item h2
{
					font-size: 1.875em;
}

.item-links  a.item *
{
					font-size: 1em;
}
/* end Homepage */

/* Feat Area */
#featArea
{
					height: 488px;
}

#featArea .bordered-box
{
					margin-top: 6%;
					padding: 4% 48px;
					border-width: 12px;
}

#featArea .bordered-box h1
{
					font-size: 3.750em;
}

#featArea h2.subtitle
{
					font-size: 1.5em;
}
/* end Feat Area */

/* About page */
.img-boxes.col4 .col
{
					display: block;
					width: 100%;
					padding: 114px 40px 96px 40px;
					border-left: none;
					border-bottom: 2px solid #c5c5c5;
}

.img-boxes.col4 .col:last-child
{
					padding-bottom: 40px;
}

.img-boxes.col4 .col:first-child:after
{
					top: -7px;
					right: -9px;
					bottom: auto;
					left: auto;
}

.img-boxes.col4 .col:last-child:before
{
					top: auto;
					right: auto;
					bottom: -9px;
					left: -9px;
}

.img-boxes.col4 .col:last-child:after
{
					bottom: -9px;
					right: -9px;
}

#about-page .title_w_borders:before
{
					width: 90%;
}

#about-page .title_w_borders
{
					margin-bottom: 48px;
}

#about-page .title_w_borders h3
{
					padding-bottom: 15px;
					margin-bottom: 15px;
					font-size: 3em;
}

.text-box
{
					padding-left: 5%;
					padding-right: 5%;
}

.logos-box
{
					width: 100%;
}
/* end About page */

.services .cl
{
					width: 100%;
}

.services .item .col
{
					padding-top: 48px;
					padding-bottom: 48px;
}
}
/* 	--------------------------------------------------------------------------------------------------
 																							979px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:61.188em)
{
.section .bordered-box .title_w_borders h3:before,
.section .bordered-box .title_w_borders h3:after {
					width: 15%;
}

.section .bordered-box .title_w_borders h3:before {
					left: -15%;
}

.section .bordered-box .title_w_borders h3:after {
					right: -15%;
}
}
/* 	--------------------------------------------------------------------------------------------------
 																					 		 800px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:50em)
{
img.alignright,
img.alignleft { display: block; float: none; margin-left: auto; margin-right: auto; }

/* Header */
#mobile-header 
{
        			display: block;
					float: right;
}

#hamburger-menu 
{
				  position: relative;
				  width: 48px;
				  height: 48px;
				  border: 1px solid #fff;
				  padding: 0;
}

#hamburger-menu:before 
{
				  content: "";
				  position: absolute;
				  top: 15px;
				  left: 8px;
				  width: 30px;
				  height: 17px;
				  border-top: 10px double #fff;
				  border-bottom: 3px solid #fff
}

#mobile-header a
{
        			display: inline-block;
					padding: 7px 12px;
					font-weight: 700;
					color: #fff;
					-webkit-transition: all 0.3s ease-out;
					   -moz-transition: all 0.3s ease-out;
					     -o-transition: all 0.3s ease-out;
					        transition: all 0.3s ease-out;
}

#mobile-header a:hover,
#mobile-header a:active
{
					background-color: #1e83b2;
}

#navigation
{
					display: none
}

.sidr
{
					display: none;
					position: absolute;
					position: fixed;
					top: 0;
					height: 100%;
					z-index: 999999;
					width: 260px;
					overflow-x: none;
					overflow-y: auto;
					font-size: 14px;
					background-color: #1e83b2;
					color: #fff;
					font-weight: 600;
					text-transform: uppercase;
}

.sidr .sidr-inner
{
	padding: 0 0 15px
}

.sidr .sidr-inner>p
{
	margin-left: 15px;
	margin-right: 15px
}

.sidr.right
{
	left: auto;
	right: -260px
}

.sidr.left
{
	left: -260px;
	right: auto
}

.sidr ul
{
					display: block;
					margin: 0 0 15px;
					padding: 0;
}

.sidr ul li
{
					display: block;
					padding-bottom: 0;
					margin: 0;
					line-height: 48px;
}

.sidr ul li a
{
					-webkit-transition: all 0.3s ease-out;
					   -moz-transition: all 0.3s ease-out;
					     -o-transition: all 0.3s ease-out;
					        transition: all 0.3s ease-out;
}

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span
{
					background-color: #fff;
					color: #000;
}

.sidr ul li a,
.sidr ul li span
{
					padding: 0 15px;
					display: block;
					text-decoration: none;
					color: #fff
}

.sidr ul li ul
{
					border-bottom: none;
					margin: 0
}

.sidr ul li ul li
{
					line-height: 40px;
					font-size: 13px
}

.sidr ul li ul li:last-child
{
					border-bottom: none
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active
{
					border-top: none;
					line-height: 41px
}

.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span
{
					-webkit-box-shadow: inset 0 0 15px 3px #222;
					-moz-box-shadow: inset 0 0 15px 3px #222;
					box-shadow: inset 0 0 15px 3px #222
}

.sidr ul li ul li a,
.sidr ul li ul li span
{
					color: rgba(255,255,255,0.8);
					padding-left: 30px
}
/* end Header */

/* Homepage */
.section.fullHeight#page-links
{
					padding-top: 0;
					padding-bottom: 0;
					height: auto;
}

.item-links  a.item
{
					display: block;
					width: 100%;
					height: 488px;
					margin: auto;
}

.item-links  a.item .overlay:before,
.item-links  a.item .overlay:after
{
					background-color: transparent;
}

.item-links  a.item .wrapper
{
					position: absolute;
					top: 50%;
					left: 0;
					padding: 5%;
					width: 100%;
					-webkit-transform: translateY(-50%);
					   -moz-transform: translateY(-50%);
					    -ms-transform: translateY(-50%);
					        transform: translateY(-50%);
}
/* end Homepage */
/* Services page */
.services .item .col
{
					padding-top: 48px;
					padding-bottom: 48px;
}
/* end Services page */
/* Case Studies page */
#case-studies .owl-carousel
{
					width: 80%;
}

#case-studies header
{
					padding: 10% 20%;
}

#case-studies .wrapper
{
					font-size: 16px;
}

#case-studies h2
{
					padding-bottom: 48px;
					margin-bottom: 48px;
					font-size: 48px;
}
/* end Case Studies page */

#contact-page .img-boxes .col-1_2
{
					width: 100%;
}

#contact-page .img-boxes .border
{
					display: none
}
}
/* 	--------------------------------------------------------------------------------------------------
 																					 		 767px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:48em)
{
.section .bordered-box .title_w_borders h3:before,
.section .bordered-box .title_w_borders h3:after {
					width: 5%;
}

.section .bordered-box .title_w_borders h3:before {
					left: -5%;
}

.section .bordered-box .title_w_borders h3:after {
					right: -5%;
}
/* Case Studies page */
#case-studies .wrapper,
#case-studies .col
{
					padding-left: 10%;
					padding-right: 10%;
}

#case-studies .col
{
					display: block;
}

#case-studies .col.left
{
					width: 100%;
					padding-bottom: 48px;
					border-right: none
}

#case-studies .col.right
{
					width: 100%;
}

#case-studies .col h3.name
{
					padding-top: 0;
}
/* end Case Studies page */

.serv-intro ul img
{
					display: block;
					margin: auto;
}

.serv-intro ul strong
{
					display: block;
					text-align: center;
}
}

/* 	------------------------------------------------------------------------------------ 800px >=y  */
@media screen and (max-height:50em),
			  and (max-device-height: 50em) 
{
/* Homepage slider */
#featArea #nmSlider .bordered-box
{
					padding-top: 2.5%;
					padding-bottom: 2.5%;
}

#featArea #nmSlider .bordered-box h1
{
					padding-bottom: 2.5%;
					margin-bottom: 2.5%;
}

#scrollDown
{
					bottom: 12px;
}

#featArea .#nmSlider .buttons
{
					margin-top: 4%;
}

#featArea .#nmSlider .bordered-box h2
{
					font-size: 1.875em;
}

#featArea .#nmSlider .buttons a
{
					font-size: 1.5em;
}
/* end Homepage slider */

/* Contact page */
.location-buttons a,
.location-buttons span
{
					font-size: 1em;
					line-height: 1.875em
} 

.location-buttons a
{
					padding-left: 21px;
					padding-right: 21px;
}

#contact-page .map iframe
{
					height: 380px;
}

.title_w_borders h3
{
					font-size: 3em;
}

.title_w_borders:before
{
					width: 90%;
}

#contact-page form
{		
					left: 0;
}
/* end Contact page */
}

/* 	--------------------------------------------------------------------------------------------------
 																							600px >=y
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-height:37.5em),
			  and (max-device-height: 37.5em) 
{
#featArea #nmSlider .bordered-box
{
					padding-top: 2%;
					padding-bottom: 2%;
}

#featArea #nmSlider .bordered-box h1
{
					padding-bottom: 2%;
					margin-bottom: 2%;
					font-size: 2.250em;
}

#featArea #nmSlider .bordered-box h3
{
					font-size: 1em;
}
}

/* 	--------------------------------------------------------------------------------------------------
 																					 		 640px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:40em)
{

/* Homepage slider */
#featArea #nmSlider .bordered-box
{
					padding-top: 4%;
					padding-bottom: 4%;
}

#featArea #nmSlider .buttons
{
					margin-top: 4%;
}

#featArea #nmSlider .bordered-box h1
{
					font-size: 1.25em;
}

#featArea #nmSlider .bordered-box h2
{
					font-size: 1em;
}

#featArea #nmSlider .bordered-box h3 {
    				font-size: 0.875em;
}

#featArea #nmSlider .buttons a
{
					padding-left: 6px;
					padding-right: 6px;
					font-size: 0.875em;
					letter-spacing: 0.2em;
}

#scrollDown
{
					font-size: 0.750em;
}
/* end Homepage slider */

#clients-section .title_w_borders:before
{
					display: none
}

.section.fullHeight
{
					padding-top: 48px;
					padding-bottom: 48px;
					height: auto;
}

.section.fullHeight .centered-y
{
					position: static;
					-webkit-transform: translateX(0);
					   -moz-transform: translateX(0);
					    -ms-transform: translateX(0);
					        transform: translateX(0);
}

.section .bordered-box .title_w_borders h3:before,
.section .bordered-box .title_w_borders h3:after {
					display: none;
}

/* Feat Area */
#featArea
{
					height: 392px;
}

#featArea .bordered-box
{
					margin-top: 8%;
}

#featArea .bordered-box h1
{
					font-size: 3em;
}

#featArea h2.subtitle
{
					font-size: 1.125em;
}
/* end Feat Area */

/* Services page */
.services .item .col
{
					display: block;
					padding-top: 0;
					padding-bottom: 60px;
					text-align: center;
}

.services .item .col.left
{
					width: 100%;
					padding: 0;
}

.services .item img
{
					display: block;
					margin-left: auto;
					margin-right: auto
}

.services .item h2:before
{
					left: 50%;
					margin-left: -25px;
}
/* end Services page */

/* Contact page */
#contact-page .img-boxes .col-1_3,
#contact-page .img-boxes .col-1_2
{
					width: 100%;
}

#contact-page .img-boxes .border
{
					display: none
}

.location-buttons a,
.location-buttons span
{
					display: block;
} 

#contact-page form .col
{		
					display: block;
					padding-top: 0;
					padding-bottom: 0;
}
/* end Contact page */

/* About page */
.img-boxes.col4 .col
{
					padding-left: 24px;
					padding-right: 24px;
}

blockquote.custom 
{
					font-size: 1.250em;
					line-height: 1.2em;
}
/* end About page */
/* Case Studies page */
#case-studies .owl-carousel
{
					width: 70%;
}

#case-studies .owl-controls .owl-prev
{
					left: -48px;
}

#case-studies .owl-controls .owl-next
{
					right: -48px;
}

#case-studies a.item.active .image,
#case-studies a.item:hover .image,
#case-studies a.item:active .image
{
					border-width: 15px;
}
/* end Case Studies page */

/* Footer */
#footer
{
					padding-top: 24px;
					padding-bottom: 12px;
					font-size: 1em;
}

#footer .col
{
					display: block;
					width: 100%;
					padding-bottom: 12px;
}
/* end Footer */
}
/* 	--------------------------------------------------------------------------------------------------
 																					 		 480px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:30em)
{
body
{
	font-size: 0.875em;
}

/* Homepage slider */
#featArea #nmSlider
{
					height: 480px !important;
					background-color: #000
}

#featArea #nmSlider .bordered-box
{
					padding-top: 5%;
					padding-bottom: 5%;
}

#featArea #nmSlider .buttons
{
					margin-top: 5%;
}

#featArea #nmSlider .bordered-box h1
{
					font-size: 1.25em;
					line-height: 1.1em
}

#featArea #nmSlider .bordered-box h2
{
					font-size: 0.875em;
					line-height: 1.2em
}

#featArea #nmSlider .buttons a
{
					font-size: 0.75em;
					letter-spacing: 0.4em;
}

#scrollDown
{
					bottom: 12px;
}
/* end Homepage slider */

/* About page */
#about-page .title_w_borders h3
{
					font-size: 2.5em;
}

.logos-box .row
{
					display: inline;
}

.logos-box .col-1_3
{
					display: inline-block;
					width: 49%;
}

.logos-box .col-1_3:nth-child(2n+1)
{
					clear: both;
}
/* end About page */
}
/* 	--------------------------------------------------------------------------------------------------
 																					 		 360px >=x
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-width:22.5em)
{
}

/* 	--------------------------------------------------------------------------------------------------
 																							500px >=y
	-------------------------------------------------------------------------------------------------- */
@media screen and (max-height:31.25em),
			  and (max-device-height: 31.25em) 
{
#featArea #nmSlider
{
					height: 500px !important
}
}