/* Version: 1.2 */
/* Custom CSS */

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
}

/*Global Styles*/
html, body {
    height: 100%;
    overflow: hidden;
    background-color: #fafafa;
    word-break: break-word;
}
.outer-wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -90px;
}
.pt-page{
    background-size: cover;
    background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 300;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;

}
h1 { font-size: 2.5em;  }
h2 { font-size: 1.85em; margin-bottom: 0.7em; }
h3 { font-size: 1.5em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
.dark
 {
    color: #222222;
}
a, a:active, a:visited {
	color: #01127c;
	font-family: "Segoe UI Light", ", ", "Source Sans Pro"", "Segoe WP Light", "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Arial, sans-serif"!important;
	word-break: break-word;
	
}
a:hover {
    text-decoration: underline;
}
.addspace {
    margin-top: 160px;
}
.h1-border{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:240px; padding-top:82px; border-radius:6px;
}
.h1-border-1{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:196px; padding-top:82px; border-radius:6px;
}
.h1-border-2{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:295px; padding-top:82px; border-radius:6px;
}
.h1-border-3{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:420px; padding-top:82px; border-radius:6px;
}
.h1-border-4{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:342px; padding-top:82px; border-radius:6px;
}
.h1-border-5{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:482px; padding-top:82px; border-radius:6px;
}
.h1-border-6{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:330px; padding-top:82px; border-radius:6px;
}
.h1-border-7{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:280px; padding-top:82px; border-radius:6px;
}
.h1-border-9{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:270px; padding-top:82px; border-radius:6px;
}
.h1-border-8{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:222px; padding-top:82px; border-radius:6px;
}
.h1-border-10{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:215px; padding-top:82px; border-radius:6px;
}
.h1-border-11{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:128px; padding-top:82px; border-radius:6px;
}
.h1-border-12{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:175px; padding-top:82px; border-radius:6px;
}
.h1-border-13{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:305px; padding-top:82px; border-radius:6px;
}
.h1-border-14{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:360px; padding-top:82px; border-radius:6px;
}
.h1-border-15{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:186px; padding-top:82px; border-radius:6px;
}
.h1-border-16{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:161px; padding-top:82px; border-radius:6px;

}
.h1-border-17{
border-bottom:#01127c;border-bottom-style:solid; border-bottom-width:3px;  width:262px; padding-top:82px; border-radius:6px;
}
.flt-none {
    float: none !important;
}

/*Backgrounds*/
.white-bg {
    background-color: #fafafa;
}
.green1-bg {
    background-color: #01127c;
}
.green2-bg {
    background-color: #623dbe;
}
.blue-bg {
    background-color: #0e9ec7;
}
.pink-bg {
    background-color: #d04275;
}
.brown-bg {
    background-color: #d68f2a;
}
.orange-bg {
    background-color: #d06e39;
}
.green1-bg-opacity {
    background-color: #01127c;
    background-color: rgba(80, 177, 160, 0.9);
}
.green2-bg-opacity {
    background-color: #623dbe;
    background-color: rgba(80, 177, 137, 0.9);
}
.blue-bg-opacity {
    background-color: #0e9ec7;
    background-color: rgba(14, 158, 199, 0.9);
}
.pink-bg-opacity {
    background-color: #d04275;
    background-color: rgba(208, 66, 117, 0.9);
}
.brown-bg-opacity {
    background-color: #d68f2a;
    background-color: rgba(214, 143, 42, 0.9);
}
.orange-bg-opacity {
    background-color: #d06e39;
    background-color: rgba(208, 110, 57, 0.9);
}
.green1-bg-opacity a, .green1-bg-opacity a:active, .green1-bg-opacity a:visited,
.green2-bg-opacity a, .green2-bg-opacity a:active, .green2-bg-opacity a:visited,
.blue-bg-opacity a, .blue-bg-opacity a:active, .blue-bg-opacity a:visited,
.pink-bg-opacity a, .pink-bg-opacity a:active, .pink-bg-opacity a:visited,
.brown-bg-opacity a, .brown-bg-opacity a:active, .brown-bg-opacity a:visited,
.orange-bg-opacity a, .orange-bg-opacity a:active, .orange-bg-opacity a:visited,
.green1-bg a, .green1-bg a:active, .green1-bg a:visited,
.green2-bg a, .green2-bg a:active, .green2-bg a:visited,
.blue-bg a, .blue-bg a:active, .blue-bg a:visited,
.pink-bg a, .pink-bg a:active, .pink-bg a:visited,
.brown-bg a, .brown-bg a:active, .brown-bg a:visited,
.orange-bg a, .orange-bg a:active, .orange-bg a:visited,
.overlay-green1 a, .overlay-green1 a:active, .overlay-green1 a:visited,
.overlay-green2 a, .overlay-green2 a:active, .overlay-green2 a:visited,
.overlay-blue a, .overlay-blue a:active, .overlay-blue a:visited,
.overlay-pink a, .overlay-pink a:active, .overlay-pink a:visited,
.overlay-brown a, .overlay-brown a:active, .overlay-brown a:visited,
.overlay-orange a, .overlay-orange a:active, .overlay-orange a:visited {
    color: #fff;
}
.green1-bg-opacity a:hover, .green2-bg-opacity a:hover, .blue-bg-opacity a:hover,
.pink-bg-opacity a:hover, .brown-bg-opacity a:hover, .orange-bg-opacity a:hover,


.green1-bg a:hover, .green2-bg a:hover, .blue-bg a:hover,
.pink-bg a:hover, .brown-bg a:hover, .orange-bg a:hover,
.overlay-green1 a:hover, .overlay-green2 a:hover,
.overlay-blue a:hover, .overlay-pink a:hover,
.overlay-brown a:hover, .overlay-orange a:hover {
    text-decoration: none;
}
.transparent {
    position: relative;
    z-index: 2;
    opacity: 0.9;
    filter: alpha(opacity=90);/*for ie8*/
}
.overlay-green1 {
    background-color: rgba(80, 177, 160, 0.9);
}
.overlay-green2 {
    background-color: rgba(80, 177, 137, 0.9);
}
.overlay-blue {
    background-color: rgba(14, 158, 199, 0.9);
}
.overlay-pink {
    background-color: rgba(208, 66, 117, 0.9);
}
.overlay-brown {
    background-color: rgba(214, 143, 42, 0.9);
}
.overlay-orange {
    background-color: rgba(208, 110, 57, 0.9);
}

/*Screens*/
/*Header*/
header {
    padding-top: 15px;
    margin-bottom: 35px;
}
header h1 {
    max-width: 500px;
    display: block;
    width: auto;
    float: left;
    margin-right: 30px;
    margin-left: -3px;
}
.page-navi {
    float: left;
    margin-top: 10px;
    margin-left: -68px;
}
.page-navi a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.page-navi-1 {
    float: right;
    margin-top: 18px;
    margin-left: -69px;
}
.page-navi-1 a {
    display: inline-block;
    width: 32px;
    height: 32px;
}
a.home-page {
	background: url(../img/icons_png/home.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="147 84.5 32 32" enable-background="new 147 84.5 32 32" xml:space="preserve">
<path fill="#FFFFFF" d="M163,84.5c-8.837,0-16,7.163-16,16s7.163,16,16,16s16-7.163,16-16S171.837,84.5,163,84.5z M163,114  c-7.456,0-13.5-6.044-13.5-13.5S155.544,87,163,87s13.5,6.044,13.5,13.5S170.456,114,163,114z"/>
<polygon fill="#FFFFFF" points="170.27,99.53 167.03,99.53 167.03,105.5 158.97,105.5 158.97,99.53 155.74,99.53 155.73,99.52   162.99,92.25 "/>
</svg>"), none;
	background-repeat: no-repeat;
	padding-left:40px;
	width:50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #01127c;
	padding-right:15px;
	padding-top:5px;
	margin-right:18px;
}
a.home-page-1 {
	background: url(../img/icons_png/home.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="147 84.5 32 32" enable-background="new 147 84.5 32 32" xml:space="preserve">
<path fill="#FFFFFF" d="M163,84.5c-8.837,0-16,7.163-16,16s7.163,16,16,16s16-7.163,16-16S171.837,84.5,163,84.5z M163,114  c-7.456,0-13.5-6.044-13.5-13.5S155.544,87,163,87s13.5,6.044,13.5,13.5S170.456,114,163,114z"/>
<polygon fill="#FFFFFF" points="170.27,99.53 167.03,99.53 167.03,105.5 158.97,105.5 158.97,99.53 155.74,99.53 155.73,99.52   162.99,92.25 "/>
</svg>"), none;
	background-repeat: no-repeat;
	padding-left:40px;
	width:50px;
	padding-left:45px;
	padding-top:5px;
	margin-right:8px;
}
a.con-page {
	background-repeat: no-repeat;
	padding-left:38px;
	width:90px;
	padding-top:5px;
	background-image: url(../img/cont.png);
 opacity: 0.5;
    filter: alpha(opacity=50);}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    a.con-page {
	background-repeat: no-repeat;
	padding-left:38px;
	width:112px;
	padding-top:5px;
	background-image: url(../img/cont.png);
 opacity: 0.5;
    filter: alpha(opacity=50);
    }
}	
a.con-page:hover {
 opacity: 1;
    filter: alpha(opacity=100);}
a.prev-page {
	background-image: url(../img/sms.png);
    background-repeat: no-repeat;	padding-left:40px;width:144px;	padding-top:5px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #01127c;
	margin-right:18px;
	 opacity: 0.5;
    filter: alpha(opacity=50);
}
a.prev-page:hover {
 opacity: 1;
    filter: alpha(opacity=100);}

}
a.prev-page-all {
    background: url(../img/icons_png/arrow-left-light.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="147 84.5 32 32" enable-background="new 147 84.5 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M163 84.5c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S171.837 84.5 163 84.5z M163 114 c-7.456 0-13.5-6.044-13.5-13.5S155.544 87 163 87s13.5 6 13.5 13.5S170.456 114 163 114z" class="style0"/><polygon points="171,99.5 158.6,99.5 161,96.9 159.7,95.5 155,100.5 159.7,105.5 161,104.1 158.6,101.5 171,101.5" class="style0"/></svg>"), none;
    background-repeat: no-repeat;	padding-left:40px;width:115px;	padding-top:5px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #01127c;
	margin-right:18px;
}

a.prev-page-p {
    background: url(../img/icons_png/arrow-left-light.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="147 84.5 32 32" enable-background="new 147 84.5 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M163 84.5c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S171.837 84.5 163 84.5z M163 114 c-7.456 0-13.5-6.044-13.5-13.5S155.544 87 163 87s13.5 6 13.5 13.5S170.456 114 163 114z" class="style0"/><polygon points="171,99.5 158.6,99.5 161,96.9 159.7,95.5 155,100.5 159.7,105.5 161,104.1 158.6,101.5 171,101.5" class="style0"/></svg>"), none;
    background-repeat: no-repeat;	padding-left:40px;width:120px;	padding-top:5px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #01127c;
	margin-right:18px;
}
a.prev-page-c {
    background: url(../img/icons_png/arrow-left-light.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="147 84.5 32 32" enable-background="new 147 84.5 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M163 84.5c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S171.837 84.5 163 84.5z M163 114 c-7.456 0-13.5-6.044-13.5-13.5S155.544 87 163 87s13.5 6 13.5 13.5S170.456 114 163 114z" class="style0"/><polygon points="171,99.5 158.6,99.5 161,96.9 159.7,95.5 155,100.5 159.7,105.5 161,104.1 158.6,101.5 171,101.5" class="style0"/></svg>"), none;
    background-repeat: no-repeat;	padding-left:40px;width:113px;	padding-top:5px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #01127c;
	margin-right:18px;
}
.relative {
    position: relative;
}

.portfolio-toolbar a.active, .portfolio-toolbar a:hover {
    background-color: #323232!important;
	
}
.portfolio-toolbar a.category {
    width:230px;
    background: #8d60fe;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    border-radius:8px;
    clear:both;
	
}

.portfolio-toolbar-1 a.active, .portfolio-toolbar-1 a:hover {
    background-color: #323232!important;
	
	
}
.portfolio-toolbar-1 a.category {
    width:230px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .active, .portfolio-toolbar-2 a:hover {
    background-color: #195982!important;
	
}
.portfolio-toolbar-2 .category {
    width:230px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 a.category-1 {
    width:auto;
  
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 10px;
    color: #fff;
    display: block;
    float: right;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:25px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}
.portfolio-toolbar-2 .category p{
color:#FFFFFF;
padding-bottom:15px;
}

.portfolio-toolbar-3 a.active, .portfolio-toolbar-3 a:hover {
    background-color: #323232!important;
	
}
.portfolio-toolbar-3 a.category {
    width:230px;
    background: #6bca7b;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    border-radius:8px;
    clear:both;	
}
.portfolio-toolbar-4 a.active, .portfolio-toolbar-3 a:hover {
    background-color: #323232!important;
	
}
.portfolio-toolbar-4 a.category {
    width:230px;
    background: #fca425;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    border-radius:8px;
    clear:both;	
}

/*Social bar*/
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: 20px 0 0 0;
    position: relative;
    z-index: 2;
}
ul.social-bar2 {
    float: none;
    margin-top: 25px;
}
ul.social-bar-black li,
ul.social-bar-white li {
    display: inline-block;
    margin-left: 10px;
}
ul.social-bar2 li {
    display: inline-block;
    margin-right: 10px;
}
ul.social-bar-white li a {
    display: block;
    width: 32px;
    height: 32px;
    opacity: 0.2;
    filter: alpha(opacity=20);/*for ie8*/
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
ul.social-bar-black li a,
ul.social-bar2 li a {
    display: block;
    width: 32px;
    height: 32px;
    opacity: 0.50;
    filter: alpha(opacity=50);/*for ie8*/
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
a.facebook-black {
    background: url(../img/icons_png/facebook-black.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="56.487 52.98 32 32" enable-background="new 56.487 52.98 32 32" xml:space="preserve"><path d="M72.487 52.98c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S81.323 53 72.5 52.98z M72.487 82.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S79.943 82.5 72.5 82.48z"/><path d="M76.283 66.531H73.5V64.5c0-0.623 0.645-0.768 0.945-0.768c0.299 0 1.8 0 1.8 0v-2.741l-2.061-0.011 c-2.812 0-3.453 2.044-3.453 3.354v2.196h-2.04v2.824h2.04c0 3.6 0 7.6 0 7.625H73.5c0 0 0-4.04 0-7.625h2.354L76.283 66.531z"/></svg>"), none;
}
a.facebook-white {
    background: url(../img/icons_png/facebook-white.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="56.487 52.98 32 32" enable-background="new 56.487 52.98 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M72.487 52.98c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S81.323 53 72.5 52.98z M72.487 82.48c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S79.943 82.5 72.5 82.48z" class="style0"/><path d="M76.283 66.531H73.5V64.5c0-0.623 0.645-0.768 0.945-0.768c0.299 0 1.8 0 1.8 0v-2.741l-2.061-0.011 c-2.812 0-3.453 2.044-3.453 3.354v2.196h-2.04v2.824h2.04c0 3.6 0 7.6 0 7.625H73.5c0 0 0-4.04 0-7.625h2.354L76.283 66.531z" class="style0"/></svg>"), none;
}
a.twitter-black { 
    background: url(../img/icons_png/twitter-black.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z"/><path d="M264 490.683c-0.27 0.16-1.078 0.479-1.832 0.56c0.483-0.28 1.199-1.2 1.376-1.931c-0.465 0.319-1.532 0.785-2.06 0.8 c0 0 0 0 0 0.003c-0.602-0.678-1.447-1.1-2.387-1.1c-1.822 0-3.301 1.592-3.301 3.555c0 0.3 0 0.5 0.1 0.8 h-0.001c-2.473-0.068-5.363-1.403-6.992-3.688c-1 1.866-0.135 3.9 1 4.696c-0.388 0.032-1.104-0.048-1.441-0.4 c-0.023 1.2 0.5 2.9 2.5 3.473c-0.389 0.226-1.074 0.161-1.374 0.111c0.105 1 1.5 2.4 3 2.4 c-0.529 0.658-2.336 1.856-4.571 1.475c1.519 1 3.3 1.6 5.2 1.572c5.325 0 9.461-4.647 9.238-10.381 c0-0.007-0.002-0.014-0.002-0.02c0-0.016 0.002-0.031 0.002-0.045c0-0.018-0.002-0.035-0.002-0.054 C262.884 492.1 263.5 491.5 264 490.683z"/></svg>"), none;
}
a.twitter-white {
    background: url(../img/icons_png/twitter-white.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z" class="style0"/><path d="M264 490.683c-0.27 0.16-1.078 0.479-1.832 0.56c0.483-0.28 1.199-1.2 1.376-1.931 c-0.465 0.319-1.532 0.785-2.06 0.785c0 0 0 0 0 0.003c-0.602-0.678-1.447-1.1-2.387-1.1c-1.822 0-3.301 1.592-3.301 3.6 c0 0.3 0 0.5 0.1 0.792h-0.001c-2.473-0.068-5.363-1.403-6.992-3.688c-1 1.866-0.135 3.9 1 4.7 c-0.388 0.032-1.104-0.048-1.441-0.4c-0.023 1.2 0.5 2.9 2.5 3.473c-0.389 0.226-1.074 0.161-1.374 0.1 c0.105 1 1.5 2.4 3 2.414c-0.529 0.658-2.336 1.856-4.571 1.475c1.519 1 3.3 1.6 5.2 1.6 c5.325 0 9.461-4.647 9.238-10.381c0-0.007-0.002-0.014-0.002-0.02c0-0.016 0.002-0.031 0.002-0.045 c0-0.018-0.002-0.035-0.002-0.054C262.884 492.1 263.5 491.5 264 490.683z" class="style0"/></svg>"), none;
}
a.googleplus-black {
    background: url(../img/icons_png/google-plus-black.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z"/><g><g><path d="M257.379 488.496c0.545-0.306 0.783-0.504 0.783-0.504h-5.205c-1.043 0-3.939 1.186-3.939 3.951s3.004 3.4 4.1 3.3 c-0.611 0.746-0.088 1.4 0.2 1.776c0.326 0.4 0.3 0.461-0.131 0.461c-0.393 0-5.227 0.053-5.227 3.5 s6.424 3.7 8.5 1.846s1.654-4.438 0.021-5.6c-1.633-1.163-2.242-1.712-1.197-2.634s1.873-1.668 1.873-3.381 s-1.416-2.589-1.416-2.589S256.834 488.8 257.4 488.496z M256.573 500.833c0 1.493-1.268 2.217-3.42 2.2 c-2.154 0-3.309-1.075-3.309-2.678c0-1.604 1.568-2.394 4.508-2.394C255.149 498.6 256.6 499.3 256.6 500.833z M253.459 494.576c-2.592 0-3.768-6.056-0.719-6.056C255.114 488.4 256.9 494.6 253.5 494.576z M262.047 490.002v-1.97 h-1.018v1.97h-1.992v1.022h1.992v1.974h1.018v-1.974h1.959v-1.022H262.047z"/></g></g></svg>"), none;
}
a.googleplus-white {
    background: url(../img/icons_png/google-plus-white.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z" class="style0"/><g><g><path d="M257.379 488.496c0.545-0.306 0.783-0.504 0.783-0.504h-5.205c-1.043 0-3.939 1.186-3.939 4 s3.004 3.4 4.1 3.314c-0.611 0.746-0.088 1.4 0.2 1.776c0.326 0.4 0.3 0.461-0.131 0.5 c-0.393 0-5.227 0.053-5.227 3.514s6.424 3.7 8.5 1.846s1.654-4.438 0.021-5.6c-1.633-1.163-2.242-1.712-1.197-2.634 s1.873-1.668 1.873-3.381s-1.416-2.589-1.416-2.589S256.834 488.8 257.4 488.496z M256.573 500.8 c0 1.493-1.268 2.217-3.42 2.217c-2.154 0-3.309-1.075-3.309-2.678c0-1.604 1.568-2.394 4.508-2.394 C255.149 498.6 256.6 499.3 256.6 500.833z M253.459 494.576c-2.592 0-3.768-6.056-0.719-6.056 C255.114 488.4 256.9 494.6 253.5 494.576z M262.047 490.002v-1.97h-1.018v1.97h-1.992v1.022h1.992v1.974h1.018v-1.974 h1.959v-1.022H262.047z" class="style0"/></g></g></svg>"), none;
}
a.linkedin-black {
    background: url(../img/icons_png/linkedin-black.png) no-repeat;/*fallback fo IE8*/
    background-image: url(<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z"/><g><g><path d="M248.006 503.993h3v-12h-3V503.993z M260.006 491.993c-2.568 0.043-3.832 1.915-4 2v-2h-3v12h3v-7 c0-0.257 0.633-2.313 3-2c1.271 0.1 2 1.8 2 2v7l2.988 0.014v-8.308C263.889 494.5 263.3 492 260 491.993z M249.506 487.993c-0.828 0-1.5 0.671-1.5 1.5s0.672 1.5 1.5 1.5s1.5-0.671 1.5-1.5S250.334 488 249.5 487.993z"/></g></g></svg>), none;
}
a.linkedin-white {
    background: url(../img/icons_png/linkedin-white.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z" class="style0"/><g><g><path d="M248.006 503.993h3v-12h-3V503.993z M260.006 491.993c-2.568 0.043-3.832 1.915-4 2v-2h-3v12h3v-7 c0-0.257 0.633-2.313 3-2c1.271 0.1 2 1.8 2 2v7l2.988 0.014v-8.308C263.889 494.5 263.3 492 260 491.993z M249.506 487.993c-0.828 0-1.5 0.671-1.5 1.5s0.672 1.5 1.5 1.5s1.5-0.671 1.5-1.5S250.334 488 249.5 487.993z" class="style0"/></g></g></svg>"), none;
}
a.behance-black {
    background: url(../img/icons_png/behance-black.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><g><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z"/><g><g><path d="M255.158 492.041c0.295 0.4 0.4 0.9 0.4 1.487c0 0.595-0.15 1.075-0.447 1.4 c-0.168 0.202-0.411 0.388-0.734 0.554c0.491 0.2 0.9 0.5 1.1 0.86c0.25 0.4 0.4 0.9 0.4 1.4 c0 0.578-0.143 1.096-0.43 1.554c-0.182 0.306-0.408 0.561-0.682 0.771c-0.307 0.237-0.672 0.398-1.089 0.5 c-0.419 0.086-0.873 0.13-1.362 0.13H248V491h4.661C253.836 491 254.7 491.4 255.2 492.041z M249.924 492.696v2.148 h2.344c0.418 0 0.757-0.08 1.021-0.24c0.259-0.163 0.391-0.448 0.391-0.857c0-0.456-0.173-0.753-0.518-0.9 c-0.297-0.102-0.679-0.15-1.14-0.15H249.924z M249.924 496.463v2.599h2.34c0.418 0 0.744-0.06 0.977-0.173 c0.424-0.213 0.635-0.619 0.635-1.218c0-0.509-0.205-0.856-0.615-1.046c-0.229-0.105-0.549-0.16-0.963-0.162H249.924z"/><path d="M262.135 493.687c0.498 0.2 0.9 0.6 1.2 1.067c0.29 0.4 0.5 0.9 0.6 1.5 c0.049 0.3 0.1 0.8 0.1 1.429h-5.193c0.029 0.7 0.3 1.2 0.7 1.524c0.283 0.2 0.6 0.3 1 0.3 c0.425 0 0.771-0.11 1.034-0.331c0.146-0.119 0.273-0.282 0.386-0.496h1.902c-0.05 0.426-0.281 0.862-0.691 1.3 c-0.639 0.698-1.533 1.051-2.683 1.051c-0.948 0-1.784-0.296-2.511-0.888c-0.725-0.593-1.086-1.554-1.086-2.889 c0-1.248 0.326-2.208 0.982-2.875c0.653-0.666 1.503-1.001 2.548-1.001C261.08 493.3 261.6 493.5 262.1 493.687z M259.348 495.316c-0.264 0.276-0.428 0.647-0.496 1.119h3.211c-0.034-0.502-0.2-0.884-0.498-1.142 c-0.296-0.259-0.664-0.389-1.104-0.389C259.983 494.9 259.6 495 259.3 495.316z"/></g><rect x="258" y="492" width="5" height="1"/></g></g></svg>"), none;
}
a.behance-white {
    background: url(../img/icons_png/behance-white.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="240 480 32 32" enable-background="new 240 480 32 32" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><g><path d="M256 480c-8.837 0-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16S264.837 480 256 480z M256 509.5 c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5s13.5 6 13.5 13.5S263.456 509.5 256 509.5z" class="style0"/><g><g><path d="M255.158 492.041c0.295 0.4 0.4 0.9 0.4 1.487c0 0.595-0.15 1.075-0.447 1.4 c-0.168 0.202-0.411 0.388-0.734 0.554c0.491 0.2 0.9 0.5 1.1 0.86c0.25 0.4 0.4 0.9 0.4 1.4 c0 0.578-0.143 1.096-0.43 1.554c-0.182 0.306-0.408 0.561-0.682 0.771c-0.307 0.237-0.672 0.398-1.089 0.5 c-0.419 0.086-0.873 0.13-1.362 0.13H248V491h4.661C253.836 491 254.7 491.4 255.2 492.041z M249.924 492.696v2.148 h2.344c0.418 0 0.757-0.08 1.021-0.24c0.259-0.163 0.391-0.448 0.391-0.857c0-0.456-0.173-0.753-0.518-0.9 c-0.297-0.102-0.679-0.15-1.14-0.15H249.924z M249.924 496.463v2.599h2.34c0.418 0 0.744-0.06 0.977-0.173 c0.424-0.213 0.635-0.619 0.635-1.218c0-0.509-0.205-0.856-0.615-1.046c-0.229-0.105-0.549-0.16-0.963-0.162H249.924z" class="style0"/><path d="M262.135 493.687c0.498 0.2 0.9 0.6 1.2 1.067c0.29 0.4 0.5 0.9 0.6 1.5 c0.049 0.3 0.1 0.8 0.1 1.429h-5.193c0.029 0.7 0.3 1.2 0.7 1.524c0.283 0.2 0.6 0.3 1 0.3 c0.425 0 0.771-0.11 1.034-0.331c0.146-0.119 0.273-0.282 0.386-0.496h1.902c-0.05 0.426-0.281 0.862-0.691 1.3 c-0.639 0.698-1.533 1.051-2.683 1.051c-0.948 0-1.784-0.296-2.511-0.888c-0.725-0.593-1.086-1.554-1.086-2.889 c0-1.248 0.326-2.208 0.982-2.875c0.653-0.666 1.503-1.001 2.548-1.001C261.08 493.3 261.6 493.5 262.1 493.687z M259.348 495.316c-0.264 0.276-0.428 0.647-0.496 1.119h3.211c-0.034-0.502-0.2-0.884-0.498-1.142 c-0.296-0.259-0.664-0.389-1.104-0.389C259.983 494.9 259.6 495 259.3 495.316z" class="style0"/></g><rect x="258" y="492" width="5" height="1" class="style0"/></g></g></svg>"), none;
}
a.facebook-white:hover,
a.twitter-white:hover,
a.googleplus-white:hover,
a.linkedin-white:hover,
a.behance-white:hover,
a.facebook-black:hover, 
a.twitter-black:hover,
a.googleplus-black:hover,
a.linkedin-black:hover,
a.behance-black:hover {
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
}

/*Navigation*/
.navi {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.small-navi, a.middle-navi, 
a.big-navi {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}
a.big-navi-1 {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}

a.small-navi:hover, a.middle-navi:hover, 
a.big-navi:hover {
    background-color: #323232!important;
    text-decoration: none !important;
}
a.big-navi-1:hover {
    background-color: #323232!important;
    text-decoration: none !important;
}
a.small-navi {
    width: 48.996443%;
    height: 134px;
    font-size: 1.1em;
}
a.middle-navi {
    width: 99.2%;
    height: 134px;
    font-size: 1.5em;
    font-weight: 300;
	line-height:28px;
}
a.big-navi {
    width: 99%;
    height: 271px;
    font-size: 1.875em;
    font-weight: 300;
	line-height:34px;
}
a.big-navi-1 {
    width: 99%;
    height: 134px;
    font-size: 1.3em;
	line-height:30px;
}
.navi-icons {
    display: block;
    margin: auto;
    opacity: 0.85;
    position: relative;
    z-index: 2;
    filter: alpha(opacity=85);/*for ie8*/
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}
a.small-navi:hover > .navi-icons,
a.middle-navi:hover > .navi-icons,
a.big-navi:hover > .navi-icons{
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
}
.navi a.about {
    background-color:#01127c;
    padding: 11px 10px 12px 10px;
    margin-right: 1.067%;
	border-radius:12px 0px 0px 0px;
}
.navi a.about-1 {
    background-color:#01127c;
    padding: 11px 10px 12px 10px;
    margin-right: 1.067%;
	border-radius:0px 0px 0px 0px;
}
.navi a.team {
    background-color: #623dbe;
    padding: 20px 10px 12px 10px;
	border-radius:0px 0px 0px 0px;
}
.navi a.team-1 {
    background-color: #623dbe;
    padding: 20px 10px 12px 10px;
	border-radius:0px 12px 0px 0px;
}
.navi a.resume {
    background-color: #009118;
    padding: 10px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 0px;

}
.navi a.resume-6 {
    background-color: #009118;
    padding: 10px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 12px;

}
.navi a.resume-1 {
    background-color: #005267;
    padding: 10px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 12px;

}
.navi a.resume-5 {
    background-color: #623dbe;
    padding: 10px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 12px;

}
.navi a.resume-2 {
    background-color: #e81123;
    padding: 11px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 0px;
}
.navi a.resume-7 {
    background-color: #e81123;
    padding: 11px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 12px 0px;

}
.navi a.resume-8 {
    background-color: #005267;
    padding: 10px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 12px 0px;

}
.navi a.resume-9 {
    background-color: #e81123;
    padding: 10px 10px 12px 30px;
    margin-top: 1.067%;
	border-radius:12px;
	margin-left:5px;
		box-shadow: 3px 3px 7px rgb(136, 136, 136);
}
.navi a.resume-10 {
    background-color: #623dbe;
    padding: 10px 10px 12px 30px;
    margin-top: 1.067%;
	border-radius:12px;
	margin-left:5px;
		box-shadow: 3px 3px 7px rgb(136, 136, 136);
}
.navi a.resume-11 {
    background-color: #009118;
    padding: 10px 10px 12px 30px;
    margin-top: 1.067%;
	border-radius:12px;
	margin-left:5px;
		box-shadow: 3px 3px 7px rgb(136, 136, 136);
}
.navi a.resume-12 {
    background-color: #0174c7;
    padding: 10px 10px 12px 30px;
    margin-top: 1.067%;
	border-radius:12px;
	margin-left:5px;
		box-shadow: 3px 3px 7px rgb(136, 136, 136);
}
.navi a.resume-4 {
    background-color: #0174c7;
    padding: 63px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 0px 0px;

}
.navi a.resume-3 {
    background-color: #425611;
    padding: 11px 10px 12px 10px;
    margin-top: 1.067%;
	border-radius:0px 0px 12px 0px;

}
.navi a.works {
    background-color: #0174c7;
    padding: 36px 10px 12px 10px;
	border-radius:0px 0px 0px 0px;

}
.navi a.works-2 {
    background-color: #623dbe;
    padding: 63px 10px 12px 10px;
	border-radius:0px 0px 0px 0px;

}
.navi a.works-3 {
    background-color: #009118;
    padding: 63px 10px 12px 10px;
	border-radius:0px 12px 0px 0px;


}
.navi a.works-4 {
    background-color: #425611;
    padding: 63px 10px 12px 10px;
	border-radius:0px 0px 0px 0px;


}
.navi a.works-5 {
    background-color: #0174c7;
    padding: 63px 10px 12px 10px;
	border-radius:12px 0px 0px 0px;

}

.navi a.works-6 {
    background-color: #d44b27;
    padding: 63px 10px 12px 10px;
	border-radius:12px 0px 0px 0px;

}
.navi a.works-7 {
    background-color: #fe9c0f;
    padding: 63px 10px 12px 10px;
	border-radius:12px 0px 0px 12px;

}
.navi a.works-8 {
    background-color: #d44b27;
    padding: 63px 10px 12px 10px;
	border-radius:0px 12px 12px 0px;

}
.navi a.works-1 {
    background-color: #0174c7;
    padding: 84px 10px 12px 10px;
	border-radius:0px 0px 0px 0px;

}
.navi a.contacts {
    background-color: #8b6616;
    padding: 14px 10px 12px 10px;
	margin-top:1.067%;
	border-radius:0px 0px 0px 0px;

}
.navi a.contacts-2 {
    background-color: #fe9c0f;
    padding: 63px 10px 12px 10px;
	margin-top:1.067%;
	border-radius:0px 0px 0px 0px;

}
.navi a.contacts-1 {
    background-color: #e5b200;
    padding: 14px 10px 12px 10px;
	border-radius:0px 12px 0px 0px;

}
.navi a.contacts-3 {
    background-color: #e5b200;
    padding: 14px 10px 12px 10px;
	border-radius:12px 0px 0px 0px;

}
.navi a.blog {
	background-color: #d44b27;
	margin-top: 0px;
	margin-right: 1.067%;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	border-radius:0px 0px 0px 0px;

}
.navi a.feedback {
    background-color: #fe9c0f;
    padding: 16px 10px 12px 10px;
	border-radius:0px 12px 0px 0px;

}
.about-icon {
    width: 48px;
    height: 38px;
    margin-bottom: 20px;
}

.team-icon {
    width: 48px;
    height: 48px;
    }
.resume-icon {
    width: 41px!important;
    height: 48px;
    margin-bottom: 10px;
}
.resume-icon-1 {
    width: 41px!important;
    height: 48px;
    margin-bottom: 10px;
}
.resume-icon-2 {
    width: 41px!important;
    height: 48px;
    margin-bottom: 10px;
}
.resume-icon-3 {
    width: 41px!important;
    height: 48px;
    margin-bottom: 10px;
}
.resume-icon-9 {
    height: 38px;
background: url(../img/icons_png/about-us.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="48px" height="38px" viewBox="16.952 19.791 48 38" enable-background="new 16.952 19.791 48 38" xml:space="preserve"><style>.style0{fill:	#FFFFFF;}</style><path d="M22.666 45.656c5.056 1.5 14.3 2 17.4 5.863V29.912c-3.115-3.835-12.325-4.4-17.381-5.866V45.656z M22.666 20.137v-0.315c5.056 1.5 14.3 2 17.4 5.866l0.905 0.256l0.904-0.287c3.115-3.835 12.325-4.401 17.381-5.866 v0.315c1.404 0.4 2.3 0.8 2.3 0.778v3.373l3.429-1.288v27.153c0 0-20.382 1.406-24 7.639v0.03 c-3.619-6.231-24-7.637-24-7.637V23l3.429 1.288v-3.374C20.381 20.9 21.3 20.6 22.7 20.137z M24.38 42.852v-3.511 c4.308 1 10.2 1.6 13.7 3.785v3.51C34.621 44.5 28.7 43.8 24.4 42.852z M24.38 36.796v-3.51 c4.308 1 10.2 1.6 13.7 3.785v3.51C34.621 38.4 28.7 37.8 24.4 36.796z M24.38 30.625v-3.511 c4.308 1 10.2 1.6 13.7 3.785v3.51C34.621 32.2 28.7 31.6 24.4 30.625z M59.237 45.625V24.014 c-5.056 1.466-14.266 2.031-17.381 5.866v21.609C44.972 47.7 54.2 47.1 59.2 45.625z M57.523 42.8 c-4.309 0.964-10.241 1.612-13.714 3.784v-3.511c3.473-2.171 9.405-2.819 13.714-3.785V42.82z M57.523 36.8 c-4.309 0.964-10.241 1.612-13.714 3.785v-3.512c3.473-2.171 9.405-2.819 13.714-3.785V36.765z M57.523 30.6 c-4.309 0.965-10.241 1.612-13.714 3.784v-3.51c3.473-2.172 9.405-2.819 13.714-3.785V30.594z" class="style0"/></svg>"), none;
    background-repeat: no-repeat;
	margin-left:2px;
    margin-bottom: 10px;
	margin-top:10px;
}
.works-icon {
    width: 128px;
    height: 111px;
    margin-bottom: 47px;
}
.works-icon-1 {
    width: 128px;
    height: 0px;
}
.contacts-icon {
    width: 48px;
    height: 42px;
    margin-bottom: 14px;
	
}
.blog-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
}
.feedback-icon {
    width: 48px;
    height: 36px;
    margin-bottom: 16px;
}
.tw-feed {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.8;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:12px;
	text-align:justify;
	margin-bottom:5px;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 27px;
	padding-right: 26px;
	padding-bottom: 27px;
	padding-left: 30px;
}
.tw-feed h3{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom:5px;}
.tw-feed p {
    margin-bottom: 10px;
	padding-top:10px;
}
.tw-feed-1 {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.6;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 40px;
		border-radius:12px;
		text-align:justify;

}
.tw-feed-1 p {
    margin-bottom: 5px;
	padding-top:10px;
}
.tw-feed-author {
    float: right;
    font: 0.75em "Open Sans", Arial, Helvetica, sans-serif;
}
.tw-feed-author a {
    display: inline-block;
    background: url(../img/icons_png/twit.png) no-repeat;/*fallback fo IE8*/
    background-image: url("<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="14px" viewBox="248 354 16 14" enable-background="new 248 354 16 14" xml:space="preserve">
<path fill="#14A3E0" d="M264,355.683c-0.271,0.16-1.078,0.479-1.833,0.56c0.484-0.28,1.2-1.2,1.376-1.931  c-0.464,0.319-1.532,0.785-2.059,0.785c0,0,0,0.002,0.001,0.003c-0.603-0.678-1.448-1.1-2.388-1.1c-1.821,0-3.3,1.592-3.3,3.555  c0,0.272,0.03,0.537,0.085,0.792h-0.001c-2.473-0.068-5.363-1.403-6.992-3.688c-1,1.866-0.135,3.94,1.001,4.696  c-0.388,0.032-1.104-0.048-1.441-0.4c-0.023,1.237,0.53,2.878,2.546,3.473c-0.389,0.226-1.074,0.161-1.374,0.111  c0.105,1.047,1.465,2.414,2.95,2.414c-0.529,0.658-2.336,1.856-4.571,1.475c1.519,0.996,3.289,1.572,5.163,1.572  c5.326,0,9.46-4.647,9.238-10.381c0-0.007-0.002-0.014-0.002-0.02c0-0.016,0.002-0.031,0.002-0.045c0-0.018-0.002-0.035-0.002-0.054  C262.883,357.146,263.533,356.515,264,355.683z"/>
</svg>"), none;
    background-repeat: no-repeat;
    background-position: left center;
    height: 14px;
    text-indent: 21px;
}
.tw-feed-author > span {
    display: inline-block;
    color: #aaaaaa;
}

/*Submenu*/
.submenu {
    position: relative;
    float: left;
    height: auto;
    min-width: 160px;
}
.submenu ul {
    display: block;
    list-style: none;
    position: absolute;
}
.submenu ul li {
    font-size: 1.05em;
    opacity: 0;
    filter: alpha(opacity=0);/*for ie8*/
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    line-height: 1.5;
		background-color:#000000;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-bottom:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.submenu ul li a {
    white-space: nowrap;
    color: #fff;
    opacity: 0.50;
    filter: alpha(opacity=50);/*for ie8*/
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
.submenu ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
    text-decoration: none;
}
.submenu ul li.inline {
    opacity: 50 !important;
    filter: alpha(opacity=50) !important;/*for ie8*/
    font-size: 1.4em;
    color: #fff;
}
.submenu ul li.current {
    display: none;
    color: #fff !important;
}
.submenu ul:hover > li {
    opacity: 50;
    filter: alpha(opacity=50);/*for ie8*/
}
.page2-submenu {
	top: 42px;
}
.page3-submenu {
	top: 15px;
}
.page4-submenu {
	top: -10px;
}
.page5-submenu {
	top: -33px;
}
.page6-submenu {
	top: -35px;
}




/*Content*/
.container {
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;
}
.container > .span12 {
    margin-bottom: 80px;
}
.container > .span12-1 {
    margin-bottom: 0px;
	margin-top:20px;
}
.container > .span12-2 {
    margin-bottom: 25px;
}
.container > .span12 p {
font-size: 0.86em;
color: #000;
line-height: 1.8;
font-weight:550;
text-align:justify;}
.container > .span12-2 p {
font-size: 0.86em;
color: #000;
line-height: 1.8;
font-weight:550;
text-align:justify;}

.container > .span6 p {
font-size: 0.86em;
color: #000;
line-height: 1.8;
text-align:justify;
}
.container > .span6-2 p {
font-size: 0.87em;
color: #000;
line-height: 1.8;
}
.container > .span6-6 p {
    font-size: 2.5em;
    color: #000;
    line-height: 5;
}
.container > .span8 p {
    font-size: 0.89em;
    color: #000;
	text-align:justify;
}
.container > .span8-1 p {
    font-size: 0.86em;
	text-align:justify;
    color: #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 2px solid #01127c;
box-shadow: 5px 5px 10px rgb(136, 136, 136);}
.container > .span6 p {
text-align:justify;
    font-size: 0.86em;
    color: #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 2px solid #01127c;
box-shadow: 5px 5px 10px rgb(136, 136, 136);}
.container > .span6-3 p {
font-family:Calibri;
	text-align:justify;
	font-size: 0.86em;
	color: #000;
	font-weight:450;
}
.container > .span4 p {
text-align:justify;
    font-size: 0.89em;
    color: #000;
    line-height: 1.8;
}
.container > .span5-5 p {
	text-align:justify;
	font-size: 0.86em;
	color: #000;
	line-height: 1.6;
	background-color: #fee8ea;
	z-index: 0;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:130px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 5px 5px 10px rgb(136, 136, 136);
}
.container > .span5-6 p {
	text-align:justify;
	font-size: 0.86em;
	color: #000;
	line-height: 1.6;
	background-color: #fee8ea;
	z-index: 0;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:130px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 5px 5px 10px rgb(136, 136, 136);
}
.container > .span4-3 p {
	text-align:justify;
	font-size: 0.86em;
	color: #000;
	line-height: 1.6;
	background-color: #fdf2f3;
	z-index: 0;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:130px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 3px 3px 6px rgb(136, 136, 136);
}
}
.container > .span12 a:hover,
.container > .span6 a:hover,
.container > .span6-3 a:hover,
.container > .span4-3 a:hover
.container > .span4 a:hover {
    text-decoration: underline;
}
.quotation {
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;
}
.quotation-mark {
    display: block;
    float:left;
    margin-top: 12px;
    margin-left: -55px;
    width: 22px;
    height: 15px;
    background: url(../img/quotes.png) no-repeat;
}
.quotation-author {
    display: block;
    float: right;
    font-size: 0.75em;
    padding-top: 7px;
    color: #FFF;
    border-top: 1px solid #FFF;
    opacity: 0.50;
    filter: alpha(opacity=50);/*for ie8*/
    margin-top: 15px;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-button {
width: 8px;
height:5px;
}
::-webkit-scrollbar-track {
background:#eee;
border: thin solid lightgray;
-webkit-box-shadow:inset 0 0 3px px rgba(11,8,9,0);
box-shadow:inset 0 0 3px px rgba(11,8,9,0);
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb {
background:#999;
border: thin solid gray;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb:hover {
background:#7d7d7d;
}
.team-mate {
    position: relative;
    width: 100%;
    max-height: 282px;
    padding: 10px 10px 12px;
    margin-bottom: 30px;
	margin-top:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.team-mate.expanded {
    height: 100%;
    max-height: 700px;
}
.team-mate a:hover {
    text-decoration: none !important;
}
.team-mate > .figcap,
.og-grid li a > .figcap,
a.blogpost > .figcap,
a.load-more-btn > .figcap,
.comment > .figcap {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    top:0;
    bottom: 0;
    left: 0;
    background-color: #dcf4df;
    z-index: 0;
    position: absolute;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.blogpost {
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	top:0;
	bottom: 0;
	left: 0;
	background-color: #dcf4df;
	z-index: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}
.team-mate > a img,
.og-grid li a > img {
    opacity: 0.75;
    filter: alpha(opacity=75);/*for ie8*/
    position: relative;
    z-index: 1;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}
.team-mate > a h2,
.team-mate > a h3,
.og-grid li a > h2,
.og-grid li a > h3 {
    color: #000;
    position: relative;
    z-index: 1;
    -webkit-transition: color 250ms ease-out;
    -moz-transition: color 250ms ease-out;
    -o-transition: color 250ms ease-out;
    transition: color 250ms ease-out;
}
.team-mate > a h2,
.og-grid li a > h2 {
    font-size: 1.1em!important;
}
dl {
    padding: 0.5em;
}
dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
dt:after {
    content: ":";
}
dd {
    margin: 0 0 0 110px;
}
.team-mate > a h3 {
    line-height: 0;
}
.team-mate > p {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    color: #222222 !important;
}
.team-mate > a h3,
.og-grid li a > h3 {
    font-size: 0.8em;
    opacity: 0.50;
    filter: alpha(opacity=50);/*for ie8*/
}
.team-mate:hover > a img,
.team-mate.expanded > a img,
.og-grid li a:hover > img,
.og-grid li.og-expanded a > img {
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
    outline: none !important;
    border: none !important;
}

.team-mate:hover > a h2,
.team-mate.expanded > a h3,
.team-mate:hover > a h3 {
    color:#623dbe !important;
}
.team-mate.expanded > a h2{
    color:#fff !important;

}

.og-grid li a:hover > .figcap,
.og-grid li.og-expanded a > .figcap,
a.blogpost:hover > .figcap,
a.load-more-btn:hover > .figcap {
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
	background-color:#009118;
}
.team-mate:hover > .figcap{
 opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
	background-color:#d1d1d1;
}
.team-mate.expanded > .figcap{
 opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
	background-color:#8b6616;
}
.blogpost-row {
    margin-bottom: 30px;
}
.blogpost-row > .span6:nth-child(2n+1){
    margin-left: 0;
}
.blogpost-row > .span6{
    height: 182px;
    overflow: hidden;
}
.blogpost-row > .span6 p{
    line-height: 1.8!important;
}
.blogpost-row > .span6 ul{
    list-style: none;
}
.blogpost-row > .span6-3:nth-child(2n+1){
    margin-left: 0;
}
.blogpost-row > .span6-3{
    height: 150px;
    overflow: hidden;
}
.blogpost-row > .span6-3 p{
    line-height: 1.8!important;
}
.blogpost-row > .span6-3 ul{
    list-style: none;
}
a.blogpost {
    display: block;
    position: relative;
    height: 100%;
    width: 95%;
	margin-left:5%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.blogpost > h2, 
a.blogpost > .post-meta,
.comment-meta,
a.blogpost > p {
    color: #000;
    position: relative;
    z-index: 2;
    -webkit-transition: color 250ms ease-out;
    -moz-transition: color 250ms ease-out;
    -o-transition: color 250ms ease-out;
    transition: color 250ms ease-out;
}
a.blogpost > h2 {
    font-size: 1.5em ;
    white-space: nowrap;
    overflow: hidden;
}
.post-meta,
.comment-meta {
    display: block;
    font-size: 0.75em;
    color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);/*for ie8*/
    margin: -10px 0 30px 0;
}
a.blogpost > p {
    font-size: 0.91em !important;
	color:#000000;
	
}
.comments-icon {
    display: inline-block;
    width: 13px;
    height: 12px;
    background: url(../img/comments-icon.png) no-repeat 0px 0px;
}
a.blogpost:hover {
    text-decoration: none !important;
}
a.blogpost:hover > .post-meta > .comments-icon {
    background-position: -13px 0px;
}
a.blogpost:hover > h2,
a.blogpost:hover > .post-meta,
a.blogpost:hover > p {
    color: #fff;
}
a.load-more-btn {
    color: transparent;
    display: block;
    width: 100%;
    padding: 18px 0;
    position: relative;
}
a.load-more-btn > p {
    font-size: 1em;
    color: #fff;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 2;
    -webkit-transition: color 250ms ease-out;
    -moz-transition: color 250ms ease-out;
    -o-transition: color 250ms ease-out;
    transition: color 250ms ease-out;
    margin-bottom: 0!important;
}
a.load-more-btn:hover > p {
    color: #d06e39 !important;
}
.loading-more-btn-text{
    display: none;
}
.single-post-content h2 {
    font-size: 2.2em;
}
.single-post-content p {
    font-size: 1.05em;
    color: #fff;
    margin: 60px 0;
    line-height: 2;
}
.comments {
    margin-bottom: 60px;
}
.comments h2,
.comment-form h2 {
    font-size: 1.87em;
    margin-bottom: 35px;
}
.comment {
    width: 48.42767295597484%; /*462px/954px*/
    float: left;
    position: relative;
    padding: 13px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3.14465408805031% 30px 0;
}
.comment.last-col {
    margin-right: 0;
}
.comment-meta {
    margin: 0 0 30px 0;
}
.comment p {
    font-size: 0.85em;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 1.7;
    overflow: hidden;
}
.pointer-right,
.pointer-left {
    display: block;
    position: absolute;
    width: 19px;
    height: 14px;
    background: url(../img/pointers.png) no-repeat 0px 0px;
}
.pointer-right {
    top: 20px;
    right: -19px;
}
.pointer-left {
    background-position: -19px 0px;
    top: 65px;
    left: -19px;
}
.comments-wrapper {
    position: relative;
}
.timeline {
    width: 9px;
    margin-left: 49.6%;
}
.timeline, .timeline-track,
.timeline-arrow {
    position: absolute;
    height: auto;
    min-height: 100%;
    top: 0;
    bottom: 0;
}
.timeline-track {
    display: block;
    background-color: #fff;
    width: 1px;
    margin-left: 4px;
    opacity: 0.25;
    filter: alpha(opacity=25);/*for ie8*/
}
.timeline-arrow {
    display: block;
    background: url(../img/timeline-arrow.png) no-repeat center bottom;
    width: 9px;
}

/*Feedback Form, Comment Form*/
#feedback-form {
    width: 100%;
    padding-left: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text], textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.09em;
    color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);/*for ie8*/
    border: none;
    outline: none;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
	border-left: 3px solid #195982;
    padding-left: 17px;
	background-color:#eeefef;
	border-radius:10px;
}
input[type=text] {
    width: 99%;
    height: 60px;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 60px;
}
textarea {
    width: 99%;
    float: right;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    padding: 20px;
    resize: none;
    margin-bottom: 30px;
}
input[type=submit] {
    float: right;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    background-color: #d0d0d0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3em;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);/*for ie8*/
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
	border-radius:2px;
}
input[type=submit]:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
	background:#195982;
	color:#FFFFFF;/*for ie8*/
}
/*Stiky Footer*/
.push, footer {
    height:90px;
}
footer {
    padding-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    opacity: 0.60;
    filter: alpha(opacity=60);/*for ie8*/
    font: 0.75em "Open Sans", Arial, Helvetica, sans-serif;
}

/*Thumbnail Grid with Expanding Preview*/
.og-grid {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    margin-left: -25px;
}
.og-grid li {
    display: inline-block;
    margin: 15px 25px 30px 0;
    vertical-align: top;
    height: auto;
}
.og-grid > li{
    display: inline-block;
    margin: -30px 0 30px 25px;
    vertical-align: top;
    height: auto;
    overflow: hidden;
}
.og-grid li.last {
    margin-right: 0;
}
.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
}
.og-grid li a {
    width: 100%;
    max-width: 298px;
    height: auto;
    text-align: left;
}
.og-grid li a > h2 {
    margin-bottom: 0px;
    padding: 5px 10px 0px 10px;
}
.og-grid li a > h3 {
    padding: 5px 10px 12px 10px;
}
.og-grid li a:hover > h2,
.og-grid li a:hover > h3,
.og-grid li.og-expanded a > h2,
.og-grid li.og-expanded a > h3 {
    color:#0e9ec7 !important;
}
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
}
.arrow {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 20px;
    background: url(../img/expanded.png) no-repeat center top;
    margin-top: 10px;	
}
.og-grid li.og-expanded > a .arrow {
    display: block;
}
.og-expander {
    position: absolute;
    background: #3eb1d2;
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 30px;
    text-align: left;
    height: 0;
    overflow: hidden;
}
.og-expander-inner {
    max-width: 954px;
    margin: 0 auto;
    height: 100%;
    padding: 30px 0 0 0;
}
.testi{
background-color:#195982;
font-size:16px;
color:#FFFFFF;
padding:15px;
text-decoration:none;
width:auto;
height:auto;
}


.og-close {
    background-position: 0% 0%;
    position: absolute;
    width: 34px;
    height: 32px;
    top: 25px;
    right: 25px;
    cursor: pointer;
    z-index: 1;
    /*fallback fo IE8*/
    background-repeat: no-repeat;
    opacity: 0.3;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    background-image: url("<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="34.167px" height="33.834px" viewBox="0 0 34.167 33.834" enable-background="new 0 0 34.167 33.834" xml:space="preserve">
<line fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="1.583" y1="1" x2="33.08" y2="32.375"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="32.583" y1="1" x2="1.583" y2="32.375"/>
</svg>"), none;
/*for ie8*/
    background-color: transparent;
    background-attachment: scroll;
}
.og-close:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);/*for ie8*/
}
.og-fullimg,
.og-details {
    float: left;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.og-fullimg {
    width: 46%;
}
.og-tags {
    margin-bottom: 50px;
}
.og-details {
    width: 54%;
    padding-left: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
.og-details h3 {
    font-weight: 300;
    font-size: 3em;
    padding: 0 0 10px;
    margin-bottom: 40px;
}
.og-details p {
    font-weight: 400;
    font-size: 0.87em;
    line-height: 22px;
    color: #fff;
}
.og-details a {
    font-weight: 400;
    font-size: 1.3em;
    letter-spacing: 2px;
    color: #0e9ec7 !important;
    padding: 15px 50px;
    background-color: #f5f5f5;
    display: inline-block !important;
    margin: 50px 0 0;
    outline: none;
    max-width:none !important;
    width:auto !important;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.og-details a:hover,
.og-details a:active {
    background-color: #14a3e0;
    color: #fff !important;
}
.og-fullimg {
    text-align: center;
}
.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4bc7ea;
    box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #329cba;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
    0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@-moz-keyframes loader {
    0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@keyframes loader {
    0% { background: #4bc7ea; }
33% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #329cba, -15px 30px 1px #4bc7ea; }
66% { background: #329cba; box-shadow: 0 0 1px #329cba, 15px 30px 1px #4bc7ea, -15px 30px 1px #329cba; }
}
@media screen and (max-width: 830px) {
    .og-expander h3 { font-size: 32px; }
    .og-expander p { font-size: 13px; }
    .og-expander a { font-size: 0.88em; }
}
@media screen and (max-width: 650px) {
    .og-fullimg { display: none; }
    .og-details { float: none; width: 100%; }
}


/*Page Transitions*/
.pt-perspective {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
}
.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    overflow: scroll;
    overflow-x: hidden;
}
.pt-page-current,
.no-js .pt-page {
    visibility: visible;
    z-index: 10;
}
.no-js body {
    overflow: auto;
}
.pt-page-ontop {
    z-index: 9999;
}
#team {
    overflow-y: scroll;
}

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

/*Validation*/
.textfieldValidState input, input.textfieldValidState,
.textareaValidState textarea, textarea.textareaValidState {
    background-color: #eaeaea;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input,
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
    color: #c3293a;
    border-left: 3px solid #d44b27;
    padding-left: 17px;
	background-color:#eaeaea;
}
.textfieldFocusState input, input.textfieldFocusState,
.textareaFocusState textarea, textarea.textareaFocusState {
    outline: none;
    opacity: 1;
    filter: alpha(opacity=100);
	background-color:#eaeaea;
	color: #c3293a;/*for ie8*/    
    border-left: 3px solid #d44b27;
    padding-left: 17px;
}
.textfieldHintState input, input.textfieldHintState,
textarea.textareaHintState, .textareaHintState textarea {
background-color:#d0d0d0;
    /*color: red !important;*/
}

/*Media Queries*/
/*Desktop*/

@media (max-width: 1170px) {
    .page-navi {
        margin: 35px 30px 0px -55px;
    }
}
@media (max-width: 1070px) {
    .page-navi {
        margin: -45px 30px 0px 563px;
    }
	
}
/*Tablet Landscape*/
@media (max-width: 980px) {
    .sub-header .social-bar-white{
        display: none;
    }
    #site-navigation li.current-menu-item > a{
        border-color: transparent!important;
    }
    .og-grid li.last {
        margin-right: 25px;
    }
    ul.social-bar2 li {
        margin-right: 5px !important;
    }
    .team-mate {
        max-height: 230px;
    }
    .submenu {
        width: 100% !important;
    }
    .page2-submenu, .page3-submenu,
    .page4-submenu, .page5-submenu,
    .page6-submenu, .page7-submenu {
        top: 15px;
    }
    .submenu ul li {
        opacity: 1;
        filter: alpha(opacity=0);/*for ie8*/
        display: inline-block;
        margin: 0 15px 6px 6px;
        font-size: 1.05em;
    }
    .submenu ul li.inline {
        font-size: 1.05em;
    }
    .submenu ul li.current {
        display: inline-block;
        text-decoration: underline;
    }
    .timeline {
        margin-left: 49.4%;
    }
    .pointer-right,
    .pointer-left {
        background: url(../img/pointers-small.png) no-repeat;
        width: 15px;		
    }
    .pointer-right {
        right: -15px;
        background-position: 0px 0px;
    }
    .pointer-left {
        left: -15px;
        background-position: -15px 0px;
    }
	
	 .page-navi {
        margin: -40px 15px 0px 360px;
    }
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: 28px 0 0 0;
    position: relative;
    z-index: 2;
}
.portfolio-toolbar-1 a.category {
    width:185px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category {
    width:185px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:22px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}

}


@media (max-width: 768px) {

	.page-navi {
        margin: -50px 15px 0px 360px;
    }
	ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: 18px -6px 0 0;
    position: relative;
    z-index: 2;
}
}	
	@media (max-height: 768px) {
    .addspace {
        margin-top: 100px;
    }
	


.tw-feed {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.8;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:12px;
	text-align:justify;
	margin-bottom:5px;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 27px;
	padding-left: 30px;
}
}

/*Tablet Portrait*/
@media (max-width: 767px) {
    h2 {
        padding: 0 10px;
    }
    header {
        padding-top: 40px;
        margin-bottom: 10px;
    }
    header h1 {
        float: none;
        margin-left: 10px;
        margin-top: 30px;
        font-size: 2.5em;
        display: block;
    }
    .logo > h1 {
        margin-top: -35px;
        margin-bottom: 40px;
    }
    ul.social-bar-black, ul.social-bar-white {
        position: absolute;
        top: -10px;
        right: 10px;
    }
    .navi {
        margin-top: -90px;
        padding-left: 0.7%;
        padding-right: 0.7%;
    }
    a.small-navi {
        float: left;
        width: 49.6%;
    }
    .small-navi.resume,
    .small-navi.resume-1,
    .small-navi.resume-2,
    .small-navi.resume-3,.resume-4,.resume-5,.resume-6,.resume-7,.resume-8,
    .small-navi.contacts,.contacts-1,.contacts-2,.contacts-3,
    .small-navi.works,.works-1,.works-2,.works-3,.works-4,.works-5,.works-6,.works-7,.works-8,
    .small-navi.blog,
    .small-navi.feedback,
    a.resume,a.resume-1,a.resume-2,a.resume-3,a.resume-4,a.resume-5,.resume-6,.resume-7,.resume-8,a.contacts,a.contacts-1, a.contacts-2,a.contacts-3, 
    a.works,a.works-1,a.works-2,a.works-3,a.works-4,a.works-5,a.works-6,a.works-7,a.works-7, a.blog, a.feedback {
        margin-top: 3px!important;
    }
    .navi .span4 a:nth-child(3){
        margin-left: 0!important;
    }
    a.margin{
        margin-top: 0!important
    }
    nav.navi .span4 a.big-navi{
        margin-top: 3px!important;
        margin-bottom: 3px;
    }
	   nav.navi .span4 a.big-navi-1{
        margin-top: 3px!important;
        margin-bottom: 3px;
    }
    a.about, a.blog {
        margin-right: 0.8%!important;
    }

    .submenu {
        padding-left: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .container > .span12 {
        margin-bottom: 40px;
    }
    .container > .span12 p {
        font-size: 0.84em;
        padding: 0 10px;
    }
	    .container > .span12-2 p {
		text-align:justify;
        font-size: 0.86em;
        padding: 0 10px;
		font-weight:550;
    }
    .container > .span6 p,
    .container > .span6-3 p,
	.container > .span6-2 p,
    .container > .span4 p 
	.container > .span4-3 p {
        padding: 0 10px;
    }
    .quotation-mark {
        display: none;
    }
    .quotation-author {
        margin-right: 10px;
    }
    .tw-feed {
	text-align:justify;
        font-size: 0.86em;
        padding: 15px 20px;
    }
    .tw-feed-author {
        margin-right: 10px;
    }
    .addspace {
        margin-top: 20px;
    }
    form, .comments-wrapper, #feedback-form {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    input[type=text], textarea {
        width: 100%;
        float: none;
    }
    .team-mate {
        max-height: 282px;
        margin: 0 auto 30px auto !important;
    }
    .team-mate > a h2 {
        margin-left: -10px !important;
    }
    .page2-submenu, .page3-submenu,
    .page4-submenu, .page5-submenu,
    .page6-submenu, .page7-submenu {
        top: 10px;
    }
    .blogpost-row {
        margin-bottom: 0;
    }
    a.blogpost, a.load-more-btn {
        width: 97%;
        margin: 0 0 30px 6px;
    }
    .post-meta {
        padding: 0 10px;
    }
    .comment {
        width: 100%;
        float: none;
    }
    .timeline {
        display: none;
    }
    .pointer-right,
    .pointer-left {
        display: none;
    }
    .single-post-content p {
        padding: 0 10px;
    }
    .comments {
        margin-bottom: 40px;
    }
	
	
	 .page-navi {
        margin: -90px 15px 0px 215px;
    }
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: -120px 5px 0 0;
    position: relative;
    z-index: 2;
}
.portfolio-toolbar-1 a.category {
    width:185px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category {
    width:185px;
    background: #195982;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:22px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}

 .tw-feed {
	text-align:justify;
        font-size: 0.89em;
        padding: 50px 20px;
    }
	.og-grid {
	float:left;
	width:350px;
    list-style: none;
    text-align: center;
    margin-left: -25px;
	margin-top:-380px;
	
}
.og-grid li {
    display: inline-block;
    margin: 15px 25px 30px 0;
    vertical-align: top;
    height: auto;
}
.og-grid > li{
	width:350px;

    display: inline-block;
    margin: -30px 0 30px 25px;
    vertical-align: top;
    height: auto;
    overflow: hidden;
}


/*Phone Landscape*/
@media (max-width: 480px) {
    header {
        margin-bottom: 0px;
    }
	   .logo > h1 {
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .og-details {
        padding-left: 15px;
        padding-right: 10px;
    }
    ul.social-bar-black li, ul.social-bar-white li {
        margin-left: 8px;
    }
.page-navi-1 {
    float: left;
    margin-top: 50px;
    margin-left: 10px;
}
	.container > .span12-1 {
    margin-bottom: 0px;
	margin-top:-75px;
}
.h1-border {
    border-bottom: 3px solid rgb(1, 18, 124);
    width: 240px;
    padding-top: 7px;
    border-radius: 6px;
    margin-left: 13px;
}
.h1-border-1{
    border-bottom: 3px solid rgb(1, 18, 124);
  width:196px; padding-top:7px;    margin-left: 13px;
}
.h1-border-2{
 border-bottom: 3px solid rgb(1, 18, 124);  width:295px; padding-top:7px; margin-left:13px;
}
 .page-navi {
        margin: -40px 15px 40px 95px;
    }
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: -135px 5px 0 0;
    position: relative;
    z-index: 2;
}

.portfolio-toolbar-1 a.category {
    width:85px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category {
    width:85px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:18px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}

 .tw-feed {
	text-align:justify;
        font-size: 0.89em;
        padding: 50px 20px;
    }
	.og-grid {
	float:left;
	width:300px;
    list-style: none;
    text-align: center;
    margin-left: -25px;
	margin-top:-430px;
	
}
.og-grid li {
    display: inline-block;
    margin: 15px 25px 30px 0;
    vertical-align: top;
    height: auto;
}
.og-grid > li{
	width:300px;

    display: inline-block;
    margin: -30px 0 30px 25px;
    vertical-align: top;
    height: auto;
    overflow: hidden;
}

@media (max-width: 640px) {
.page-navi-1 {
    float: left;
    margin-top: 18px;
    margin-left: 10px;
}
.page-navi-1 {
    float: left;
    margin-top: 50px;
    margin-left: 10px;
}
	.container > .span12-1 {
    margin-bottom: 0px;
	margin-top:-75px;
}
.h1-border {
    border-bottom: 3px solid rgb(1, 18, 124);
    width: 240px;
    padding-top: 7px;
    border-radius: 6px;
    margin-left: 13px;
}.h1-border-2{
 border-bottom: 3px solid rgb(1, 18, 124);  width:295px; padding-top:10px; margin-left:13px;
}




}

@media (max-width: 420px) {
    .logo > h1 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .pt-page-0 ul.social-bar-black,
    .pt-page-0 ul.social-bar-white{
        position: static;
        float: none;
        display: inline-block;
    }
    .logo{
        text-align: center;
    }
    #home header .span4{
        position: absolute;
        top: -15px;
        text-align: center;
        margin-left: -8px;
    }
	
}

/*Phone Portrait*/
@media (max-width: 360px) {
    .og-grid {
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .logo > h1 {
        margin-top: -35px;
        margin-bottom: 45px;
    }
	.container > .span12-1 {
    margin-bottom: 0px;
	margin-top:-105px;
}
.h1-border {
    border-bottom: 3px solid rgb(1, 18, 124);
    width: 240px;
    padding-top: 7px;
    border-radius: 6px;
    margin-left: 13px;
}
 .page-navi {
        margin: -40px 15px 40px 20px;
    }
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: -55px 5px 0 0;
    position: relative;
    z-index: 2;
}
a.prev-page {
	background-image: url(../img/sms.png);
    background-repeat: no-repeat;	padding-left:40px;width:144px;	padding-top:5px;	
	margin-right:18px;
	 opacity: 0.5;
    filter: alpha(opacity=50);
}

.portfolio-toolbar-1 a.category {
    width:265px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category {
    width:265px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:25px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}

 .tw-feed {
	text-align:justify;
        font-size: 0.89em;
        padding: 50px 20px;
    }
	.og-grid {
	width:350px;

	float:left;
    list-style: none;
    text-align: center;
    margin-left: -25px;
	margin-top:20px;
	
}
.og-grid li {
    display: inline-block;
    margin: 15px 10px 30px 0;
    vertical-align: top;
    height: auto;
}
.og-grid > li{
width:350px;
    display: inline-block;
    margin: -30px 10px 30px 0px;
    vertical-align: top;
    height: auto;
    overflow: hidden;
}
.page-navi-1 {
    float: left;
    margin-top: 34px;
	margin-bottom: -14px;
}

}
@media (max-width: 320px) {
    a.team-mate {
        margin-left: 3px;
    }
    .og-grid {
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
	a.home-page {
    background: url("../img/icons_png/home.png") no-repeat scroll 0% 0% transparent;
    padding-left: 40px;
    width: 80px;
    border-right: 1px solid rgb(1, 18, 124);
    padding-right: 30px;
    margin-right: 40px;
    padding-top: 5px;
	margin-left:77px;
}
a.prev-page {
    background: url("../img/icons_png/arrow-left-light.png") no-repeat scroll 0% 0% transparent;
    padding-left: 40px;
    width: 200px;
    padding-top: 5px;
	margin-left:77px;
}
    .logo > h1 {
        margin-top: -30px;
        margin-bottom: 55px;
    }
	.container > .span12-1 {
    margin-bottom: 0px;
	margin-top:-105px;
}
.h1-border {
    border-bottom: 3px solid rgb(1, 18, 124);
    width: 240px;
    padding-top: 7px;
    border-radius: 6px;
    margin-left: 13px;
}
.h1-border-1{
    border-bottom: 3px solid rgb(1, 18, 124);
  width:196px; padding-top:7px;    margin-left: 13px;}
.h1-border-2{
 border-bottom: 3px solid rgb(1, 18, 124);  width:295px; padding-top:7px; margin-left:13px;
}
 .page-navi {
        margin: -40px 15px 30px 60px;
    }
ul.social-bar-black,
ul.social-bar-white, 
ul.social-bar2 {
    list-style: none;
    float: right;
    margin: -55px 5px 0 0;
    position: relative;
    z-index: 2;
}

.portfolio-toolbar-1 a.category {
    width:225px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category {
    width:225px;
    background: #195982;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 6px 30px;
    color: #fff;
    display: block;
    float: left;
    clear:both;
	
}
.portfolio-toolbar-2 .category h1{
font-size:25px;
color:#FFFFFF;
padding-bottom:15px;
text-decoration:underline;
text-align:center;
}

 .tw-feed {
	text-align:justify;
        font-size: 0.89em;
        padding: 50px 20px;
    }
	.og-grid {
	width:310px;

	float:left;
    list-style: none;
    text-align: center;
    margin-left: -25px;
	margin-top:20px;
	
}
.og-grid li {
    display: inline-block;
    margin: 15px 10px 30px 0;
    vertical-align: top;
    height: auto;
}
.og-grid > li{
width:310px;
    display: inline-block;
    margin: -30px 10px 30px 0px;
    vertical-align: top;
    height: auto;
    overflow: hidden;
}
}

@media (max-width: 300px) {
    .team-mate{
        max-height: 250px;
    }

}