/****** FILE: themes/permaloo/css/typography.css *****/
.uppercase{text-transform: uppercase;}
.uppercasebBOLD{text-transform: uppercase; font-weight:bold; }
.benefitHeadingWhite{font-size: 22px; font-weight:bold; color:#fff; }

/****** FILE: themes/permaloo/css/slicknav.css *****/
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */

.slicknav_menu {
    display:none;
}

@media screen and (max-width: 1056px) {
    .js #menu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }
}
.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0.438em 0.625em 0.438em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
    margin:28px 0; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 5px; }

.slicknav_menu {
    *zoom: 1; }
.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
.slicknav_menu .slicknav_icon {

}
.slicknav_menu .slicknav_no-text {
    margin: 0; }
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 40px;
    height: 5px;}
.slicknav_menu:before {
    content: " ";
    display: table; }
.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
    clear: both; }
.slicknav_nav ul {
    display: block; }
.slicknav_nav li {
    display: block; }
.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
    cursor: pointer; }
.slicknav_nav .slicknav_item a {
    display: inline; }
.slicknav_nav .slicknav_row {
    display: block; }
.slicknav_nav a {
    display: block; }
.slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
    float: left; }

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;

}
.slicknav_menu * {
    box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
    font-size:0;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {

    text-decoration: none;

}

.slicknav_nav {
    color: #fff;
    margin: 0 0 15px;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden; }
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #fff; }
.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
.slicknav_nav a:hover, .slicknav_nav li.active a{
    color: #89C9CC; }
.slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px; }


/****** FILE: themes/permaloo/css/bxslider.css *****/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.bxslider {}
.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;

	height:autop;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	left: -0px;	
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	/*min-height: 50px;
	background: url(../images/loder.gif) center center no-repeat #fff;
	min-height:100px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;*/
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	/*background: url(../images/prev_arrow.png) no-repeat;*/
}

