ul, .gallery-caption, footer p, li a, p, span, article, a
, nav, blockquote, dl, dt, dd, td, tr, th, code, caption, figcaption, input, label, textarea{text-align:justify;font-weight:500;font-family:'Lato',sans-serif;color:#515151;font-size:18px}
html{-webkit-font-smoothing:antialiased}
p.large{font-size:24px;line-height:36px;font-weight:300}
a:hover, a:focus, a:active{outline:none}
a:hover{text-decoration:none}
header, section.skills , .section-title .section-link,
.blog-grid .blog-item .post-image
, .portfolio-slider .portfolio-item, .portfolio-nav a:hover, .home-portfolio-pagination a:hover , .our-team .member, .portfolio-page .portfolio-item, .portfolio-sortlist ul li a:hover, .portfolio-sortlist ul li a.active, .pagination .navigaiton a, .pagination .links a, section.page .section-title .section-link:hover , .mocha-button{background-color:#015da8}
footer >.copyrights{background-color:#000}
header .m-slider a:hover, section.page .section-title .section-link:hover, nav.menu ul ul li a:hover, nav.menu ul ul li a, dt, .portfolio-sortlist ul li a, .recent-post-tab span, .widget ul li a:hover:before, .comment .comment-meta a, .tweet a, .post >.meta span, .post >.meta a, a:hover{color:#0078a4}
.widget .flickr a:hover, .portfolio-nav a, .portfolio-sortlist ul li a, section.page .section-title .section-link:hover{border-color:#0078a4}
.comment .comment-meta a:hover, .recent-post-tab span:hover, .comment .comment-meta a:hover, .post >.meta a:hover, .tweet a:hover{color:#a5a5a5}

header ul, header .gallery-caption, header footer p, header li a, header p, header span, header article
, header nav, header blockquote, header dl, header dt, header dd, header td, header tr, header th, header code
, header caption, header figcaption, header input, header label, header textarea,
footer ul, footer .gallery-caption, footer footer p, footer li a, footer p, footer span, footer article
, footer nav, footer blockquote, footer dl, footer dt, footer dd, footer td, footer tr, footer th, footer code
, footer caption, footer figcaption, footer input, footer label, footer textarea,
.dark-section ul, .dark-section .gallery-caption, .dark-section .dark-section p, .dark-section li a, .dark-section p, .dark-section span, .dark-section article
, .dark-section nav, .dark-section blockquote, .dark-section dl, .dark-section dt, .dark-section dd, .dark-section td, .dark-section tr, .dark-section th, .dark-section code
, .dark-section caption, .dark-section figcaption, .dark-section input, .dark-section label, .dark-section textarea{color:#fff}
section.alt-section, footer, .pagination .links a:hover, .pagination .navigaiton a:hover, .pagination a.active , .mocha-button:hover{background-color:#000;z-index:2}
input::-webkit-input-placeholder, input:-moz-placeholder, input[type=text], input[type=email]{color:#5c5c5c !important}
a:focus, a:active{outline:none !important;text-decoration:none !important}
input{margin:0px}
.margin{float:left;clear:both;width:100%;display:block;margin-top:15px;margin-bottom:15px}
.margin.large{margin-top:45px;margin-bottom:45px}
.margin-half{float:left;clear:both;width:100%;display:block;margin-top:8px;margin-bottom:8px}
.divider{float:left;clear:both;margin-top:10px;margin-bottom:10px;width:100%;height:2px;background:#ebebeb}
.margin{float:left;clear:both;margin-bottom:10px;margin-top:10px;width:100%;display:block}
div.floatImage{margin-bottom:10px;margin-right:30px;float:left}
h1, h1 a, h1 span,
h2, h2 a, h2 span,
h3, h3 a, h3 span,
h4, h4 a, h4 span,
h5, h5 a, h5 span,
h6, h6 a, h6 span{font-family:'Lato',sans-serif;color:#515151;line-height:100%;font-weight:700}
header h1, header h1 a, header h1 span,
header h2, header h2 a, header h2 span,
header h3, header h3 a, header h3 span,
header h4, header h4 a, header h4 span,
header h5, header h5 a, header h5 span,
header h6, header h6 a, header h6 span,
footer h1, footer h1 a, footer h1 span,
footer h2, footer h2 a, footer h2 span,
footer h3, footer h3 a, footer h3 span,
footer h4, footer h4 a, footer h4 span,
footer h5, footer h5 a, footer h5 span,
footer h6, footer h6 a, footer h6 span,
.dark-section h1, .dark-section h1 a, .dark-section h1 span,
.dark-section h2, .dark-section h2 a, .dark-section h2 span,
.dark-section h3, .dark-section h3 a, .dark-section h3 span,
.dark-section h4, .dark-section h4 a, .dark-section h4 span,
.dark-section h5, .dark-section h5 a, .dark-section h5 span,
.dark-section h6, .dark-section h6 a, .dark-section h6 span,
section.alt-section h1, section.alt-section h1 a, section.alt-section h1 span,
section.alt-section h2, section.alt-section h2 a, section.alt-section h2 span,
section.alt-section h3, section.alt-section h3 a, section.alt-section h3 span,
section.alt-section h4, section.alt-section h4 a, section.alt-section h4 span,
section.alt-section h5, section.alt-section h5 a, section.alt-section h5 span,
section.alt-section h6, section.alt-section h6 a, section.alt-section h6 span{color:#fff}
h1, h1 a{font-size:46px}
h2, h2 a{font-size:38px}
h3, h3 a{font-size:32px}
h4, h4 a{font-size:24px}
h5, h5 a{font-size:18px}
h6, h6 a{font-size:16px}
h2.column-title{font-weight:700;color:#5e5e5e}
footer .widget >h3{font-size:32px;text-transform:uppercase}
footer .widget h4{font-size:24px}
header, footer{float:left;clear:both;width:100%;z-index:2}
header{position:relative;z-index:2}
header >.background-image{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/header_bg.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-hdn{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/hdn/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-cimply{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/cimply/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-lvt{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/lvt/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-eskay{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/eskay/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-emy{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/emy/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-leb{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/leb/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-nrg{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/nrg/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-hc{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/hc/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-hd{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/hd/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-srov{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/srov/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-frax{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/frax/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-jh{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/jh/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-naut{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/naut/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-shiba{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/shiba/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-sogo{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/sogo/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-kh{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/kh/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-mam{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/mam/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.background-image-ecg{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/portdetail/ecg/header.jpg) center 0px fixed no-repeat;display:block;z-index:2}
header >.container{padding-top:50px;padding-bottom:100px;position:relative;z-index:2}
header .logo{float:left;clear:both;margin-top:20px;position:relative;z-index:2}
header nav ul{padding:0px;margin:0px;z-index:2}
header nav{float:right;margin-top:30px;z-index:2}
header nav ul li{float:left;list-style:none;margin-right:10px;z-index:2}
header nav ul li:after{content:"/ ";font-weight:700;font-family:'Lato',sans-serif;font-size:24px;margin-left:10px;z-index:2}
header nav ul li:last-child, header nav ul ul li{margin-right:0px;z-index:2}
header nav ul li:last-child:after, header nav ul ul li:last-child:after, header nav ul ul li:after{content:"";display:none;z-index:2}
nav.menu ul li{position:relative;z-index:2}
header nav ul ul{display:none;position:absolute;left:0px;top:40px;width:245px;margin-bottom:-7px;z-index:999;padding:0px;line-height:18px}
header nav ul ul ul{left:245px;top:0px;padding-left:5px;padding-top:0px;padding-bottom:0px}
nav.menu ul ul li{float:left;clear:both;width:100%;padding:0px;margin-bottom:7px;text-align:left;font-size:18px !important;line-height:18px}
nav.menu ul ul li a{font-size:18px !important;float:left;clear:both;width:90%;padding-left:7%;padding-top:16px;padding-bottom:16px !important;line-height:18px;background:#fff;border-radius:4px;-webkit-border-radius:4px}
header nav.menu ul li a{font-size:24px;font-weight:600;margin-bottom:-8px;padding-bottom:8px;transition:border-bottom 0.4s;-webkit-transition:border-bottom ease-out 0.4s;border-bottom:4px solid transparent}
header nav.menu >ul >li >a:hover{border-bottom:4px solid #fff;color:#fff}
header nav.menu >ul >li >a.has-sub:hover{border-bottom:4px solid transparent}
header nav.menu ul li ul li a, header nav.menu ul li ul li a:hover{border-bottom:none;margin-bottom:0px;padding-bottom:0px}
nav.menu li.toggle{display:none}
header .m-slider, header .teaser{margin-top:100px;width:100%;text-align:center;margin-bottom:100px}
header .teaser2{margin-bottom:60px;margin-top:60px}
header .teaser{margin-bottom:0px;margin-top:60px}
header .m-slider.flexslider{max-height:none !important}
header .m-slider .slide h2, header .teaser h2{font-size:72px;margin-bottom:50px}
header .teaser h2{margin-bottom:15px}
header .m-slider p, header .teaser p{text-align:center;font-size:36px;line-height:48px;font-weight:300;margin-bottom:50px}
header .teaser h2{text-transform:uppercase;font-size:60px;line-height:60px;font-weight:800}
header .teaser p{margin-bottom:0px}
.home-slider{position:relative;height:748px;width:100%;float:center;clear:both}
div#shell{display:block;position:relative;margin:-141px auto;width:1450px;height:1039px;background:url(../img/eyebg.png) center no-repeat;}
div#shell{z-index:1}
img#logo-2{position:absolute;top:573px;left:252px;z-index:3}
section.portfolio-wrapper, section.page{padding-top:100px;float:left;clear:both;width:100%;padding-bottom:100px}


#contactform span.required {
	color: #ff0000;
}

.error_message {
	display: block;
	height: 40px;
	line-height: 40px;
	background: #fbe3e4;
	color: #8a1f11;
	border: 1px solid #fbc2c4;
	margin-bottom:20px;
}

/* Loader image */
.loader {
	margin: 0 auto;
	padding: 0 25px;
}

/* What users see after they successfully sent a message, see also the contact php file */
#success_page {
	display: block;
	height: 40px;
	line-height: 40px;
	background: #5ae000;
	color: #8a1f11;
	border: 1px solid #4d9b19;
	margin-top:40px;
	text-align: center;
}

#success_page h4 {
	color: #4d9b19;
}


	.description { border-bottom: 1px solid #ECECEC;  padding: 0px 0; margin-bottom: 29px; text-align: center; }
		 .work-heading h1:after {
			color: #212121;
			display: block;
			text-align: center;
			font-size: 17px;
			font-weight: 500;
			letter-spacing: 0.22em;
			padding: 8px 0 5px;
			margin-bottom: 0px;
		}
		.description a { font-size: 20px; }
		.description h1 { margin-bottom: 4px; }

	.link-text h2 { color: #212121; font-size: 15px; font-weight: 500; margin-bottom: 2px; }
	h3.desc { color: #666666; font-family: "Lato",serif; font-size: 14px; letter-spacing: 0.03em; margin-bottom: 0px; text-transform: none; font-weight: 300; }
	h3.desc.work { font-size: 17px; color: #494949; }
    h3.desc.work a:link {color: #494949; font-size: 15px; text-decoration: none; font-weight:normal; }
    h3.desc.work a:active {color: #494949; font-size: 15px; text-decoration: none; font-weight:normal;  }
    h3.desc.work a:visited {color: #494949; font-size: 15px; text-decoration: none; font-weight:normal;  }
    h3.desc.work a:hover {color: #494949; font-size: 15px; text-decoration: none; font-weight:normal;  }
	
p { margin: 0 0 20px 0; line-height: 26px; }
p img { margin: 0; }
p.lead { color: #666666; font-size: 21px; font-weight: 300; line-height: 34px; letter-spacing: 0.015em; margin: 18px auto; width: 95%; text-align:center; }
p.lead.bottom { padding-bottom:40px;}
	
#bottom-info2{ text-align: center; padding-top: 30px; padding-bottom: 0px;  }
#bottom-info { border-top: 1px solid #ECECEC; text-align: center; padding-top: 30px; padding-bottom: 0px; }
#bottom-info h2 { margin-bottom: 10px; }
#bottom-info p { font-size: 20px; }
a.linkout { font-size: 21px; text-align: center; letter-spacing: 0.03em; line-height: 1.15em; }

.section-title{margin-bottom:30px}
.section-title h2{font-size:72px;font-weight:800;float:left;clear:both}
.section-title .section-link, .mocha-button{text-transform:uppercase;color:#fff;font-weight:600;font-size:18px;line-height:18px;margin-bottom:0px;transition:background-color linear 0.4s,border 0.4s;-webkit-transition:background-color linear 0.4s,border 0.4s;padding:14px 35px;border:2px solid transparent;border-radius:4px;-webkit-border-radius:4px;line-height:100%;float:right;clear:none;margin-top:25px;z-index:2}
.section-title .section-link:hover{background:none;border:2px solid #fff}
section.page .section-title .section-link{border-width:3px;border-style:solid;border-color:transparent;transition:background-color 0.4s,color 0.4s;-webkit-transition:background-color 0.4s,color 0.4s}
section.page .section-title .section-link:hover{background-color:transparent}
.portfolio-slider{float:left;clear:both;width:100%}
.portfolio-slider .portfolio-item{height:450px;overflow:hidden;position:relative;border-radius:4px;-webkit-border-radius:4px;text-align:center}
.portfolio-item a.image{position:relative;z-index:0;float:left;clear:both;width:100%;overflow:hidden;height:100%;text-align:center}
.portfolio-item .title{position:absolute;top:100%;left:0%;right:0%;z-index:1;text-align:center}
.portfolio-item .title{font-weight:600;color:#fff;font-size:24px;clear:both}
.portfolio-item .title br{clear:both;margin-bottom:15px}
.portfolio-item .title span{font-weight:300;font-size:18px;color:#fff;clear:both}
.portfolio-item >a.image img{max-width:none}
.portfolio-item >.icon{width:33px;height:33px;background:url(../img/lamp.png) no-repeat;position:absolute;top:-100%;left:47%;right:0%;display:inline-block}
.home-portfolio-wrapper{float:left;clear:both;width:100%;position:relative}
.portfolio-slider.content-wrapper{float:left;clear:both;height:450px;position:relative;width:100%}
.home-portfolio-pagination{position:absolute;top:100px;z-index:999;width:100%;float:left;clear:both}
.home-portfolio-pagination a{width:50px;height:50px;display:block;top:200px;position:absolute;background-color:#353535;background-position:center center;background-repeat:no-repeat;border-radius:4px;-webkit-border-radius:4px}
.home-portfolio-pagination .prev{background-image:url(../img/portfolio_left.png);left:-40px}
.home-portfolio-pagination .next{background-image:url(../img/portfolio_right.png);right:-100px}
.home-portfolio-pagination .prev:hover{background-image:url(../img/portfolio_left_hover.png)}
.home-portfolio-pagination .next:hover{background-image:url(../img/portfolio_right_hover.png)}
a.prev.disabled, a.next.disabled{opacity:0.3 !important}
section.page .flexslider{position:relative;float:left;clear:both;width:100%;border-radius:4px;-webkit-border-radius:4px;overflow:hidden}
section.page .flexslider ul li{list-style:none}
section.page .flexslider ul{padding:0px;margin:0px}
.gallery-wrapper.flexslider{max-height:790px}
.portfolio-slider-wrapper.flexslider{max-height:700px !important}
.portfolio-slider-wrapper img{width:700px}
.gallery-wrapper.flexslider .flex-direction-nav{position:absolute;z-index:14;left:5%;top:35%;overflow:hidden;width:95%;background:none;display:block;margin:0px;padding:0px}
.gallery-wrapper.flexslider .flex-direction-nav li{width:50px;height:50px}
.gallery-wrapper.flexslider .flex-direction-nav a{top:50%;margin:0px;opacity:0.5;padding:0px 15px;position:absolute;display:block;height:50px;width:50px;overflow:hidden;text-decoration:none;transition:opacity 0.4s;-webkit-transition:opacity 0.4s}
.gallery-wrapper.flexslider .flex-direction-nav a:hover{opacity:1}
.gallery-wrapper.flexslider .flex-direction-nav .flex-next{right:20px;background:url(../img/slider-next.png) no-repeat !important}
.gallery-wrapper.flexslider .flex-direction-nav .flex-prev{left:10px;background:url(../img/slider-prev.png) no-repeat !important}
.portfolio-slider-wrapper.flexslider .flex-direction-nav{position:absolute;z-index:14;left:5%;top:35%;overflow:hidden;width:95%;background:none;display:block;margin:0px;padding:0px}
.portfolio-slider-wrapper.flexslider .flex-direction-nav li{width:50px;height:50px}
.portfolio-slider-wrapper.flexslider .flex-direction-nav a{top:50%;margin:0px;opacity:0.5;padding:0px 15px;position:absolute;display:block;height:50px;width:50px;overflow:hidden;text-decoration:none;transition:opacity 0.4s;-webkit-transition:opacity 0.4s}
.portfolio-slider-wrapper.flexslider .flex-direction-nav a:hover{opacity:1}
.portfolio-slider-wrapper.flexslider .flex-direction-nav .flex-next{right:20px;background:url(../img/slider-next.png) no-repeat !important}
.portfolio-slider-wrapper.flexslider .flex-direction-nav .flex-prev{left:10px;background:url(../img/slider-prev.png) no-repeat !important}
.blog-wrapper >.post{float:left;clear:both;margin-bottom:50px;padding-bottom:50px;border-bottom:2px solid #ebebeb;width:100%}
.blog-wrapper.blog-single-post >.post{padding-bottom:0px;border-bottom:none}
.blog-wrapper.blog-single-post >.post:last-child{padding-bottom:0px;margin-bottom:0px}
.post .post-image{margin-bottom:35px;float:left;clear:both;position:relative;width:100%}
.post >.meta p, .post >.meta a, .post >.meta span{font-size:14px;font-weight:700;text-transform:uppercase}
.meta span.dash{margin-right:7px;margin-left:7px}
.post .post-content >h3{margin-bottom:22px}
.post-content .content p, .post-content .content a, .post-content .content div{font-size:18px;line-height:28px;font-weight:500}
.content h4{line-height:100%;margin-top:0px;margin-bottom:27px}
.post-content .content p.light-font{font-weight:300 !important;margin-bottom:15px}
span.bold{font-weight:600}
.mocha-button{float:left}
.mocha-button:hover{color:#fff}
.post-image >.image{height:400px;width:100%;overflow:hidden;float:left;clear:both;position:relative;z-index:0;border-radius:4px;-webkit-border-radius:4px}
.post-image >.image img{max-width:none}
.audio-post{position:relative}
.audio-wrapper{width:90%;left:5%;top:80%;float:left;clear:both;position:absolute;background:#474747;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #474747 0%,#363636 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#363636));background:-webkit-linear-gradient(top, #474747 0%,#363636 100%);background:-o-linear-gradient(top, #474747 0%,#363636 100%);background:-ms-linear-gradient(top, #474747 0%,#363636 100%);background:linear-gradient(to bottom, #474747 0%,#363636 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747',endColorstr='#363636',GradientType=0);border-radius:4px;-webkit-border-radius:4px;height:50px;opacity:0.95;box-shadow:0px 0px 3px #1E1E1E;-webkit-box-shadow:0px 0px 3px #1e1e1e}
.audio-wrapper >div{box-shadow:inset 1px 1px 1px #5F5F5F;padding-bottom:10px;border-radius:4px;-webkit-border-radius:4px}
.mejs-container .mejs-controls{position:absolute;list-style-type:none}
.mejs-container .mejs-controls div{display:block;float:left}
.mejs-controls .mejs-button button{cursor:pointer;display:block}
.mejs-controls .mejs-time-rail span{display:block;position:absolute;cursor:pointer}
.mejs-controls .mejs-time-rail .mejs-time-total{background:transparent}
.mejs-controls .mejs-time-rail .mejs-time-loaded{background:transparent;width:0}
.mejs-controls .mejs-time-rail .mejs-time-current{background:transparent;width:0}
.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.mejs-controls{position:relative;height:15px;margin-top:15px;width:96%;margin-left:2.5%;float:left;background:transparent}
.mejs-controls .mejs-play button{width:21px;height:21px;margin-top:3px;margin-left:3px;background:url(../img/play-small.png) 0 0 no-repeat;border:none;outline:none;float:left}
.mejs-controls .mejs-pause button{width:21px;height:21px;margin-top:3px;margin-left:3px;background:url(../img/pause.png) 0 0 no-repeat;border:none;outline:none;float:left}
.mejs-audio{width:100% !important;margin:0px;float:left;position:relative;left:0px}
.mejs-controls .mejs-time-float, .mejs-controls .mejs-time-handle, .mejs-controls .mejs-time{display:none !important}
.mejs-controls .mejs-time-rail{position:relative;background:none;width:70% !important;float:left;margin-left:1.5%;clear:none;margin-top:3px;height:13px;overflow:hidden;padding:1px;border-radius:3px;-webkit-border-radius:3px;display:block;border-bottom:1px solid #3F3F3F;border-right:1px solid #3F3F3F;box-shadow:inset 0px 0px 16px #121212;-webkit-box-shadow:inset 0px 0px 16px #121212}
.mejs-controls .mejs-time-rail .mejs-time-buffering, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current{height:13px}
.mejs-controls .mejs-time-rail .mejs-time-buffering{background:none}
.mejs-controls .mejs-time-rail .mejs-time-loaded{background:none}
.mejs-controls .mejs-time-rail .mejs-time-loaded{background:none}
.mejs-controls .mejs-time-rail .mejs-time-current{background-color:#047098;border-radius:3px;-webkit-border-radius:3px}
.mejs-controls .mejs-volume-button{float:left;position:absolute;left:78%;top:3px}
.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button{width:19px;height:14px;border:none;outline:none;top:14px;left:588px}
.mejs-controls .mejs-mute button{background:url(../img/volume.png) no-repeat}
.mejs-controls .mejs-unmute button{background:url(../img/volume-muted.png) no-repeat}
.mejs-horizontal-volume-slider{box-shadow:inset 0px 0px 16px #121212;-webkit-box-shadow:inset 0px 0px 16px #121212;display:block;position:relative;height:16px;width:90px;left:8%;margin-top:2px;border-radius:3px}
.mejs-horizontal-volume-total{height:12px;display:block;width:100%;position:relative;cursor:pointer;width:100%}
.mejs-horizontal-volume-current{background:#047098;border-radius:3px;-webkit-border-radius:3px;height:14px;display:block;position:absolute;cursor:pointer;top:1px;left:0px}
.video-wrapper{float:left;clear:both;width:100%;height:400px;overflow:hidden;border-radius:4px;webkit-border-radius:4px}
.video-wrapper iframe{float:left;clear:both;width:100%;height:100%}
.pagination{float:left;clear:both;width:100%;padding:0px;margin:0px}
.pagination .links{float:left}
.pagination ul{padding:0px;margin:0px;margin-right:-4px;margin-bottom:-4px}
.pagination .links ul li{float:left;display:inline;margin-right:4px;margin-bottom:4px}
.pagination .links a{border:none;padding:16px 20px;color:#fff;border-radius:4px;-webkit-border-radius:4px;font-weight:600;float:left;line-height:100%;text-align:center;transition:background-color 0.4s;-webkit-transition:background-color:0.4s}
.pagination .navigaiton{float:right}
.pagination .navigaiton a{border:none;height:48px;width:48px;color:#fff;border-radius:4px;-webkit-border-radius:4px;font-weight:600;float:left;line-height:100%;text-align:center;transition:background-color 0.4s;-webkit-transition:background-color:0.4s;background-position:center center;background-repeat:no-repeat}
.pagination .navigaiton a.next{float:right;margin-left:4px}
.pagination .navigaiton .next{background-image:url(../img/right.png)}
.pagination .navigaiton .prev{background-image:url(../img/left.png)}
.blog-single-post >.post > .content-section{padding-bottom:50px;margin-bottom:50px;border-bottom:2px solid #ebebeb;clear:both;float:left;width:100%}
.blog-single-post >.post >.content-section:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none}
.comments >h3{margin-bottom:30px}
.comments .comment{float:left;clear:both;width:100%;margin-bottom:30px}
.comments .comment .comment{margin-top:30px;margin-left:10%;width:90%}
.comments .comment .comment .comment{margin-left:0px;width:100%}
.comments .comment:last-child{margin-bottom:0px}
div.avatar{float:left;border-radius:4px;-webkit-border-radius:4px;position:relative;overflow:hidden;width:80px;height:80px}
.comment >.content{margin-left:100px}
.comment .comment-meta a, .comment .comment-meta span{font-size:16px;line-height:24px;font-weight:600}
.comments .comment-meta span{text-transform:uppercase;color:#a5a5a5;margin-left:16px;margin-right:16px}
.comments .comment-meta a.reply{text-transform:uppercase}
.comments .comment-content p{font-weight:300;font-size:16px;line-height:24px}
.comments-wrapper >h3{margin-bottom:30px;float:left;clear:both}
.comments-form input[type=text], .comments-form input[type=email], .comments-form textarea{float:left;clear:both;margin-bottom:20px;width:94%;padding:15px 3%;border:none;background:#f2f2f2;border-radius:3px;color:#a5a5a5;font-size:18px;font-weight:300}
.comments-form input[type=text]:focus, .comments-form textarea:focus, .comments-form input[type=email]:focus
, .comments-form input[type=text]:active, .comments-form textarea:active{color:#5c5c5c}
.comments-form textarea{height:240px}
.comments-form .submit-comment{color:#fff !important;font-weight:700;font-size:18px;text-transform:uppercase;text-align:center;padding:15px 34px;border-radius:4px;-webkit-border-radius:4px;outline:none;border-right:none;border-left:none;border-top:none;border-bottom-width:2px;border-bottom-style:solid;margin:0px}
.comments-form .submit-comment:hover{color:#fff !important}
.portfolio-page-wrapper{margin-bottom:-35px;background-color:#fff}
.portfolio-page{position:relative;clear:both}
.portfolio-page .portfolio-item{position:relative;height:450px;overflow:hidden;border-radius:4px;-webkit-border-radius:4px;text-align:center;margin-bottom:35px}
.portfolio-page .portfolio-item .title{}
.portfolio-page a.image{float:left;width:100%;margin:0px;position:relative}
.portfolio-sortlist ul{padding:0px;margin:0px;text-align:center}
.portfolio-sortlist{float:left;clear:both;margin-bottom:45px;text-align:center}
.portfolio-sortlist ul li{display:inline-block;list-style:none;float:none}
.portfolio-sortlist ul li a{font-size:18px;text-transform:lowercase;float:none;background-color:transparent;font-weight:600;line-height:18px;margin-bottom:0px;transition:background-color linear 0.4s,border 0.4s;-webkit-transition:background-color linear 0.4s,border 0.4s;padding:14px 35px;border-radius:4px;-webkit-border-radius:4px;line-height:100%;border-width:2px;border-style:solid;margin-right:10px}
.portfolio-sortlist ul li a:hover, .portfolio-sortlist ul li a.active{color:#fff}
.single-portfolio-item .title h3{text-transform:uppercase;float:left;font-weight:800}
.single-portfolio-item .title{margin-bottom:35px}
.portfolio-nav{float:right;margin-right:-15px}
.portfolio-nav a{width:12px;height:12px;display:block;float:left;margin-right:15px;padding:15px;background-repeat:no-repeat;background-position:center center;border-radius:4px;border-width:2px;border-style:solid;transition:border-color 0.4s,background-color 0.4s;-webkit-transition:border-color 0.4s,background-color 0.4s}
.portfolio-nav a:hover{border-color:transparent}
.portfolio-nav a.prev{background-image:url(../img/portfolio-nav-left.png)}
.portfolio-nav a.next{background-image:url(../img/portfolio-nav-right.png)}
.portfolio-nav a.middle{background-image:url(../img/portfolio-nav-center.png)}
.portfolio-nav a.prev:hover{background-image:url(../img/portfolio-nav-left-hover.png)}
.portfolio-nav a.next:hover{background-image:url(../img/portfolio-nav-right-hover.png)}
.portfolio-nav a.middle:hover{background-image:url(../img/portfolio-nav-center-hover.png)}
dt{float:left;font-weight:bold;margin-right:4px}
dd{font-weight:300;margin-bottom:18px}
dd:last-child{margin-bottom:0px}
.related-works{float:left;clear:both;width:100%;height:440px;position:relative;margin-top:90px}
.related-works .related-title{text-align:center;margin-bottom:10px;float:left;clear:both;font-size:32px;line-height:48px;font-weight:800}
.related-works .slide{width:380px;float:left;margin-right:20px;position:relative}
.portfolio-slider.related-works-wrapper{float:left;clear:both;height:360px;position:relative;width:100%}
.portfolio-slider.related-works-wrapper .portfolio-item{height:360px;overflow:hidden;position:relative;border-radius:4px;-webkit-border-radius:4px;text-align:center}
.slider-pagination{position:absolute;top:100px;z-index:999;width:100%;float:left;clear:both}
.slider-pagination a{width:50px;height:50px;display:block;top:130px;position:absolute}
.slider-pagination .prev{background:url(../img/slider-prev.png) no-repeat;left:-80px}
.slider-pagination .next{background:url(../img/slider-next.png) no-repeat;right:-65px}
.slider-pagination a.prev:hover{background:url(../img/slider-prev-hover.png) no-repeat}
.slider-pagination a.next:hover{background:url(../img/slider-next-hover.png) no-repeat}
a.prev.disabled, a.next.disabled{opacity:0.3 !important}
.bx-wrapper{position:relative;width:100%;float:left;clear:both;margin:0px;left:0px}
.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea{box-shadow:0px 0px 0px 2px #ebebeb;-webkit-box-shadow:0px 0px 0px 2px #ebebeb;float:left;clear:both;margin-bottom:20px;width:94%;padding:15px 3%;border:none;background:#f2f2f2;border-radius:3px;-webkit-border-radius:3px;color:#a5a5a5;font-size:18px;font-weight:300}
.contact-form select{background:transparent;width:102.5%;color:#a5a5a5;outline:none;border:none;border-radius:3px;-webkit-border-radius:3px;font-size:18px;line-height:18px;float:left;clear:both;height:45px;font-weight:300;padding:10px 0px 0px 3%;z-index:2;position:relative}
@media screen and (-webkit-min-device-pixel-ratio:0){.contact-form select{text-indent:3%;padding:7px 0px 3px 0px;-webkit-appearance:textfield}
}
.contact-form select option{font-size:18px;color:#a5a5a5;font-weight:300;line-height:18px;float:left;clear:both;width:97%;padding-left:3%}
.contact-form select option:checked{color:#a5a5a5}
.contact-form .select{position:relative;height:45px;box-shadow:0px 0px 0px 2px #ebebeb;-webkit-box-shadow:0px 0px 0px 2px #ebebeb;width:100%;float:left;clear:both;margin-bottom:20px;overflow:hidden;border-radius:4px;-webkit-border-radius:4px}
.select .bg{background:#f2f2f2;position:absolute;top:0px;left:0px;z-index:0;width:100%;height:45px}
.contact-form .select span.arrow{position:absolute;top:0px;right:0px;z-index:1;width:50px;height:45px;background:#f2f2f2 url(../img/select.png) center center no-repeat;border-left:2px solid #ebebeb}
.fixed-content .content{padding-top:0px !important;margin-top:0px !important}
.out-team{float:left;clear:both;width:100%;margin-bottom:-40px}
.our-team .member{height:360px;position:relative;overflow:hidden;border-radius:4px;-webkit-border-radius:4px;margin-bottom:30px;text-align:center}
.our-team .member >img{position:relative;z-index:0;top:0px}
.our-team .content{float:left;clear:both;height:100%;width:100%;position:absolute;z-index:99;top:0px;text-align:center;display:block;opacity:0;transition:opacity 0.4s;-webkit-transition:opacity 0.4s}
.our-team .member >img{max-width:none}
.our-team h4{position:relative;top:160px;margin:0px;color:#fff}
.our-team .title{position:relative;top:175px;z-index:1;text-align:center;color:#fff;font-weight:300}
.our-team .social-icons{position:relative;top:195px;margin:0px;float:left;clear:both;width:100%}
.our-team .social-icons a{float:none;display:inline-block;margin-right:-2px}
.our-team .member:hover >img{opacity:0.1}
.our-team .member:hover .content{opacity:1.0}
section.skills >.background-image{opacity:0.2;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:url(../img/demo/map.png) center 0px fixed no-repeat;display:block;z-index:0}
section.skills{position:relative;padding-bottom:0px}
section.skills >.container{padding-top:0px;position:relative;z-index:1}
section.skills h2{font-size:72px;font-weight:800;color:#fff;float:left;clear:both;text-align:center;line-height:72px;padding:0px;margin:0px 0px 60px 0px}
.skills-wrapper{position:relative;height:623px;background-image:url(../img/skills.png);background-position:left top;background-repeat:no-repeat}
.skills-wrapper .skill{position:absolute;width:215px}
.skills-wrapper .skill p{font-size:14px}
.skills-wrapper .skill.one{top:240px;left:20px}
.skills-wrapper .skill.two{top:80px;left:60px}
.skills-wrapper .skill.three{top:330px;left:400px}
.skills-wrapper .skill.four{top:330px;left:660px}
.skills-wrapper .skill.five{top:240px;left:900px}
footer .widgets-wrapper{padding-top:50px;padding-bottom:50px;float:left;clear:both;width:100%}
footer >.copyrights{clear:both}
footer >.copyrights .container{background-image:url();padding-top:47px;padding-bottom:15px}
.copyrights-wrapper{float:left;clear:both;width:100%}
footer .copyrights .container{background-position:0px 0px;background-repeat:no-repeat}
footer .copyrights .left-copyrights{float:left;clear:both}
footer .copyrights .right-menu{float:right}
footer .copyrights .right-menu ul{padding:0px;margin:0px;float:right;width:100%;display:block}
footer .copyrights .right-menu ul li{float:left}
footer .right-menu ul li{float:left;list-style:none;margin-right:10px}
footer .copyrights p, footer .right-menu ul li a{text-transform:uppercase;font-size:14px;font-weight:normal;line-height:100%}
footer .right-menu ul li:after{content:"/ ";font-weight:700;font-family:'Lato',sans-serif;font-size:18px;margin-left:10px;margin-top:0px;line-height:100%}
footer .right-menu ul li:last-child, footer .right-menu ul ul li{margin-right:0px !important}
footer .right-menu ul li:last-child:after, footer .right-menu ul ul li:last-child:after, footer .right-menu ul ul li:after{content:""}
footer .right-menu ul ul{display:none}
@media (max-width:1280px){.m-slider.flexslider .flex-direction-nav{top:30%}
.m-slider.flexslider .flex-direction-nav .flex-next{right:0px;background:url(../img/slider_right.png) no-repeat !important}
.m-slider.flexslider .flex-direction-nav .flex-prev{left:0px;background:url(../img/slider_left.png) no-repeat !important}
.home-portfolio-pagination .prev{background-image:url(../img/portfolio_left.png);left:20px}
.home-portfolio-pagination .next{background-image:url(../img/portfolio_right.png);right:0px}
.home-portfolio-wrapper{overflow:hidden}
.related-works{width:100%;overflow:hidden}
.related-works .slider-pagination a.prev{left:0px;opacity:1}
.related-works .slider-pagination a.next{right:0px;opacity:1}
.widget .newsletter input[type=text]
, .widget .newsletter input[type=email]{width:210px}
.skills-wrapper{height:auto}
section.skills .container{float:left;clear:both;width:100%;overflow:hidden}
.skills-wrapper .skill.four{left:630px}
.skills-wrapper .skill.five{left:770px}
.skills-wrapper{width:100%;float:left;clear:both}
section.skills .background-image{width:100%}
.item-meta dd{text-align:left}
}
@media (min-width:768px) and (max-width:979px){}
@media (max-width:767px){header .logo{margin:10px 0px 20px 0px;text-align:center;width:100%;float:left}
header .logo a{width:100%;text-align:center}
header .logo a img{text-align:center;display:inline-block}
header, footer, section, footer >.copyrights{float:left;clear:both;width:100%;padding-left:20px;padding-right:20px;margin-left:-20px}
nav.menu{float:left;clear:both;width:100%}
nav.menu ul li{float:left;clear:both}
nav.menu ul ul{position:relative;display:none;float:left;clear:both;left:0px;top:0px;width:100%;margin-top:15px;margin-bottom:-15px}
nav.menu ul li:after{content:"";display:none}
nav.menu ul li{float:left;clear:both;width:100%;padding:0px;margin-bottom:15px;text-align:left;font-size:18px !important}
nav.menu ul li a{font-size:18px !important;float:left;clear:both;width:90%;padding-left:7%;padding-top:16px;padding-bottom:16px !important;background:#fff;border-radius:4px;-webkit-border-radius:4px;border:none}
nav.menu ul li a, nav.menu ul li a:hover{color:#0078a4 !important}
nav.menu li.toggle a{background:#fff url(../img/toggle.png) 95% 20px no-repeat}
nav.menu >ul li >ul li a{width:87%;padding-left:10%}
.m-slider.flexslider .flex-direction-nav .flex-next{right:0px;background:url(../img/slider_right.png) no-repeat !important}
.m-slider.flexslider .flex-direction-nav .flex-prev{left:0px;background:url(../img/slider_left.png) no-repeat !important}
.portfolio-slider .portfolio-item{width:700px;margin-left:-30px}
.home-portfolio-pagination a.next{right:0px}
.home-portfolio-pagination a.prev{left:0px}
section.skills{height:auto}
.skills-wrapper{position:relative;margin:0px;float:left;clear:both;width:100%;background:none;margin-bottom:100px}
.skills-wrapper *{position:relative}
.skills-wrapper .skill{position:relative !important;float:left;clear:both;left:0px !important;width:90%;margin:0px;height:auto;top:auto !important;text-align:center;padding:10px 5%;background:url(../img/bg.png) repeat;border-radius:4px;-webkit-border-radius:4px;margin-bottom:20px}
.skill p{position:relative;text-align:center}
.portfolio-sortlist ul{margin-bottom:-10px}
.portfolio-sortlist ul li{float:left;clear:both;position:relative;margin-bottom:10px;width:80%}
.portfolio-sortlist ul li a{border-color:transparent;margin-right:0px}
.mejs-controls .mejs-time-rail{width:60% !important}
.mejs-controls .mejs-volume-button{left:72%}
.mejs-horizontal-volume-slider{left:12%}
.single-portfolio-item >.container >.row >.title{margin-bottom:40px;float:left;width:100%;clear:both}
.single-portfolio-item .flexslider.portfolio-slider-wrapper{margin-bottom:40px}
.portfolio-sortlist ul li a{float:left;clear:both;background:#F2F2F2;width:100%}
.section-title{width:100%;float:left;clear:both}
.blog-grid .blog-item p, .blog-grid .blog-item div{text-align:center}
.blog-grid .blog-item .post-image{text-align:center;width:100%;float:left}
.blog-grid .blog-item .post-image img{max-width:none;text-align:center}
.blog-grid .blog-item .post-image a.image{float:none;clear:both;width:100%;height:100%}
.sidebar{margin-top:40px;float:left;clear:both}
.fixed-content.span4{clear:both}
.contact-form{margin-bottom:40px;float:left;clear:both;width:100%}
}
@media (min-width:1200px){}
@media (max-width:640px){.audio-wrapper .mejs-controls .mejs-time-rail{width:68% !important}
.audio-wrapper .mejs-controls .mejs-volume-button{left:85%}
.audio-wrapper .mejs-horizontal-volume-slider{left:12%;display:none !important;opacity:0}
.portfolio-slider .portfolio-item{width:600px;margin-left:-60px}
.home-portfolio-pagination{top:180px}
}
@media (max-width:480px){.home-portfolio-pagination{top:290px}
.related-works-wrapper .portfolio-item{text-align:center;margin:0px;width:400px;border-radius:0px;-webkit-border-radius:4px}
.related-works-wrapper .slide .image img{max-width:none}
.related-works-wrapper .slide .image{text-align:center;width:100%;margin:0px}
.related-works-wrapper{width:100%;overflow:hidden;margin:0px;float:left}
.portfolio-slider .portfolio-item{width:340px;margin-left:0px}
}
@media (max-width:979px){}
@media (min-width:980px){}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}