.bx-wrapper .bx-next {
	right: 10px;	
	/*background: url(../images/next_arrow.png) no-repeat;*/
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;	
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	/*background: url(../images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */




/****** FILE: themes/permaloo/css/fancybox.css *****/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox {}
.fancybox-media {}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	padding:0px !important;
	text-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/popup/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/popup/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/popup/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/popup/fancybox_overlay2.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding: 5px 10px; 
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/popup/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/popup/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/****** FILE: themes/permaloo/css/style.css *****/
@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
body {
    margin:0;
    padding:0;
    font-family: 'titilliumlight';
    font-size:20px;
    color:#231f20;
}
:focus {
    outline:none;
}
ul, li, ol {
    list-style:none;
}
a {
    text-decoration:none;
    color:inherit;	
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
a:active, a:hover {
    outline: 0;
}
a img, img {
    border:none;
    vertical-align:middle;	
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border:none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
    padding:0 10px;
    border:1px solid #ccc;
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
textarea {
    padding:10px;
    resize:none;
    overflow: auto;	
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
    box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.relative {
    position:relative;
}
.menu-icon {
    display:none;
    border:1px solid #ddd;	
    padding:9px 10px;
    background-color:transparent;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.menu-icon:hover { background-color:#ddd;}
.menu-icon span {
    display:block;
    background-color:#888;
    height:2px;
    width:22px;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.menu-icon span + span { 
    margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
    display:table;
    content:"";
}
.clearfix:after {
    clear:both;
}
.container {
    width:1056px;
    margin:0px auto -1px;	
}
.container:before, .container:after {
    display:table;
    content:" ";
}
.container:after {
    clear:both;
}


#header { background:#231f20;}
#header .header {}
#header .header .logo { float:left; padding:12px 0;}
#header .header .image { float:left; padding:0 0 0 10px;}


#nav { float:left; padding:40px 0 0 10px;}
@media (min-width: 768px) {	
    #nav ul {}
    #nav ul li { display:block;	float:left;	position:relative; line-height:14px;}
    #nav ul li + li { border-left:1px solid #fffffe;}
    #nav ul li a { display:block; font-size:14px; color:#fffffe; text-transform:uppercase; padding:0 10px;}
    #nav ul li a:hover, #nav ul li.active a { color:#8bc9cb;}



    /* Drop Down */
    #nav ul li ul { display:none; width:200px; position:absolute; left:0; top:100%; z-index:999; background:#ccc;
                    -webkit-transition: all 0.6s ease-in-out;
                    -moz-transition: all 0.6s ease-in-out;
                    -o-transition: all 0.6s ease-in-out;
                    transition: all 0.6s ease-in-out;

    }
    #nav ul li:hover > ul { display:block; }
    #nav ul li ul li { float:none; }
    #nav ul li ul li a { color:#fff;}

    #nav ul li ul li a:hover { background-color:#F00;}
    #nav ul li ul li ul { left:100%; top:0;}
    /* Drop Down */
}

#banner { position:relative;}
#banner ul {}
#banner ul li { min-height:960px; background-position:center center;}
#banner ul li { background: no-repeat center center / cover;}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    top:0;
}
.bx-wrapper .bx-caption .container { height:100%;}
.bx-wrapper .bx-caption .box_1 { background:rgba(48,137,140,0.8); padding:50px 0 20px 50px; max-width:384px; height:384px; margin-top:48px;}
.bx-wrapper .bx-caption .box_1 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:80px; font-family: 'tradegothicboldcondtwenty'; text-transform:uppercase;}/* 000000000 */
.bx-wrapper .bx-caption .box_1 .link {}
.bx-wrapper .bx-caption .box_1 .link a { display:inline-block; padding:10px 25px; border:2px solid #fff; color:#fff; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
.bx-wrapper .bx-caption .box_1 .link a:hover { background:rgba(117,172,175,1);}

#banner .fix_detail { padding:50px 0; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%; }
#banner .fix_detail .left { float:left; width:385px; padding:0 45px;}
#banner .fix_detail .left h2 {font-size:60px; color:#fff; text-align:right; line-height:60px;font-family: 'tradegothicboldcondtwenty'; text-transform:uppercase;}/* 000000000 */
#banner .fix_detail .right { float:right; width:670px; min-height:200px; border-left:1px dotted #fff; padding:0 45px;}
#banner .fix_detail .right p { font-size:24px;  color:#fff; line-height:36px;}
#banner .fix_detail .down_arrow { position:absolute; top:-50px; text-align:center; width:100%;}
#banner .fix_detail .down_arrow a { display:inline-block;} 

#home_block {}
#home_block img{ max-width:385px;}
#home_block.grey_bg { background:#e0dad3;}
#home_block.green_bg { background:#b9d531;}
#home_block .left_align {}
#home_block .left_align .image { float:left;}
#home_block .left_align .image_detail { width:62%;overflow:hidden; padding:47px 0 0 50px;}
#home_block .left_align .no_image_detail { width:100%;overflow:hidden; padding:47px 0 47px 50px;}
#home_block .left_align .image_detail h2, #home_block .left_align .no_image_detail h2 { font-size:60px; color:#231f20; line-height:60px;font-family: 'tradegothicboldcondtwenty'; padding-bottom:10px; text-transform:uppercase;}/* 000000000 */
#home_block .left_align .image_detail p, #home_block .left_align .no_image_detail p { font-size:24px;  color:#231f20; line-height:36px;}
#home_block .left_align .image_detail p span { text-transform:uppercase;}

#home_block .right_align {}
#home_block .right_align .image { float:right;}
#home_block .right_align .image_detail { float:left;width:62%;overflow:hidden; padding:47px 50px 0 0; text-align:right;}

#home_block .right_align .image_detail h2 { font-size:60px; color:#fff; line-height:60px;font-family: 'tradegothicboldcondtwenty'; padding-bottom:10px; text-transform:uppercase;}/* 000000000 */
#home_block .right_align .image_detail p { font-size:24px;  color:#231f20; line-height:36px;}
#home_block .right_align .image_detail p span { text-transform:uppercase;}

#video { background:#231f20; padding:65px 0;}


#para { min-height:480px; position:relative;}
.blue_bg { background:#00afec;}

/* NEW BOX Altered */

#para .greenmap { background:url(../images/nz_map.png) no-repeat right top rgba(190,214,47,0.5);}
#para .green { background:rgba(190,214,47,0.5);}
#para .blue { background:rgba(117,172,175,0.8);}
#para .orange { background:rgba(240,112,47,0.8);}
#para .left{ float:left; }
#para .right{ float:right; }
#para .box { position:relative;margin:48px 0; width:384px; height:384px; padding:50px; }
#para .box h2 { font-size:60px; color:#fff; line-height:60px; font-family: 'tradegothicboldcondtwenty';text-transform:uppercase;}/* 000000000 */
#para .box p { color:#fff;}
#para .box .link {position:absolute; bottom:24px; left:48px;}
#para .box .link a { display:inline-block; padding:10px 15px; border:2px solid #fff; color:#fff; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#para .box .link a:hover { background:rgba(0,0,0,1);}

/* NEW BOX Altered */




#para .box_1 { float:right; margin:48px 0; width:384px; height:384px; padding:50px; background:url(../images/nz_map.png) no-repeat right top rgba(190,214,47,0.5);}
#para .box_1 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:65px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#para .box_1 .link {}
#para .box_1 .link a { display:inline-block; padding:10px 15px; border:2px solid #fff; color:#fff; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#para .box_1 .link a:hover { background:rgba(190,214,47,1);}



#para .box_2 { float:left; margin:48px 0; width:384px; height:384px; padding:50px; background:rgba(117,172,175,0.8);}
#para .box_2 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:65px; text-transform:uppercase;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */

#para .box_3 { float:left; margin:48px 0; width:384px; height:384px; padding:50px; background:rgba(0,118,162,0.5);}
#para .box_3 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:65px; text-transform:uppercase;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */

#para .box_4 { float:left; margin:48px 0; width:384px; height:384px; padding:50px; background:rgba(117,172,175,0.8);}
#para .box_4 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:10px; text-transform:uppercase;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#para .box_4 p { font-size:24px; line-height:30px; color:#fff;}
#para .box_4 p span { text-transform:uppercase;}

#para .box_5 { float:right; margin:48px 0; width:384px; height:384px; padding:50px 0 50px 50px; background:rgba(240,112,47,0.8);}
#para .box_5 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:20px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#para .box_5 .link {}
#para .box_5 .link a { display:inline-block; padding:10px 45px; border:2px solid #fff; color:#fff; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#para .box_5 .link a:hover { background:rgba(117,172,175,1);}

#para .box_6 { float:left; margin:48px 0; width:384px; height:384px; padding:50px; background:rgba(210,98,41,0.8);}
#para .box_6 h2 { font-size:60px; color:#fff; line-height:60px; padding-bottom:65px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#para .box_6 .link {}
#para .box_6 .link a { display:inline-block; padding:10px 45px; border:2px solid #fff; color:#fff; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#para .box_6 .link a:hover { background:rgba(210,98,41,1);}

.noparallax { background: no-repeat center center / cover;}


#footer {}
#footer .contact_detail { padding:50px 0;}
#footer .contact_detail .left { float:left; width:350px; text-align:right; padding-right:20px;}
#footer .contact_detail .left h2 { font-size:60px; color:#231f20; line-height:60px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#footer .contact_detail .right { float:right; width:680px; padding:0 40px; min-height:200px; border-left:1px dotted #5a5758;}
#footer .contact_detail .right p { font-size:24px;  color:#231f20; line-height:36px;}
#footer .contact_detail .right span { /* text-transform:uppercase; */}
#footer .contact_detail .right .link { padding-top:30px;}
#footer .contact_detail .right .link a { display:inline-block; padding:10px 45px; border:2px solid #231f20; color:#231f20; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#footer .contact_detail .right .link a:hover { background:#231f20; color:#fff;}

#footer .social { background:#e1ddd5; padding:30px 0; text-align:center;}
#footer .social a { display:inline-block; margin:0 4px; width:36px; height:36px; background:url(../images/social.png); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
#footer .social a:nth-child(1) { background-position:0 0;}
#footer .social a:nth-child(2) { background-position:-48px 0;}
#footer .social a:nth-child(3) { background-position:-96px 0;}
#footer .social a:nth-child(4) { background-position:-144px 0;}
#footer .social a:nth-child(5) { background-position:-192px 0;}
.cyan_bg { background:#98c1c3;}

#footer .footer_top { padding:140px 0 50px;}
#footer .footer_top .f_logo { float:left; margin-right:45px; position:relative;}
#footer .footer_top .f_logo:after { position:absolute; left:90px; top:-126px; width:136px; height:137px; background:url(../images/stemp.png) no-repeat; display:block; z-index:9; content:" ";}
#footer .footer_top .f_logo img { position:relative; z-index:99;}
#footer .footer_top .text { float:left; font-size:40px; margin-top:18px;color:#fff; line-height:32px; font-family: 'tradegothicboldcondtwenty';}
#footer .footer_top .text a { font-size:18px; color:#000;font-family: 'titillium_bdbold'; overflow:hidden; line-height:normal; margin-bottom:-5px;}
#footer .footer_top .c_data { padding:25px 0 0 0;}
#footer .footer_top .c_data ul {}
#footer .footer_top .c_data ul li { font-size:18px; font-family: 'titillium_bdbold'; overflow:hidden; line-height:normal; margin-bottom:-5px;}
#footer .footer_top .c_data ul li span { display:block; float:left; width:70px;}
#footer .footer_top .c_data ul li i { font-style:normal; overflow:hidden;}
#footer .footer_top .c_data ul li i a:hover { color:#fff;}
#footer .footer_bot { background:#231f20; padding:45px 0 185px;}
#footer .footer_bot .f_logo { float:right; padding:5px 0 0 0;}
#footer .footer_bot .f_detail { float:right; color:#fff; text-align:right;}
#footer .footer_bot .f_detail ul { display:block; margin-top:0px; }
#footer .footer_bot .f_detail ul li { display:inline-block; margin:0 0 0 0; position:relative; text-transform: uppercase; }
#footer .footer_bot .f_detail ul li + li:before { content:"|"; position:absolute; left:0; font-size:12px; color:#939598; font-family: 'titilliumregular'; }
#footer .footer_bot .f_detail ul li a { font-size:12px; color:#939598; font-family: 'titilliumregular'; padding:0 5px 0 12px; display:block;}
#footer .footer_bot .f_detail ul li a:hover { color:#fff;}
#footer .footer_bot .f_detail p { font-size:12px; color:#939598; font-family: 'titilliumregular'; padding-right:10px;}

#about_block_1 {}
#about_block_1 .box { width:50%; float:left; padding:0px 45px 0px 45px; margin-top:40px;margin-bottom:40px;}
#about_block_1 .dotted { border-right:1px dotted #000;}
#about_block_1 .box p { padding-bottom:20px;}
#about_block_1 .box p span { text-transform:uppercase;}
#about_block_1 .box h4 {font-size: 22px; color:#fff; font-family: 'titillium_bdbold';}
#about_block_1 .box h5 { display:block; font-size:24px; text-transform:uppercase; color:#231f20; line-height:28px; padding-bottom:20px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#about_block_1 .box .link {}
#about_block_1 .box .link a { display:inline-block; padding:10px 45px; border:2px solid #231f20; color:#231f20; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#about_block_1 .box .link a:hover { background:#231f20; color:#fff;}

#about_block_2 { padding:50px 0 0 0;} 
#about_block_2 > div > div { margin-bottom:50px;}
#about_block_2 .left_align {}
#about_block_2 .left_align .image { float:left; width:384px;}
#about_block_2 .left_align .image img { margin-bottom:40px;}
#about_block_2 .left_align .image h5 { font-size:24px; text-transform:uppercase; color:#231f20; line-height:28px; padding-bottom:20px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#about_block_2 .left_align .image h5 .quoteperson { font-size:18px; text-transform:uppercase;}
#about_block_2 .left_align .image_detail { overflow:hidden; padding:45px 20px 0 45px;}
#about_block_2 .left_align .image_detail h4 { padding-bottom:25px; }
#about_block_2 .left_align .image_detail h4 span { font-family: 'titillium_bdbold'; font-size:24px;}
#about_block_2 .left_align .image_detail h4 i { font-style:normal;}
#about_block_2 .left_align .image_detail p { padding-bottom:20px; line-height:28px;}
#about_block_2 .left_align .image_detail p span { text-transform:uppercase;}
#about_block_2 .left_align .image_detail .link {}
#about_block_2 .left_align .image_detail .link a { display:inline-block; padding:10px 15px; border:2px solid #231f20; color:#231f20; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#about_block_2 .left_align .image_detail .link a:hover { background:#231f20; color:#fff;}

#about_block_2 .right_align {}
#about_block_2 .right_align .image { float:right; width:384px;}
#about_block_2 .right_align .image img { margin-bottom:40px;}
#about_block_2 .right_align .image h5 { font-size:24px; text-transform:uppercase; color:#231f20; line-height:28px; padding-bottom:20px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#about_block_2 .right_align .image h5 .quoteperson { font-size:18px; text-transform:uppercase;}
#about_block_2 .right_align .image_detail { overflow:hidden; padding:45px 45px 0 20px; text-align:right;}
#about_block_2 .right_align .image_detail h4 { padding-bottom:25px; }
#about_block_2 .right_align .image_detail h4 span { font-family: 'titillium_bdbold'; font-size:24px;}
#about_block_2 .right_align .image_detail h4 i { font-style:normal;}
#about_block_2 .right_align .image_detail p { padding-bottom:20px; line-height:28px;}
#about_block_2 .right_align .image_detail p span { text-transform:uppercase;}
#about_block_2 .right_align .image_detail .link {}
#about_block_2 .right_align .image_detail .link a { display:inline-block; padding:10px 35px; border:2px solid #231f20; color:#231f20; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#about_block_2 .right_align .image_detail .link a:hover { background:#231f20; color:#fff;}

#about_block_3 {}
#about_block_3 .box { width:50%; float:left; padding:0px 45px 0px 45px; margin-top:40px;margin-bottom:40px;}
#about_block_3 .dotted { border-right:1px dotted #000;}
#about_block_3 .box + .box { }
#about_block_3 .box p { padding-bottom:20px;}
#about_block_3 .box p span { text-transform:uppercase;}

.benefit { background:#e0dad3;}

#full_text {}
#full_text p { text-align:center; padding:50px; font-size:24px;}

#case_block {}
#case_block.grey_bg { background:#e0dad3;}
#case_block.green_bg { background:#b9d531;}
#case_block .left_align {}
#case_block .left_align .image { float:left;}
#case_block .left_align .image_detail { width: 62%; overflow:hidden; padding:47px 0 0 50px;}
#case_block .left_align .image_detail h2 { font-size:24px; color:#77acae; font-family: 'titillium_bdbold';}
#case_block .left_align .image_detail h2.white { color:#fff;}
#case_block .left_align .image_detail p { font-size:18px;  color:#231f20; line-height:28px;}
#case_block .left_align .image_detail p span { text-transform:uppercase;}
#case_block img{ max-width:385px;}

#case_block .right_align {}
#case_block .right_align .image { float:right;}
#case_block .right_align .image_detail { width: 62%; overflow:hidden; padding:47px 50px 0 0;}
#case_block .right_align .image_detail h2 { font-size:24px; color:#77acae; font-family: 'titillium_bdbold'; }
#case_block .right_align .image_detail h2.white { color:#fff;}
#case_block .right_align .image_detail p { font-size:18px;  color:#231f20; line-height:28px;}
#case_block .right_align .image_detail p span { text-transform:uppercase;}


#case_detail { padding:50px 0;}
#case_detail .image { float:left;}
#case_detail .image_detail { overflow:hidden; padding:0 30px;}
#case_detail .image_detail h3 { padding-bottom:20px; font-size:24px; color:#77acae; font-family: 'titillium_bdbold'; }
#case_detail .image_detail ul {}
#case_detail .image_detail ul li { background:url(../images/bullet.jpg) no-repeat 0 10px; padding:0 0 5px 10px; font-size:18px; }

#process_step { background:url(../images/image-17.jpg) no-repeat; position:relative; min-height:384px; background-size:cover;}
#process_step .caption { background:rgba(117,172,175,0.5);}
#process_step .caption h3 { padding:30px 45px; font-size:48px; text-transform:uppercase; color:#fff; line-height:28px; font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#process_step .circles { text-align:center; padding:50px 0;}
#process_step .circles .round { width:193px; height:193px; margin:0 -25px; border:3px solid #000; display:inline-block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
#process_step .circles .round .step { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#process_step .circles .round p { color:#fff; display:block; font-size:50px; margin-bottom:-15px;}
#process_step .circles .round span { color:#000; text-transform:uppercase; font-size:18px; border-bottom:2px solid #fff; display:inline-block; font-weight:700; padding-bottom:3px;}

#step_detail { padding:50px 0 0 0;}
#step_detail .box { float:left; width:50%; padding-bottom:50px;min-height:485px;}
#step_detail .box .image { float:left; width:289px; height:289px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:relative;}
#step_detail .box .image:after { position:absolute; right:-15px; top:50%; width:64px; height:12px; margin-top:-6px; content:" "; background:url(../images/connector.png) no-repeat; z-index:9999;}

#step_detail .box .image_detail { padding:115px 0 0 15px; overflow:hidden;}
#step_detail .box .image_detail h5 {  overflow:hidden; font-size:24px; color:#231f20; font-family: 'titillium_bdbold'; text-transform:uppercase; line-height:60px;}
#step_detail .box .image_detail h5 span { display:block; float:left; text-align:center; float:left; width:64px; height:64px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:2px solid #000; font-size:45px; color:#939598; margin:0 10px 0 0; 	font-family: 'titilliumlight'; line-height:58px; position:relative;}

#step_detail .box .image_detail p { font-size:18px; line-height:28px; padding:15px 0 0 15px;}


#contact_detail { padding:55px 0 0 0;}
#contact_detail p { font-size:24px; color:#231f20; font-family: 'titilliumlight'; line-height:36px; text-align:center; padding-bottom:40px;} 
#contact_detail .boxes {}
#contact_detail .boxes .box { float:left; width:50%; margin-bottom:45px;}
#contact_detail .boxes .box .img { float:left; width:195px; margin-right:40px;}
#contact_detail .boxes .box .img_detail { overflow:hidden;} 
#contact_detail .boxes .box .img_detail .name { font-size:36px; color:#9fccc7; font-family: 'titilliumlight';}
#contact_detail .boxes .box .img_detail .post { font-size:18px; color:#555455; font-family: 'titillium_bdbold';}
#contact_detail .boxes .box .img_detail .num { font-size:24px; color:#565555; font-family: 'titilliumlight'; padding-bottom:30px;}
#contact_detail .boxes .box .img_detail .btn {}
#contact_detail .boxes .box .img_detail .btn a { display:inline-block; border:2px solid #575455; line-height:48px; padding:0 0; width:192px; text-align: center; font-size:16px; color:#575455; font-family: 'titillium_bdbold';}
#contact_detail .boxes .box .img_detail .btn a:hover { color:#fff; background:#575455;}

#contact_form { background:url(../images/image-18.jpg) no-repeat center top;}
#contact_form .inpt_bx { background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:14px; color:#bec2c4; font-family: 'titilliumregular'; text-transform:uppercase; margin-bottom:20px;}
#contact_form .half { float:left;margin-bottom:10px; } 
#contact_form .half + .half { float:right; } 
#contact_form .full { width:100%;margin-bottom:10px; } 
#contact_form .sbt { font-size:16px; color:#fff; font-family: 'titillium_bdbold'; padding:0 75px; border:2px solid #fff; line-height:48px; background:none;}
#contact_form .sbt:hover { background:#fff; color:#575455;} 

#location { min-height:1100px; background: no-repeat center center fixed;}
#location .location { padding:48px 70px;}  
#location .location .map_box { background:rgba(117, 172, 175, 0.8); padding:50px; width:384px; float:left;} 
#location .location .map_box h2 { font-family: 'tradegothicboldcondtwenty'; font-size:60px; color:#fff; line-height:60px; padding-bottom:25px;text-transform:uppercase;}
#location .location .map_box p { font-size:24px; color:#fff; line-height:36px; padding-bottom:10px;}
#location .location .map_box .map { position:relative;padding-bottom:20px;}

#location .location .map_box .map a { display:block; width:17px; height:17px; background:#8cc9cc; font-size:0; border-radius:50%; position:absolute; text-align:center; line-height:17px;}
#location .location .map_box .map a:hover, #location .location .map_box .map a.orange { background:#f0702f;}
#location .location .map_box_detail { width:291px;float:left; margin:225px 0 0 48px; text-align:center;}
#location .location .map_box_detail .image { margin-bottom:20px; height: 290px;}
#location .location .map_box_detail .image img { border-radius:50%; border:2px solid #fff;}
#location .location .map_box_detail h3 { font-size:36px; line-height:30px; margin-bottom:10px;color:#fff; font-family: 'titilliumregular'; }

#location .location .map_box_detail p { font-size:18px; color:#fff; font-family: 'titilliumregular'; line-height:28px; padding-bottom:20px;}
#location .location .map_box_detail .more {}
#location .location .map_box_detail .more a { display:inline-block; border:2px solid #fff; line-height:48px; padding:0 50px; font-size:16px; color:#fff; font-family: 'titillium_bdbold'; text-transform:uppercase;}
#location .location .map_box_detail .more a:hover { background:#000; }

#location_block { padding:50px 0 0 0;} 
#location_block > div > div { margin-bottom:50px;}
#location_block .left_align {}
#location_block .left_align .image { float:left; width:384px; position: relative;}
#location_block .left_align .image .more_details { background:rgba(0,0,0,0.3);position: absolute; bottom: 0px; left: 0px;padding:25px;width:100%}
#location_block .left_align .image .more_details a.link { line-height:18px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow.png) no-repeat 9px 0; font-family: 'titilliumlight'; font-size:14px; color:#fff; margin-bottom:15px; display: block;}
#location_block .left_align .image .more_details a.link_vid { line-height:20px; min-height:24px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow_vid.png) no-repeat 0 0; font-family: 'titilliumlight'; font-size:14px; color:#fff; display: block;}

#location_block .left_align .image h5 { font-size:24px; text-transform:uppercase; color:#231f20; line-height:28px; padding-bottom:20px;font-family: 'tradegothicboldcondtwenty';}/* 000000000 */
#location_block .left_align .image h5 .quoteperson { font-size:18px; text-transform:uppercase;}
#location_block .left_align .image_detail { overflow:hidden; padding:45px 20px 0 45px;}
#location_block .left_align .image_detail h4 { padding-bottom:25px; }
#location_block .left_align .image_detail h4 span { font-family: 'titillium_bdbold'; font-size:24px;}
#location_block .left_align .image_detail h5 { padding-bottom:20px; text-transform:uppercase;}
#location_block .left_align .image_detail .quoteperson { font-family: 'titillium_bdbold'; font-size:20px; text-transform:none; }
#location_block .left_align .image_detail p { padding-bottom:20px; line-height:28px;}
#location_block .left_align .image_detail .link a { display:inline-block; padding:10px 15px; border:2px solid #231f20; color:#231f20; text-transform:uppercase; font-family: 'titillium_bdbold'; font-size:14px;}
#about_block_2 .left_align .image_detail .link a:hover { background:#231f20; color:#fff;}

#location {
    min-height: 1300px;
}
#location .container{
    position: relative;
}
#location .black_dots{
    position: absolute;
    top: 50%;
    left: 500px;
    width: 150px;
    height: 150px;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
}
#location .black_dots span{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* ------- New map big dot     */
#mapdot { position: relative; width:291px; height:291px;background:rgba(0,0,0,0.5);border-radius: 50%;text-align:center;}
#mapdot h4 { position: absolute;top: 0;
             bottom: 0;
             left: 0;
             right: 0;
             width: 90%;
             height: 50%;padding: 10% 0;
             margin: auto;font-size:28px; line-height:28px; color:#fff; font-family: 'titilliumregular';vertical-align:middle;margin:auto; }
/* ------- New map big dot     */

/* ------- HOME Work Gallery */
#homegallery {}
#homegallery .container { width:1442px;}
#homegallery .boxes { margin: 5px auto;}
#homegallery .boxes .box { display:block; float:left; width:31%; position:relative; margin:0 1% 2% 1%; max-height: 479px; }
#homegallery .boxes .box .no_cash { background:url(../images/plusglass.png) no-repeat center center; position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:25px;    
                                    visibility:hidden; opacity:0;
                                    -webkit-transition: all 0.6s ease-in-out;
                                    -moz-transition: all 0.6s ease-in-out;
                                    -o-transition: all 0.6s ease-in-out;
                                    transition: all 0.6s ease-in-out; }
#homegallery .boxes .box:hover .no_cash { top:0px; left:0px; right:0px; bottom:0px; visibility:visible; opacity:1; background:url(../images/plusglass.png) no-repeat center center;}

/* ------- HOME Work Gallery */


/* ------- Our Work Gallery */
#gallary {}
#gallary .container { width:1442px;}
#gallary .boxes {}
#gallary .boxes .box { display:block; float:left; width:33.33%; position:relative; margin:0; max-height: 479px; }
#gallary .boxes .box .caption { background:rgba(117, 172, 175, 0.8); position:absolute; left:45px; top:45px; right:45px; bottom:45px; padding:45px;}
#gallary .boxes .box .caption p { font-family: 'tradegothicboldcondtwenty'; font-size:50px; color:#fff; text-transform:uppercase;}
#gallary .boxes .box .caption .more { padding:15px 0 0 0;}
#gallary .boxes .box .caption .more a { display:inline-block; padding:0 50px; line-height:44px; border:2px solid #fff; color:#fff; font-family: 'titillium_bdbold'; font-size:16px; text-transform:uppercase;}
#gallary .boxes .box .caption .more a:hover { background:#000;}

#gallary .boxes .box .text { position:absolute; width:100%; padding:0 50px; color:#fff; font-size:24px; font-family: 'titilliumlight'; top:50%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }

#gallary .boxes .box .black_bg { left:40px; top:40px; right:40px; bottom:40px;}
#gallary .boxes .box .black_bg p { padding-bottom:20px;}
#gallary .boxes .box .black_bg { background:rgba(35,31,32,0.8);}
#gallary .boxes .box .black_bg ul.links {}
#gallary .boxes .box .black_bg ul.links li {}
#gallary .boxes .box .black_bg ul.links li + li { margin-top:15px;}
#gallary .boxes .box .black_bg ul.links li a { display:block; min-height:18px; line-height:18px; background:url(../images/arrow.png) no-repeat 0 0; padding:0 0 0 25px; font-family: 'titillium_bdbold'; font-size:20px; color:#fff; text-transform:uppercase;}
#gallary .boxes .box .black_bg ul.links li a:hover { color:#77acae;}
#gallary .boxes .box .black_bg ul.vid {}
#gallary .boxes .box .black_bg ul.vid li {}
#gallary .boxes .box .black_bg ul.vid li + li { margin-top:15px;}
#gallary .boxes .box .black_bg ul.vid li a { display:block; background:url(../images/arrow_vid.png) no-repeat 0 0; padding:0 0 0 35px; font-family: 'titillium_bdbold'; font-size:20px; line-height:24px; color:#fff; text-transform:uppercase;}
#gallary .boxes .box .black_bg ul.vid li a:hover { color:#77acae;}
#gallary .boxes .box .no_cash { background:rgba(35,31,32,0.8); position:absolute; left:0; right:0; bottom:0; padding:25px;    
                                visibility:hidden; opacity:0;
                                -webkit-transition: all 0.6s ease-in-out;
                                -moz-transition: all 0.6s ease-in-out;
                                -o-transition: all 0.6s ease-in-out;
                                transition: all 0.6s ease-in-out; }
#gallary .boxes .box:hover .no_cash { bottom:0; visibility:visible; opacity:1;}
#gallary .boxes .box .no_cash .left { float:left; width:140px;}
#gallary .boxes .box .no_cash .left a { display:block;}
#gallary .boxes .box .no_cash .left a:hover { color:#77acae;}
#gallary .boxes .box .no_cash .left .link { line-height:18px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow.png) no-repeat 9px 0; font-family: 'titilliumlight'; font-size:14px; color:#fff; margin-bottom:15px;}
#gallary .boxes .box .no_cash .left .link_vid { line-height:20px; min-height:24px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow_vid.png) no-repeat 0 0; font-family: 'titilliumlight'; font-size:14px; color:#fff;}
#gallary .boxes .box .no_cash .left .linkPlus { line-height:20px; min-height:24px; padding:0 0 0 35px; color:#fff; background:url(../images/plus.png) no-repeat 0 0; font-family: 'titilliumlight'; font-size:14px; color:#fff;}
#gallary .boxes .box .no_cash .right { float:right; width:55%;}
#gallary .boxes .box .no_cash .right { text-align:right;}
#gallary .boxes .box .no_cash .right span { font-size:20px; color:#fff; display:block;}
#gallary .boxes .box .no_cash .right b { color:#fff; display:block; font-family: 'titillium_bdbold'; font-weight:normal; font-size:18px; text-transform:uppercase;}
/* ------- Our Work Gallery */

#testimonial { background:rgba(0, 0, 0, 0) none no-repeat fixed center center;}
#testimonial .top {}
#testimonial .top .box { width:385px; min-height:385px; padding:45px; background: rgba(117, 172, 175, 0.8) none repeat scroll 0 0; margin:45px 0 245px 0; position:relative;}
#testimonial .top .box h2 {  color: #fff;    font-family: "tradegothicboldcondtwenty";    font-size: 60px;    line-height: 60px;    padding-bottom: 10px;    text-transform: uppercase;}
#testimonial .top .box .watermark { position:absolute; right:-190px; bottom:-200px;}

#testimonial .bot {}
#testimonial .bot {}

#testimonial .bot .grid-item { width:33.34%; background:rgba(0,0,0,0.65); padding:45px; margin-bottom:45px; color:#fff; }
#testimonial .bot .grid-item p { font-family: 'titilliumlight'; font-size:24px; color:#fff; line-height:36px; padding-bottom:40px; }
#testimonial .bot .grid-item p span { font-family: 'titillium_bdbold'; display:block;}
#testimonial .bot .grid-item .left a { display:block;}
#testimonial .bot .grid-item .left a:hover { color:#77acae;}
#testimonial .bot .grid-item .left .link { line-height:18px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow.png) no-repeat 9px 0; font-family: 'titilliumlight'; font-size:14px; color:#fff; margin-bottom:15px;}
#testimonial .bot .grid-item .left .link_vid { line-height:20px; min-height:24px; padding:0 0 0 35px; color:#fff; background:url(../images/arrow_vid.png) no-repeat 0 0; font-family: 'titilliumlight'; font-size:14px; color:#fff;}
#testimonial .bot .grid-item:nth-child(2) { margin-top:140px;}
#testimonial .bot .grid-item:nth-child(3) { margin-top:-195px;}

/****** FILE: themes/permaloo/css/responsive.css *****/
@charset "utf-8";
/* CSS Document */

@media (max-width: 1445px) {	
    #gallary .container, #homegallery .container { width:100%;}
    #gallary .boxes .box .caption { padding:40px;}
    #gallary .boxes .box .caption p { font-size:40px;}
    #gallary .boxes .box .caption .more a { padding:0 35px; line-height:30px;}
    #gallary .boxes .box .black_bg ul.links li a, #gallary .boxes .box .black_bg ul.vid li a { font-size:16px !important;}
    #gallary .boxes .box .black_bg { left:30px; top:30px; right:30px; bottom:30px;}
}
@media (max-width: 1200px) {	
    #gallary .boxes .box .caption { padding:30px;}
    #gallary .boxes .box .caption p { font-size:30px;}
    #gallary .boxes .box .caption .more a { padding:0 35px; line-height:30px;}
    #gallary .boxes .box .black_bg p { padding-bottom:10px;}
    #gallary .boxes .box .black_bg ul.links li a, #gallary .boxes .box .black_bg ul.vid li a { font-size:14px !important;}
    #gallary .boxes .box .no_cash .right { width:52%;}
    #gallary .boxes .box .no_cash .right span { font-size:20px;}
    #gallary .boxes .box .no_cash .right b { font-size:16px;}
}
@media (max-width: 1056px) {	
    .container { width:970px; }
    a.menu-icon { display:inline-block;}
    #header .header .container .logo { position:relative;}
    #header .header .logo { position:absolute; left:0; top:0; z-index:9999;}
    #nav { padding:0; float:none; width:100%;}

    #nav ul li { width:100%; margin:0; }

    /* Drop Down */
    #nav ul li ul { position:relative; top:0; width:100%; background:#ccc; padding: 0 0 0 0; opacity: 1; visibility: visible;
                    -webkit-transition: all 0s ease-in-out;
                    -moz-transition: all 0s ease-in-out;
                    -o-transition: all 0s ease-in-out;
                    transition: all 0s ease-in-out;
    }
    #nav ul li ul li ul { left:0; top:0;}
    /* Drop Down */
    #banner .fix_detail .left { width:40%;}
    #banner .fix_detail .right { width:60%;}
    #footer .contact_detail .left { width:30%;}
    #footer .contact_detail .right { width:70%;}
    #home_block .left_align .image_detail{ width:50%;}
    #home_block .right_align .image_detail{ width:50%;}
    #home_block .left_align .image_detail h2, #home_block .right_align .image_detail h2{ font-size:6vw;}
    #home_block .left_align .image_detail p, #home_block .right_align .image_detail p{ font-size:2vw;}
    #case_block .left_align .image_detail{ width:50%;}
    #case_block .right_align .image_detail{ width:50%;}
    #gallary .boxes .box .black_bg { left:20px; top:20px; right:20px; bottom:20px;}
    #gallary .boxes .box .black_bg ul.vid li + li { margin-top:10px;}
    #gallary .boxes .box .no_cash .right { width:50%;}	
    #gallary .boxes .box .no_cash .left { float:none; width:100%; padding-bottom:10px;}
    #gallary .boxes .box .no_cash .right { float:none; width:100%; text-align:left;}

}
@media (max-width: 1024px) {	
}
@media (max-width: 992px) {	
    .container { width:750px; }
    #header .header .image { display:none;}

    #home_block .left_align .image_detail { padding:20px 0 0 20px;}
    #home_block img{ max-width:365px;}
    #home_block .right_align .image_detail { padding:20px 20px 0 0;}
    #footer .contact_detail .left h2 { font-size:4vw; line-height:5vw;}
    #step_detail .box .image { width:40%; height:auto;}
    #step_detail .box .image_detail { padding-top:12%;}
    #step_detail .box .image::after { width:40px;}
    #contact_detail .boxes .box .img { width:150px; margin-right:20px;}
    #contact_detail .boxes .box .img_detail .name { font-size:30px;}
    #contact_detail .boxes .box .img_detail .num { padding-bottom:0; }
    #location .location { padding:48px 0;} 

    #gallary .boxes .box .caption { left:20px; top:20px; right:20px; bottom:20px; padding:20px;}
    #gallary .boxes .box .caption p { font-size:25px;}
    #gallary .boxes .box .caption .more a { padding:0 20px; line-height:30px;}
    #gallary .boxes .box .text  { padding:0 20px; font-size:18px;}
    #gallary .boxes .box { width:50%;}
    #gallary .boxes .box img{ width:100%;}
    #testimonial .top .box .watermark { width:270px; right:-100px; bottom:-100px;}
    #testimonial .bot .grid-item { width:50%;}
    #testimonial .bot .grid-item:nth-child(2) { margin-top:-100px;}
    #testimonial .bot .grid-item:nth-child(3) { margin-top:0;}
}
@media (max-width: 768px) {	
    #gallary .boxes .box .no_cash .left { float:none; width:100%; padding-bottom:10px;}
    #gallary .boxes .box .no_cash .right { float:none; width:100%; text-align:left;}
    #homegallery .boxes .box { width:48%;margin:0 1% 2% 1%;} 
}
@media (max-width: 767px) {
    #step_detail .box { float:none; width:100%;}
    .container { width:100%; padding:25px; }


    #banner .fix_detail { padding:30px 0;}
    #banner .fix_detail .pad { padding:0 30px;}
    #banner .fix_detail .left { float:none; width:100%; padding:0 0 20px; border-bottom:1px dotted #fff; }
    #banner .fix_detail .left h2 { text-align:left; font-size:8vw;}
    #banner .fix_detail .left h2 br { display:none;}	
    #banner .fix_detail .right { float:none; width:100%; padding:20px 0 0 0; border:none; min-height:0;}
    #banner .fix_detail .right p { font-size:4vw; line-height:5vw;}
    #home_block .container { padding:0;}
    #home_block img{ max-width:100%;}
    #home_block .left_align .image, #home_block .right_align .image { float:none; }
    #home_block .left_align .image_detail, #home_block .right_align .image_detail { overflow:visible; padding:30px; text-align:left;}
    #home_block .left_align .image_detail h2, #home_block .right_align .image_detail h2 { font-size:10vw; line-height:12vw;}
    #home_block .left_align .image_detail p, #home_block .right_align .image_detail p, #footer .contact_detail .right p { font-size:18px; line-height:25px;}
    #home_block .left_align .image_detail, #home_block .right_align .image_detail{ width:90%;}
    #footer .contact_detail .left { float:none; padding:0 0 20px 0; width:100%;}
    #footer .contact_detail .left h2 { text-align:left; font-size:7vw; line-height:9vw;}
    #footer .contact_detail .right { float:none; padding:20px 0 0 0; width:100%; border:none; border-top:1px dotted #5a5758; }
    #footer .footer_top .f_logo { float:none; width:144px; margin:0 auto;}
    #footer .footer_top .text { float:none; text-align:center; padding-top:0px; font-size:5vw;}
    #footer .footer_top .c_data { padding:10px 0 0 0; width:245px; margin:0 auto;}
    #footer .footer_top { padding:140px 0 40px;}
    #footer .footer_bot { padding:20px 0;}
    #footer .footer_bot .f_logo { float:none; text-align:center;}
    #footer .footer_bot .f_detail { float:none; text-align:center; padding:10px 0 0 0;}
    #footer .footer_bot .f_detail ul li { margin:0; padding:0; position:relative; margin:10px 0 0 0;}
    #footer .footer_bot .f_detail ul li a { padding:0 10px; position:relative;}
    #footer .footer_bot .f_detail ul { display:block; margin-top:0; }
    #footer .footer_bot .f_detail p { padding-top:15px;}
    #about_block_1 { padding:40px 0;}
    #about_block_1 .box { float:none; width:100%; padding:0px 20px;margin-top:0px;margin-bottom:0px;}
    #about_block_1 .box + .box { padding-top:20px;}
    #about_block_2 .left_align .image, #about_block_2 .right_align .image { float:none; width:auto;}
    #about_block_2 .left_align .image_detail, #about_block_2 .right_align .image_detail { padding:0 0 20px; text-align:left;}
    #about_block_3 { padding:40px 0 0 0;}
    #about_block_3 .box { float:none; width:100%; padding:0; padding-bottom:20px; border:none !important;}
    #about_block_1 .dotted { border-right:0px;}
    #step_detail .box .image { width:30%; height:auto;}
    #step_detail .box .image::after { width:40px;}
    #step_detail .box .image_detail { padding-top:10%;}
    #case_block .container { padding:0;}
    #case_block .left_align .image, #case_block .right_align .image, #case_detail .image { float:none; width:auto; padding:0 0 0 0;}

    #case_block .left_align .image_detail, #case_block .right_align .image_detail, #case_detail .image_detail { padding:8px 15px; float:none; width:100%; overflow:visible;}
    #case_block .left_align .image_detail, #case_block .right_align .image_detail{ width:100%;}
    #about_block_2 .container { padding:0 40px 0 40px;}
    .nobr br{display: none;}

    #contact_detail .boxes .box .img { width:auto; float:none; margin:0;}
    #contact_detail .boxes .box .img_detail { overflow:visible;}
    #contact_form { padding:0;}

    #location .location .map_box { margin:0 auto; float:none; }
    #location .location .map_box_detail { margin:30px auto 0; float:none;}
    #location .location .map_box_detail .image{height: auto;}

    #gallary .boxes .box .caption { left:15px; top:15px; right:15px; bottom:15px; padding:15px;}
    #gallary .boxes .box .caption p { font-size:20px;}
    #gallary .boxes .box .caption .more { padding:10px 0 0 0;}
    #gallary .boxes .box .caption .more a { padding:0 20px; line-height:30px; font-size:12px;}
    #testimonial .bot .grid-item { padding:30px;}

    #location .black_dots{
        position: relative;
        margin: 75px auto;
        left: 0;
    }
    
    #location_block .left_align .image { float:none; width:auto;}
    #location_block .left_align .image_detail { padding:0 0 20px; text-align:left; margin-top: 15px;}
    #location_block .container { padding:0 40px 0 40px;}
}
@media (max-width: 640px) {
    #process_step .caption h3 { font-size:7vw; padding-left:0; padding-right:0;}
    #gallary .boxes .box { width:50%;}
    #gallary .boxes .box .caption { padding:20px;}
    #gallary .boxes .box .caption p { font-size:30px;}
    #gallary .boxes .box .caption .more a { padding:0 35px; line-height:30px;}
    #gallary .boxes .box img { width:100%;}
}
@media (max-width: 600px) {
    #testimonial .bot .grid-item { width:100%;}
    #testimonial .bot .grid-item:nth-child(2) { margin-top:0;}
    #testimonial .bot .grid-item p { font-size:20px; line-height:26px;}
    #testimonial .top .box .watermark { width:220px; right:-10px; bottom:-20px;}
    #testimonial .top .box { width:100%; max-width:385px;}
    #testimonial .top .box { padding:35px; margin-bottom:50px;}
}
@media (max-width: 568px) {
    #step_detail .box .image_detail { padding-top:9%;}
    #case_block .left_align .image img, #case_block .right_align .image img { width:100%; height:auto;}
    #contact_detail .boxes .box { float:none; width:250px; margin:0 auto 45px; text-align:center;}
    #contact_form .half { float:none !important; width:100%;}
    #contact_form .inpt_bx { margin-bottom:10px;}
}
@media (max-width: 480px) {
    #para { min-height:0;}
    #para.no-content { min-height:480px;}
    #para .box, #para .box_1, #para .box_2, #para .box_3, #para .box_4, #para .box_5 ,#para .box_6 { margin:15px 0;}

    #banner ul li { min-height:740px;}
    .bx-wrapper .bx-caption .box_1 { margin:25px 15px; padding:30px 0 20px 30px; height:304px; margin-top:48px;}
    #process_step .circles .round { display:block; margin:0 auto -35px;}

    .bx-wrapper .bx-caption .box_1 h2 { font-size:10vw; line-height:10vw;}
    #para .box_1 { padding:20px; width:100%; position:static; background-size:30% auto;}
    #para .box_1 h2 { font-size:8vw; line-height:10vw;}

    #para .box, #para .box_2, #para .box_3, #para .box_4, #para .box_5 { padding:40px; width:100%; position:static;}
    #para .box .link {position:absolute; bottom:70px; left:58px;}
    #step_detail .box .image_detail { padding-top:8%;}
    #full_text p { padding:50px 0;}

    #location .location .map_box { margin:0 auto; float:none; width:100%; padding:20px 0; }
    #location .location .map_box h2, #location .location .map_box p { padding-left:15px; padding-right:15px;}
    #location .location .map_box_detail { margin:30px auto 0; float:none; width:100%;}

    #location { padding:0; }
    #location .container { padding:0;}
    #gallary .boxes .box .black_bg p { font-size:22px !important;}
    #gallary .boxes .box .black_bg ul.links li a { background-size:8px auto; line-height:15px;}
    #gallary .boxes .box .black_bg ul.links li + li { margin-top:5px;}
    #gallary .boxes .box .black_bg ul.vid li a { background-size:15px auto !important; line-height:15px;}

    #gallary .boxes .box { width:100%;} 
    #gallary .boxes .box .caption { padding:20px;}
    #gallary .boxes .box .caption p { font-size:30px;}
    #gallary .boxes .box .caption .more a { padding:0 35px; line-height:30px;}


}
@media (max-width: 470px) {
    #contact_detail .boxes .box { float:none; width:250px; margin:0 auto 45px; text-align:center;}
    #contact_form .half { float:none !important; width:100%;}
    #contact_form .inpt_bx { margin-bottom:10px;}
}
@media (max-width: 384px) {
    .bx-wrapper .bx-caption .box_1 { height:auto;}
    .bx-wrapper .bx-caption .box_1 h2 { padding-bottom:40px;}
    #para .box_5 h2 { font-size:12vw; line-height:12vw; padding-bottom:20px;}
    #para .box_4 p { font-size:20px; line-height:25px;}
    #para .box_1 { height:auto;}
    #para .box_2, #para .box_3, #para .box_4, #para .box_5  { height:290px;}
    #step_detail .box .image_detail { padding-top:4%;}
    #case_block img{ max-width:100%;}
}
@media (max-width: 320px) {
}

/****** FILE: themes/permaloo/css/form.css *****/
/* Custom FORMS Styles */
form { padding:48px 0; border:0px;}
form .inpt_bx { background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:14px; color:#bec2c4; font-family: 'titilliumregular'; text-transform:uppercase; margin-bottom:20px;}
form .half { float:left;  } 
form .half + .half { float:right; } 
form .full { width:100%; } 
form .sbt { font-size:16px; color:#fff; font-family: 'titillium_bdbold'; padding:0 75px; border:2px solid #fff; line-height:48px; background:none;}
form .sbt:hover { background:#fff; color:#575455;}
/* FORMS  */


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
    margin-top: -20px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }
form .bad label, form .required label{
        display: none;
    }
    
form input.text,
form .textajaxuniquetext,   
form select {width: 100%; background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:14px; color:#bec2c4; font-family: 'titilliumregular'; text-transform:uppercase; margin-bottom:20px;}
form input.text,
form .textajaxuniquetext,   
form select {width: 100%; background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:14px; color:#bec2c4; font-family: 'titilliumregular'; text-transform:uppercase;}
.ie7 form select { width: 400px; } 

form .textarea {border-radius:5px; font-size:14px; color:#bec2c4; font-family: 'titilliumregular'; text-transform:uppercase; margin-bottom:5px;}

form .half { float:left; width:48%; } 
form .half + .half { float:right; } 

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
    padding:10px 25px;
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .bad, form .required {
        border-color: #cf0000;
        color: #b80000;
		font-size: 12px;
    }



/* ACTIONS */
.Actions {
    margin: 15px 0;
}
    a.btn, button, input[type="submit"], .Actions .action {
        font-size:16px; 
        color:#fff; font-family: 'titillium_bdbold'; 
        padding:0 75px; 
        border:2px solid #fff; 
        line-height:48px; 
        background:none;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background:#000; 
        color:#fff;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}

form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 0px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {

}

input:invalid::-webkit-input-placeholder:after {
   content: ' *';
}

input:invalid:-moz-placeholder:after { /* Firefox 18- */
   content: ' *'; 
}

input:invalid::-moz-placeholder:after {  /* Firefox 19+ */
   content: ' *';
}

input:invalid:-ms-input-placeholder:after {  
   content: ' *';
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}



/****** FILE: themes/permaloo/font/font.css *****/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 26, 2015 */



@font-face {
    font-family: 'titillium_bdbold';
    src: url('../font/titillium-bold-webfont.eot');
    src: url('../font/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/titillium-bold-webfont.woff2') format('woff2'),
         url('../font/titillium-bold-webfont.woff') format('woff'),
         url('../font/titillium-bold-webfont.ttf') format('truetype'),
         url('../font/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight';
    src: url('../font/titillium-light-webfont.eot');
    src: url('../font/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/titillium-light-webfont.woff2') format('woff2'),
         url('../font/titillium-light-webfont.woff') format('woff'),
         url('../font/titillium-light-webfont.ttf') format('truetype'),
         url('../font/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumregular';
    src: url('../font/titillium-regular-webfont.eot');
    src: url('../font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/titillium-regular-webfont.woff2') format('woff2'),
         url('../font/titillium-regular-webfont.woff') format('woff'),
         url('../font/titillium-regular-webfont.ttf') format('truetype'),
         url('../font/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicboldcondtwenty';
    src: url('../font/tradegotbolcontwe-webfont.eot');
    src: url('../font/tradegotbolcontwe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tradegotbolcontwe-webfont.woff2') format('woff2'),
         url('../font/tradegotbolcontwe-webfont.woff') format('woff'),
         url('../font/tradegotbolcontwe-webfont.ttf') format('truetype'),
         url('../font/tradegotbolcontwe-webfont.svg#tradegothicboldcondtwenty') format('svg');
    font-weight: normal;
    font-style: normal;

}