html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family: Assistant, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
table, td, th {vertical-align:top;}
*:focus { outline: none;}
a img {border:none;}
hr {display: block;clear: both;background: #cccccc;color: #cccccc;width: 100%;height: 1px;border: none;} 
input, textarea, select, button {line-height:normal;margin:0px;padding:0px;border:none;color: #555;border:none;background:none;padding:5px;font: normal 18px Assistant, Arial, Helvetica, sans-serif;vertical-align: middle;}
textarea{overflow:auto;vertical-align:top;resize: none;} 
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}

::-moz-selection {background:#0c1b74;color:#fff;text-shadow: none;}
::-webkit-selection {background:#0c1b74;color:#fff;text-shadow: none;}
::selection {background:#0c1b74;color:#fff;text-shadow: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
::-webkit-input-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}

html {font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;font-family:Assistant, Arial, Helvetica, sans-serif;}
body {font-size:20px;color:#333333;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}

h1, h2, h3, h4, h5, h6, h7 {color:#0c1b74;margin:0px 0px 20px 0px;font-family:Assistant, Arial, Helvetica, sans-serif;}
h1 {font-size:52px;line-height:100%;margin:0;}
h2 {font-size:34px;}
h3, h4, h5, h6 {font-size:27px;}

p {margin:0px 0px 15px 0px;line-height:26px;}
a,  a:link,  a:visited,  a:focus,  a:active{color:#0c1b74;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#0c1b74;}
img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}
li ul, li ol {margin:0;}
ol {list-style-type:decimal;}

nav ul{ display: inline;margin:0;list-style-type:none;list-style: none;}
nav ul li {display:inline-block}
ul li{margin:0;list-style: none;}


div, span, a, header, footer, :before, :after, img, p, input, textarea, button, h2, h3, .more, ul, span {transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.contactform, .errorplace, .errorplace2, .leftmenu a span, .answer, .loginplace, .mainmenu ul li a span, .forgotpass, .login, .dropmenuplace,
.countries, h1, p, .mainmenu a, .topmenu a, .mainmenu li, .topmenu li, main, aside, main > div, aside > div {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

.clear {clear:both;}
.clearline {clear:both;height:1px;background:#0c1b74;width:100%;}
.error {border:1px solid #ff0000;}
.alert{color:#ff0000;font-size: 14px;}
.errorplace {color:#ff0000;font-size: 14px;}
.errorplace2 {color:#ff0000;clear:both;font-size: 11px;padding: 5px 0;}
.middleimg {position:relative}
.middleimg img {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}

.page:after, .accessibility div:after, .docsplace:after, .linksplace:after, .content:after, .containermasonry:after, .bodytext:after,
.projecthomeplace:after, .projecthome:after, .imagesplace:after, .featuresplace:after, .indexcontent:after, .infoboxes:after, #features:after,
.listview:after, .banner:after, .mainbannerplace:after, .socialmedia:after, .infoboxesplace:after, .columns:after, .gallerylist,
.abcplace:after, .features2:after, .features3:after, .features:after, .logos:after,.cartheader:after, .RowOfCart:after, .cartplace:after {content: "";display: table;clear: both;}

.loading, .searchplace, .accessibilityplace, .loginplace, .errorplace, .errorplace2, .curtainplace, .forgotpass, .dnone,
.togglecart, .openmenu {display: none;}

#main {max-width:1920px;margin:auto;}

header {padding:0;position:fixed;left:0;top:0;width:100%;z-index:999;background: #000;}

.logo {display: block;float:right;margin:0 25px -40px 25px;padding:20px 15px;background:#fff;-ms-transform: skew(15deg); -webkit-transform: skew(15deg); transform: skew(15deg); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);box-shadow: 0px 0px 10px rgba(0,0,0,.4);}
.logo img {-ms-transform: skew(-15deg); -webkit-transform: skew(-15deg); transform: skew(-15deg);}
.logo span {display:block;height:83px;overflow:hidden}
header.sticky .logo {padding: 14px 15px;}
header.sticky .logo span {height:50px}

.page {position:relative;max-width:1200px;margin:auto;}
.shortpage  {position:relative;max-width:850px;margin:auto;}

.searchplace, .loginplace {position:absolute;left:20px;top:84px;width:320px;background: #0c1b74;padding:15px;color:#ffffff;z-index:990;-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);box-shadow: 0px 0px 10px rgba(0,0,0,.4);-ms-transform: skew(15deg); -webkit-transform: skew(15deg); transform: skew(15deg);}
header.sticky .searchplace {top: 52px;}

.mainmenu, .topmenu {display:block;margin:0px auto 0 auto;float:right;}
.mainmenu li, .topmenu li {margin:0;display:inline-block;position: relative;list-style:none;float:right}
.mainmenu a, .topmenu a {position:relative;display:block;z-index:2;color:#fff;font-size: 20px;line-height:18px}
.mainmenu a span, .topmenu a span {padding:33px 15px;display:inline-block;position:relative}
.mainmenu li.this a span:after, .topmenu li.this a span:after, .mainmenu li:hover span:after, .topmenu li:hover span:after {z-index: -1;content:"";display:block;position:absolute;left:-10px;top:0;background: #0c1b74;width:20px;height:100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.mainmenu li.this a span:before, .topmenu li.this a span:before, .mainmenu li:hover span:before, .topmenu li:hover span:before {z-index: -1;content:"";display:block;position:absolute;right:-10px;top:0;background: #0c1b74;width:20px;height:100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.mainmenu li:hover span, .topmenu li:hover span, .mainmenu a:focus span, .topmenu a:focus span, .mainmenu li.this a span,
.topmenu li.this a span {background:#0c1b74;color:#fff;}
.mainmenu li ul li {float:none;display:block}
.mainmenu li ul li a, .topmenu li ul li a {display:block;text-transform: inherit;color:#333;margin:0 20px;border-bottom:1px solid #d7d7d7;padding:0;font-size: 18px;}
.mainmenu li ul li a span, .topmenu li ul li a span {padding:11px 0 11px 10px;color:#333 !important;background:none !important}
.mainmenu li ul li a span:before, .topmenu li ul li a span:before {display:none!important;width:20px;height:100%;content:"";position:absolute;right:-20px !important;top:0;    background: #0c1b74;-moz-transform: skew(0deg, 0deg) rotate(0deg)!important;-webkit-transform: skew(0deg, 0deg) rotate(0deg)!important;-o-transform: skew(0deg, 0deg) rotate(0deg)!important;-ms-transform: skew(0deg, 0deg) rotate(0deg)!important;transform: skew(0deg, 0deg) rotate(0deg)!important;}
.mainmenu li ul li a span:after, .topmenu li ul li a span:after {display:none!important;z-index: -1;content:"";position:absolute;left:-10px;top:0;background: #0c1b74;width:20px;height:100%;}
.mainmenu li ul li:hover span:after, .topmenu li ul li:hover span:after, .mainmenu li ul li:hover span:before,
.topmenu li ul li:hover span:before {display:block !important;}
.mainmenu li ul li a:hover span, .topmenu li ul li a:hover span, .mainmenu li ul li a:focus span, .topmenu li ul li a:focus span {color:#fff !important;background:#0c1b74 !important}
.mainmenu li ul li ul, .topmenu li ul li ul {display:none}
.dropmenuplace {position: absolute;top: 84px;z-index: 11;opacity: 0;width: 320px;right:-20px;display:none;background:#ebebeb;padding: 0;-moz-box-shadow: 0px 5px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.4);box-shadow: 0px 5px 10px rgba(0,0,0,.4);}
.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
header.sticky .dropmenuplace {top: 52px;}

header.sticky .mainmenu a span, header.sticky .topmenu a span {padding:17px 15px;}


.more, .moreabout {display:inline-block;padding:5px 15px;color:#fff;float:right;
	   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c1b74+0,0c1b74+65,1f4a8e+65,1f4a8e+100 */
	background: rgb(54,88,143); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(54,88,143,1) 0%, rgba(54,88,143,1) 65%, rgba(31,74,142,1) 65%, rgba(31,74,142,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(54,88,143,1) 0%,rgba(54,88,143,1) 65%,rgba(31,74,142,1) 65%,rgba(31,74,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(54,88,143,1) 0%,rgba(54,88,143,1) 65%,rgba(31,74,142,1) 65%,rgba(31,74,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1b74', endColorstr='#1f4a8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.more:hover, .more:focus, .moreabout:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dd0d13+0,dd0d13+65,a5090c+65,a5090c+100 */
	background: rgb(221,13,19); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(221,13,19,1) 0%, rgba(221,13,19,1) 65%, rgba(165,9,12,1) 65%, rgba(165,9,12,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(221,13,19,1) 0%,rgba(221,13,19,1) 65%,rgba(165,9,12,1) 65%,rgba(165,9,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(221,13,19,1) 0%,rgba(221,13,19,1) 65%,rgba(165,9,12,1) 65%,rgba(165,9,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0d13', endColorstr='#a5090c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.sliderhome, .maincontent {position:relative;}
.sliderhome:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:200px;z-index:99;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0.9+50,0+100 */background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
.sliderhome div {position:relative;}
.sliderhome .caption {position: absolute;left:0;bottom:0px;width:100%;text-align: center;background: #ffffff\9;background: rgba(255, 255, 255, 0.9);padding:20px 30px;display:none}
.sliderhome h2, .sliderhome p {margin: 0;text-align: center;}

.homevideo {position:relative}
.homevideo video {width:100%;}
.homevideotext {position:absolute;left:0;top:30%;width:100%;color:#fff;text-align:center;z-index:2}
.homevideotext h1 {color:#fff;text-align:center;/*text-shadow:0px 2px 0px #000*/text-shadow:0px 2px 20px #000;margin:0 0 60px 0;position:relative}
.homevideotext h1:after {content:"";display:block;width:273px;height:14px;background: url(../images/bgtitle.png) center center no-repeat;position:absolute;left:50%;bottom:-30px;margin:0 0 0 -140px;}
.homevideotext p {color:#fff;text-align:center;max-width:60%;margin:auto;text-shadow:0px 2px 20px #000}

.featurehome {}
.fh_item {position: relative;background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-size: cover;min-height: 500px;margin:10px;}
.fh_item:nth-of-type(even) .caption {right:auto;left:0;}
.caption {padding:5%;position:absolute;right:0;top:0;height:100%;width:30%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+3,ffffff+72,ffffff+72,f7f7f7+72,f7f7f7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 3%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 72%, rgba(247,247,247,1) 72%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 3%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 72%,rgba(247,247,247,1) 72%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 3%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 72%,rgba(247,247,247,1) 72%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.caption h2 {line-height: 100%;}
.caption p {color:#777;line-height: 120%;}

a.opentel {margin: 16px 0 0 0;display:inline-block;float:right;background: #9eacc8;color:#fff;padding:5px;/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
a.opentel:hover, a.opentel:focus {background: #284b90;}

div .slick-next {right:5%;}
div .slick-prev {left:5%;}
div .slick-prev, div .slick-prev:hover, div .slick-prev:focus {z-index:9;background: url(../images/leftarrow.png) center center no-repeat;width:20px;height:20px;}
div .slick-next, div .slick-next:hover, div .slick-next:focus {z-index:9;background: url(../images/rightarrow.png) center center no-repeat;width:20px;height:20px;}
div .slick-prev:before, div .slick-next:before {display:none}
div .slick-dots li {padding:0;background:none}
div .slick-dots li button:before {content:"";background:#ccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:15px;height:15px;}
div .slick-dots {bottom: -30px;}

.featuresplace {}
.features {}
.feature {width:32%;margin:1% 1% 1% 0;float:right;position:relative;background:#eeeeee;}
.feature .imgplace {overflow:hidden}
.feature .abstract {position:absolute;right:0;top:0;height:100%;padding:20px;width: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
}
.feature:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.feature:hover .abstract {width:100%;}
.feature img {float:left;}
.feature .title {margin:0;color:#000;font-size:30px;line-height:31px;position:relative;z-index:2;}
.feature:hover .title {color:#fff;font-size:44px;line-height:46px;}
.feature:after {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;opacity:0}
.feature:hover:after, .feature a:focus:after {opacity:1}
.feature a  {color:#000;}

.feature2 {width:48.6%;float:right;margin:0 1% 1% 0;height:350px;overflow:hidden;position:relative}
.feature2 .abstract {margin: 0 -50px 0 0;position:absolute;right:0;top:0;height:100%;padding:18% 100px 40px 60px;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);transform: skew(15deg, 0deg);background: #ffffff\7;background: rgba(255, 255, 255, 0.7);}
.feature2:hover .abstract, .feature2 a:focus .abstract {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);}
.feature2 .title {margin:0;color:#000;font-size:30px;line-height:31px;position:relative;-moz-transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(-15deg, 0deg);}
.feature2 .title span {display:block;}
.feature2 .title:after {content:"";display:block;position:absolute;right:-20px;top:-10px;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);transform: skew(15deg, 0deg);width:2px;height:50px;background:#0c1b74;}
.feature2 a {color:#000;}
.feature2 .feadata {display:none;color:#fff;-moz-transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(-15deg, 0deg);}
.feature2:hover .feadata, .feature2 a:focus .feadata {display:block;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);transform: skew(15deg, 0deg);}
.feature2:hover h3 {    margin: 0 6% 20px 0;color:#fff;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);transform: skew(15deg, 0deg);}
.feature2:hover h3:after {background:#fff;}
.feature2 img {height: 350px;width: auto;max-width: none;opacity:.3}
.feature2:hover .abstract, .feature2 a:focus .abstract {padding-top:5%;-moz-transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(-15deg, 0deg);}
.feature2 p {margin:0;font-size:18px;}

.services {}
.service {width:29.3%;margin:0 2%;float:left;}
.service .imgplace {height:300px;overflow:hidden}
.service a, .service p {}
.service img {height:300px;margin:auto;max-width:none}
.service h2 {margin:10px 0;}
.service:hover h2, .service a:focus h2 {}

.strip {height:350px;overflow:hidden;position:relative;margin: 80px 0 0 0;}
.strip img {margin:auto;max-width:none;}
.strip:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:50%;z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+50,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.bigtitle {
    text-align: center;
    margin:100px auto 30px auto;
    -moz-transform: skew(15deg, 0deg) rotate(0deg);
    -webkit-transform: skew(15deg, 0deg) rotate(0deg);
    -o-transform: skew(15deg, 0deg) rotate(0deg);
    -ms-transform: skew(15deg, 0deg) rotate(0deg);
    transform: skew(15deg, 0deg) rotate(0deg);
    text-align: center; 
}
.bigtitle h2 {line-height: 100%;border: 1px solid #0c1b74; padding: 0px 20px 5px 20px;font-weight: 900;display: inline-block; color: #0c1b74;font-size: 52px;}

.logos {text-align:center}
.logos div, .logos li {display:inline-block;width:200px;margin:1%;}
.logos div img {max-height:150px;margin:auto;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);  filter: grayscale(100%);-webkit-transition: none;opacity:.7}
.logos div:hover img, .logos div a:focus img {opacity:1;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(0%);  filter: grayscale(0%);-webkit-transition: none;}

.opensearchplace {position:relative;float:left;}
.opensearch {display: inline-block;background: url(../images/i4.png) center center no-repeat;height: 84px;width: 30px;float:left;position:relative;margin:0 15px;}
.opensearch:hover,.opensearch:focus, .opensearch.opened {background: url(../images/i4a.png) center center no-repeat}
.opensearch.opened:before, .opensearch.opened:after, .opensearch:hover:before, .opensearch:hover:after {z-index:-1;content: "";display: block;position: absolute;left: -10px;top: 0;background: #0c1b74;width: 30px;height: 100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.opensearch.opened:after, .opensearch:hover:after {left:auto;right: -10px;}

.shoppingcarticon {display: block;border: none;float:left;background: url(../images/i3.png) center center no-repeat;height: 84px;width: 30px;position:relative;margin:0px 15px 0 15px;}
.shoppingcarticon:hover:before, .shoppingcarticon:hover:after {z-index:-1;content: "";display: block;position: absolute;left: -10px;top: 0;background: #0c1b74;width: 30px;height: 100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.shoppingcarticon:hover:after {left:auto;right: -10px;}

a.agents {float:left;display: block;height: 84px;width: 60px;position:relative;margin:0px 15px 0 15px;color:#fff;text-align:center;line-height:16px;font-size:18px;padding:25px 0 0 0;}
a.agents:hover:before, a.agents:hover:after, a.agents:focus:before, a.agents:focus:after {z-index:-1;content: "";display: block;position: absolute;left: 0px;top: 0;background: #0c1b74;width: 30px;height: 100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
a.agents:hover:after, a.agents:focus:after {left:auto;right: 0px;}

header.sticky a.agents, header.sticky .shoppingcarticon, header.sticky .opensearch {height:52px;    padding: 9px 0 0 0;}

.submitsearch {display:inline-block;width:30px;height:30px;padding:0px;border:none ;position:relative;float: left;}
.submitsearch:before {content: "";display: block;width:16px;height:16px;position: absolute;left: 2px;top: 2px;border: 3px solid #fff;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.submitsearch:after {content: "";display: block;border: 1px solid #fff;width: 0px;height: 8px;position: absolute;left: 21px;top: 18px;-webkit-transform: rotate(-40deg);-ms-transform: rotate(-40deg);transform: rotate(-40deg);-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.submitsearch.opened:before {border: 1px solid #fff;width: 0px;height: 25px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(45deg);top: 2px;left: 18px;}
.submitsearch.opened:after {top: 2px;left: 18px;width:0px;height: 25px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}


#openlogin {display:none}
.openlogin {display:inline-block;position: absolute;width:25px;height:25px;padding:0px;border:none ;left:40px;top:10px;}
.openlogin:before {content: "";display: block;width: 15px;height: 10px;position: absolute;left: 5px;top: 15px;background: #fff;-moz-border-radius: 30px 30px 0 0;-webkit-border-radius: 30px 30px 0 0;border-radius: 30px 30px 0 0;}
.openlogin:after {content: "";display: block;background: #fff;width: 10px;height: 10px;position: absolute;left: 7px;top: 1px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
.openlogin.opened:before {width: 2px;height: 25px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(45deg);top: 2px;left: 18px;}
.openlogin.opened:after {top: 2px;left: 18px;width:2px;height: 25px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
	
.leftside {float:left;width:48%;}
.rightside {float:right;width:48%;}

.search {margin:auto;position:relative;-ms-transform: skew(-15deg); -webkit-transform: skew(-15deg); transform: skew(-15deg);}
.search input[type="text"] {float: right;width:80%;color:#fff;}

.search ::-webkit-input-placeholder {color: #8891c7;}
.search ::-moz-placeholder {color: #8891c7;}
.search :-ms-input-placeholder {color: #8891c7;}
.search :-moz-placeholder {color: #8891c7;}


.indexcontent {padding:10% 5%;background:#fff url(../images/bgtext.jpg) center center no-repeat;}
.indexcontent p {text-align:center;max-width:80%;margin:0 auto 30px auto;color: #777;font-size:16px;}
.indexcontent h1, .indexcontent h2 {text-align:center;font-size:34px;margin:0}

.hometext {width:50%;float:right}

.gmap {float:left;width:50%;}

.contactbody {width: 20%;float: right;}

#contactfooter {margin: 0px 0}
#contactfooter .title {margin:0 0 20px 0;font-size: 24px;text-align:center;color: #555555;}
.contactform label, .registerform label {display:block;margin:0 0 10px 0;position: relative;width:100%;margin:0 0 10px 0;}
.contactform input, .contactform textarea, .contactform select, .registerform input, .registerform textarea, .registerform select {width: 100%;padding:15px;color:#0c1b74;background:#ebebeb;}
.contactform input:hover, .contactform textarea:hover, .contactform select:hover,
.registerform input:hover, .registerform textarea:hover, .registerform select:hover {background:#dcdeee;color:#11238f;}
.contactform label textarea, .registerform label textarea {height:150px}
.contactform input[type="submit"], .registerform input[type="submit"] {background: #0c1b74;color: #ffffff;padding:15px;border:none;width:100%;text-align: center;position:relative;font-weight:900;
								   -moz-transform: skew(15deg, 0deg) rotate(0deg);
    -webkit-transform: skew(15deg, 0deg) rotate(0deg);
    -o-transform: skew(15deg, 0deg) rotate(0deg);
    -ms-transform: skew(15deg, 0deg) rotate(0deg);
    transform: skew(15deg, 0deg) rotate(0deg);
}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus,
.registerform input[type="submit"]:hover, .registerform input[type="submit"]:focus {    background: #06104c;}
.contactform input[type="checkbox"], .registerform input[type="checkbox"] {float:left;margin:3px 5px 0 0px;width:15px;height:15px;}
.contactform .jointomailinglist, .registerform .jointomailinglist {font-size:14px;display:none}
.contactform label.comments, .registerform label.comments {width:63.3%}
.contactform .agree {color:#666;font-size:16px;line-height:19px;}

.mandatoryContact:before {content: "*";display: block;font-size: 18px;color: #ff0000;position: absolute;right: 3px;top: 3px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;font-size: 18px;color: #ff0000;position: absolute;right: 3px;top: 3px;}

.mailinglistplace {width:30%;float:left}
.mailinglistplace .title {margin:0 0 20px 0;font-size: 24px;}
.mailinglist label {display:block;margin:0 0 20px 0;position: relative;}
.mailinglist input {border-bottom:1px solid #d6d6d6;width: 100%;padding:5px 10px;color:#0c1b74;font-size:16px;}
.mailinglist input[type="submit"] {background: #0c1b74;color: #ffffff;padding:5px 15px;border:none;}
.mailinglist input[type="submit"]:hover, .mailinglist input[type="submit"]:focus {background:#5197ff;}

.login .title {margin:0 0 20px 0;font-size: 24px;}
.login label {display:block;margin:0 0 20px 0;position: relative;}
.login input, .login textarea, .login select {border-bottom:1px solid #ffffff;width: 100%;padding:5px 10px;color:#ffffff;font-size:16px;}
.login input[type="checkbox"] {float:left;margin:4px 5px 0 0px;width:15px;height:15px;}
.login input[type="submit"] {background: #0c1b74;border:none}
.login .rememberme {margin:20px 0;}
.login .openfp {cursor:pointer;font-style:italic}
.login ::-webkit-input-placeholder {color: #ffffff;font-size:14px;}
.login ::-moz-placeholder {color: #ffffff;font-size:14px;}
.login :-ms-input-placeholder {color: #ffffff;font-size:14px;}
.login :-moz-placeholder {color: #ffffff;font-size:14px;}
.loginplace:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 15px 0 0 15px;border-color: transparent transparent transparent #2a7ac5;position: absolute;left: 10px;top: -15px;}

.welcomeplace {position:absolute;left:50px;top:5px;}
.welcomeplace .welcome {padding:5px;}
.welcomeplace .toggleaccount {background:#f0f0f0;padding:10px;position:absolute;left:0;top:30px;display:none}
.welcomeplace:hover .toggleaccount {display:block}

.imagesplace {}
.imagesplace img {margin:auto}

.productbox {float:right;width:15.8%;margin:0 0 1% 1%;position:relative}
.productbox.nomargin {margin:0}
.productbox .imgplace {background: #eeeeee;height:200px;}
.productbox .imgplace img {max-height:200px;}
.productbox h2 {font-size:27px;line-height:26px;margin:10px 0;}
.productbox:hover .imgplace:after {opacity: 1;}
.productbox .imgplace:after, .productbox .imgplace:before {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);position: absolute;right: 0;top: 0;width: 100%;height: 100%;content: "";display: block;opacity: 0;}
.productbox:hover .imgplace:before {opacity: 1;background: url(../images/ray.png) 80% top no-repeat;z-index:3}

.projectgalleryplace {float:right;width:69%;margin:0 0 20px 0px;}
.projectgalleryplace .imagesplace {width:100%;margin:0 0 20px 0;}
.projectgalleryplace .bodytext {width:49%;float:right}
.projectgallery div {width:23%;float:right;height:250px;margin:1%;overflow:hidden;background:#f0f0f0;}

.projectgallery div img {max-height:240px;margin:auto}
.imgside {float:left;width:50%;margin:0 20px 0 0;}

.bodytext {margin:0 0 20px 0;}
.bodytext ul li, .listview li {padding-left:15px;background: url(../images/dot.png) left 7px no-repeat;list-style-type: none;    line-height: 29px;}
.bodytext ol li {margin-bottom:10px;}
.bodytext a {color:#5197ff;text-decoration:underline}
.bodytext table {border-top:1px solid #ccc;border-right:1px solid #ccc;width:100%;}
.bodytext table th, .bodytext table td {border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:5px;}
.bodytext table h2, .bodytext table h3, .bodytext table h4 {font-size:20px;margin:0;}
.bodytext h3, .bodytext h2 {margin:30px 0 20px 0}


.articletext table {width:auto}
.projectinfo {float:left;width:30%}
.projectinfo iframe {height:300px;}

.blueplace {background:#0c1b74;padding:20px;color:#fff;}
.blueplace .title {}

.columns {padding:1%;}

.content {float:left;width:75%;padding:0 0 40px 0;}
.contentwide {float:none;width:100%;padding:0 0 40px 0;}

.leftcolumn {float:right;width:20%;padding:0 0 40px 0;}
.leftmenu {background:#ebebeb;}
.leftmenu a {display:block;color:#333333;font-size:22px;max-width: 92%;line-height: 19px;}
.leftmenu a span {display:inline-block;padding:15px 20px 15px 10px;position:relative}
.leftmenu a:hover span, .leftmenu a:focus span, .leftmenu a.this span {color: #fff;background: #0c1b74;}
.leftmenu a:hover span:after, .leftmenu a:focus span:after, .leftmenu a.this span:after {background: #0c1b74;left:-11px;content:"";display:block;position:absolute;top:0;width:20px;height:100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.leftmenu .level2, .leftmenu .level3 {padding:0 20px;font-size:16px;background:#ccc;max-width:100%}

.pagetitle {position:absolute;left:0;bottom:10%;width:100%;z-index:2;text-align:center;-moz-transform: skew(15deg, 0deg) rotate(0deg);-webkit-transform: skew(15deg, 0deg) rotate(0deg);-o-transform: skew(15deg, 0deg) rotate(0deg);-ms-transform: skew(15deg, 0deg) rotate(0deg);transform: skew(15deg, 0deg) rotate(0deg);}
.pagetitle h1 {line-height: 100%;border: 1px solid #fff;padding: 0px 20px 5px 20px;font-weight: 900;display: inline-block;color: #fff;}
.mainabstract, .smalltitle {margin:0 auto 50px auto;}
.mainabstract, .mainabstract p, .smalltitle {color:#10218d;line-height:34px;font-size:30px;}

iframe {width:100%;}

.psgallery {margin:0 auto 20px auto;}

.regularsideleft .psgallery img {margin:0 auto 10px auto;}
.curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;}
.curtainplace .curtain {padding:5px;display:block;color:#ffffff;text-align:center}
.curtainplace .curtain a {color:#ffffff;}

.breadcrumbs {padding:1%;min-height:55px;}
.breadcrumbs ul {display:block}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a, .breadcrumbs li {color:#11238f;}
.breadcrumbs a:hover,.breadcrumbs a:active,.breadcrumbs a:focus{text-decoration: underline;color: #0c1b74;}

.docsplace, .linksplace {padding:20px;width: 100%;float: left;background:#e1e1e1;border-top:40px solid #fff;border-bottom:40px solid #fff;}
.docsplace .title, .linksplace .title {margin:0 0 20px 0;font-size: 27px;color:#11238f;}
.docsplace a, .linksplace a {display:block;margin:0 0 20px 0;}
.docsplace img, .linksplace img {float:left;margin:-9px 5px 0 0;}

.simpleslider {margin:50px auto}
.simpleslider .slick-slide {margin:0 5px;}
.simpleslider .imgplace {height:220px;overflow:hidden;background:#f0f0f0;}
.simpleslider .imgplace img {margin:auto}
.simpleslider h2 {font-size:16px;color:#0c1b74;margin:10px 0;}

.triplebox, .clients {float:right;margin:0 0 3% 3%;width:31.3%;}
.triplebox.nomargin, .clients.nomargin {margin:0 0 3% 0;}
.triplebox .imgplace {border-bottom:1px solid #ccc;margin:0 0 10px 0;height:210px;overflow:hidden}
.triplebox .imgplace img, .clients .imgplace img {margin:auto;max-height:210px;position: relative;}
.triplebox h2, .clients h2 {margin: 0;line-height:100%;text-align:center;padding: 10px 0;}
.triplebox h3 {margin:0 0 5px 0;}
.triplebox a {color:#000;}
.triplebox p {line-height:120%}
.triplebox:hover h2, .clients:hover h2 {background: #0c1b74;color:#fff;}

footer {position:relative;border-top:1px solid #0c1b74;background: url(../images/bgfooter.png);}
footer:after {content: "";
    display: block;
    position: absolute;
    left: -5%;
    top: 0;
    background: #0c1b74\1;
    background: rgba(12, 27, 116, 0.1);
    width: 200px;
    height: 100%;
    -moz-transform: skew(14deg, 0deg) rotate(0deg);
    -webkit-transform: skew(14deg, 0deg) rotate(0deg);
    -o-transform: skew(14deg, 0deg) rotate(0deg);
    -ms-transform: skew(14deg, 0deg) rotate(0deg);
    transform: skew(14deg, 0deg) rotate(0deg);}
footer:before {content: "";
    display: block;
    position: absolute;
    right: -5%;
    top: 0;
    background: #0c1b74\1;
    background: rgba(12, 27, 116, 0.1);
    width: 200px;
    height: 100%;
    -moz-transform: skew(14deg, 0deg) rotate(0deg);
    -webkit-transform: skew(14deg, 0deg) rotate(0deg);
    -o-transform: skew(14deg, 0deg) rotate(0deg);
    -ms-transform: skew(14deg, 0deg) rotate(0deg);
    transform: skew(14deg, 0deg) rotate(0deg);}
footer .page {padding:40px 0;}
.credits {text-align:center;font-size:14px;color:#fff;padding:10px 0;width:100%;float:left;background:#0c1b74;}
.credits a {color:#fff;}

.footerlinksplace {width:70%;float:right}
.footerlinksbox {width: 25%;float: right;}
.footerlinksbox a {font-size:16px;color:#333;display:block;margin:0 0 5px 0;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline}

.contactplace {width:30%;float:left}


.footeraddress {float:right;width:20%;}

.socialmedia {margin:0 0 50px 0;}
.socialmedia img {max-width:46px;margin:0 0px 0 10px;float:right}
.socialmedia a {}
.socialmedia a:hover, .socialmedia a:focus {}

.footerlinksbox h5, .socialmedia h5, .tocontact h5 {font-size:20px;color:#0c1b74;margin:0 0 10px 0;}

.tocontact a {color:#fff;font-weight:600;padding:10px;display:block;text-align:center;background:#0c1b74;position:relative}
.tocontact a:hover{background:#06104c;}
.tocontact a:hover:before, .tocontact a:hover:after {background:#06104c;-moz-transform: skew(-14deg, 0deg) rotate(0deg);-webkit-transform: skew(-14deg, 0deg) rotate(0deg);-o-transform: skew(-14deg, 0deg) rotate(0deg);-ms-transform: skew(-14deg, 0deg) rotate(0deg);transform: skew(-14deg, 0deg) rotate(0deg);}

.tocontact a:before, .tocontact a:after {content: "";display: block;position: absolute;left: -10px;top: 0;background: #0c1b74;width: 20px;height: 100%;-moz-transform: skew(14deg, 0deg) rotate(0deg);-webkit-transform: skew(14deg, 0deg) rotate(0deg);-o-transform: skew(14deg, 0deg) rotate(0deg);-ms-transform: skew(14deg, 0deg) rotate(0deg);transform: skew(14deg, 0deg) rotate(0deg);}
.tocontact a:after {left:auto;right: -10px;}

.infoboxesplace {background:#ebebeb;padding:1%;margin:1%;}
.infoboxesplace h3 {text-align:center}
.infobox {float:right;width:15.6%;margin:.5%;position:relative}
.infobox .imgplace img {margin:auto;max-height:200px;}
.infobox .imgplace {background:#fff;height:200px}

.infobox h2 {color:#fff;font-size:16px;margin:0;text-align:center;background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);padding:10px;display:inline-block;position:absolute;right:0;bottom:0;z-index:2}
.infobox:hover h2 {font-size:22px;background:none;bottom:40%;width:100%;}
.infobox:after {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;opacity:0}
.infobox:hover:after {opacity:1}
.infobox .imgplace:before {background: url(../images/ray.png) 80% top no-repeat;z-index:3;position: absolute;right: 0;top: 0;width: 100%;height: 100%;content: "";display: block;opacity: 0;}
.infobox:hover .imgplace:before, .infobox a:focus .imgplace:after  {opacity: 1;}
.infobox a {display:block}

.infobox2 {margin:40px 0 0 0;}
.infobox2 .imgplace {background:#ebebeb;position:relative}
.infobox2 .imgplace img {margin:auto;max-height:200px;}
.infobox2 .title {margin:10px 0 0 0;font-size:20px;color:#000;}
.infobox2 .imgplace:after {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;opacity:0}
.infobox2:hover .imgplace:after, .infobox2 a:focus .imgplace:after {opacity:1}
.infobox2 a {display:block}

.footermap {width:35%;float:left;}
.footer iframe {max-height:260px;}

.contactformplace {float: right;width: 30%;    padding: 0 3%;}

.downloads .files a {display:block;margin:20px 0 0 0}
.downloads .files a img {float:right;margin:-6px 0 0 10px;}

footer .contactformplace {float:none;width:100%;}

#features {width:220px;position:fixed;left:-160px;top:15%;z-index:99; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);box-shadow: 0px 0px 10px rgba(0,0,0,.4);}
#features.opened, #features:hover {left:0;}
.banner {background:#10218d;padding:10px 10px 10px 20px;opacity:.7}
.banner p {margin:0;color:#fff;}
.banner h2, .banner .title {margin:0;font-size:17px;line-height:186%;color:#fff;}
.banner img {margin:auto}
.banner .imgplace {width:40px;margin:0 0 0 20px;float:right;height:30px;}
.banner:hover, .banner a:focus {opacity:1}

.listview, .searchresults {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ccc;}
.listview .imgplace {width:200px;}
.listview .imgplace img {margin:auto}
.listview h2 {line-height: 28px;font-size: 28px;}
.listview .abstract {overflow:hidden}
.listview .abstract p {line-height:21px}
.listview a {display:block}

.containermasonry {}
.masonryitem, .grid-sizer {width:15.6%;margin-bottom:10px;}
.gutter-sizer {width: 1%;}

.glossaryABC span {padding:5px 7px;display:inline-block;font-size:30px;color:#b7b7b7;}
.glossaryABC a {color:#0c1b74;display: block;}
.glossaryABC a span {color:#0c1b74;}
.glossaryABC a:hover {background: #0c1b74;color:#fff;}

.faqs .question {font-size:20px;padding:10px 30px;background: url(../images/dot2.png) 98% center no-repeat;}
.faqs .question:hover, .faqs .question.opened {background: #0c1b74;color:#fff;}
.faqs > div {padding:0;font-size:20px;color:#0c1b74;border-bottom:1px solid #ccc }
.faqs .answer {display:none}

.faqsplace .question {padding:20px 70px 20px 20px;background:#f3f3f3 url(../images/question.png) 98% center no-repeat;width:100%;margin:10px 0 0 0 }
.faqsplace .question p, .faqsplace .answer p {margin:0;font-size:20px;}
.faqsplace .question:hover, .faqsplace .question.opened {background:#0c1b74 url(../images/question2.png) 98% center no-repeat;color:#fff;}
.faqsplace .answer {padding:20px 70px 20px 20px;background:#e1e1e1;display:none}


.abcplace {background:#ebebeb;margin:0 0 20px 0;}

.productdata {margin:0 0 10px 0;padding:0 0 10px 0;border-bottom: 1px solid #ccc;}
.productdata .title {display:inline-block;font-weight:bold;width:100px;}

.productitem .imagesplace {background:#e6e6e6;float:left;width:49%;}
.productitem .imagesplace img {max-height:450px;}
.bodytextplace, .tablestyle {background:#e6e6e6;float:left;width:24%;margin:0 1%;padding:20px;}
.bodytextplace {margin:0;}
.tablestyle span {display:inline-block;margin:0 0 0 10px;}
.tablestyle span:nth-of-type(2n) {font-size:30px;color:#0c1b74;}
.product_single.pritem > div {padding:10px 0;}

.changeq {margin: 0px auto;float:right;}
.changeq button, .changeq input {background: #d7d7d7;width: 44px;height: 44px;float: right;margin: 0 2px;cursor: pointer;position:relative;}
.changeq button:hover, .changeq button:focus {background:#999;}
.changeq button:before, .changeq button:after {content:"";display:block;width:10px;height:2px;background:#000;position:absolute;left:16px;top:20px;}
.changeq .plus:after {left:20px;top:16px;width:2px;height:10px;}
.changeq input {text-align: center;font-size: 20px;width: 40px;color:#0c1b74;background:none}

.AddToCart {float: right;border: none;margin: 10px 0;cursor: pointer;padding: 10px 15px;font-weight: 600;position: relative;background:#0c1b74;color:#fff;line-height:40px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.AddToCart:before {content: "";display: block;width: 40px;height: 40px;float:right;margin:0 0 0 5px;background: url(../images/i3.png) center center no-repeat;}
.AddToCart:hover {background:#06104c;}
@-webkit-keyframes AddToCarticon {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes AddToCarticon {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.AddToCart:before {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.AddToCart:hover:before, .AddToCart:focus:before, .AddToCart:active:before {-webkit-animation-name: AddToCarticon;animation-name: AddToCarticon;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.AddToCart:after {content: "";display: block;width: 25px;height: 25px;right: -5px;top: -10px;opacity: 0;position: absolute;background: url(../images/sprite.png) -148px -65px no-repeat;}

.addeditem:after {opacity: 0;-webkit-animation: animatelogo 2s linear forwards;-ms-animation: animatelogo 2s linear forwards;animation: animatelogo 2s linear forwards;}
@-webkit-keyframes animatelogo {
	0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animatelogo {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.stickybanner {position:fixed;bottom:4%;left:0;    z-index: 99;max-width:130px;font-weight: 600;-moz-box-shadow: 0px 5px 10px rgba(0,0,0,.5);-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.5);box-shadow: 0px 5px 10px rgba(0,0,0,.5);}
.stickybanner .imgplace {background:#fff;padding:10px;}
.stickybanner .imgplace img {max-width:100%;}
.stickybanner .title {background:#253288;color:#fff;padding:15px;font-size:16px;}
.stickybanner a {color:#fff;display:block}
.stickybanner a:hover .title {background:#000;}

.shoppingcart {position:relative;float:left;}

.shoppingcart .togglecart {background:#fff;padding: 0px;position: absolute;left: calc(50% - 30px);top: 65px;z-index: 99;width: 300px;margin: 0 0 0 -118px;-moz-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);-webkit-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);box-shadow: 0px 0px 15px rgba(100,100,100,0.4);}
.shoppingcart:hover .togglecart, .shoppingcart:focus .togglecart {display: block}

.shoppingcart table th, .shoppingcart table td {padding: 5px;}
.shoppingcart table th {padding: 10px 5px;}
.shoppingcart .title {background: #0c1b74;padding: 10px;font-size: 18px;text-align:center;font-weight:bold;color:#fff;}
.shippingtitle {margin: 20px 0;display: inline-block;font-weight: bold;}


.cartplace {background: #ccc;}
.cartplace.togglecart:before {width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #0c1b74 transparent;position: absolute;content: "";display: block;left: 50%;top: -15px;margin: 0 0 0 -15px;}
.cartplace.shopsteps {float: right;margin: 10px 0 0 2%;width: 20%;display: none}
.cartplace .totalplace {border-bottom: 1px solid #cccccc;margin: 0 0 0px 0;padding: 10px 10px;}
.cartplace .totalplace span {font-size: 24px;display: inline-block}
.cartplace .numofitems {float: left;}
.cartplace .numofitems span {margin: 0 5px 0 0;}
.cartplace .numof {margin: 5px 0;}
.cartplace .numof span {float: left;font-size: 18px;}
.cartplace .numof span:nth-of-type(2n) {float: right;}
.cartplace .total {float: right;}
.cartplace .total span {margin: 0 0px 0 5px;}
.cartplace .cap, .paypal, .btnorder {display: block;width: 100px;margin: 10px auto;background: #1b3d71;color: #fff;padding:10px;text-align:center}
.cartplace .cap:hover, .cartplace .cap:focus, .paypal:hover, .paypal:focus, .btnorder:hover {background: #333;}
.cartplace .ordertotal {font-size: 24px;display: block;margin: 10px 0;text-align: center}
.cartplace .ordertotal span {}
.cartplace .changeplace {position: absolute;left: 50%;top: -50px;margin: 0 0 0 -110px;width: 220px;}

.cartheader, .RowOfCart {position: relative;padding: 5px 10px;font-size: 15px;text-align: center;line-height: 26px;vertical-align: middle;border-bottom:1px solid #999;}
.cartheader {background: #ccc;}
.cartheader div, .RowOfCart div {float: right;color: #000;}
.cartheader div {}
.totalprice {padding: 20px;font-size: 18px;background: none;color: #000;}
.totalprice .total {font-size: 24px;color: #000;direction: ltr;display: inline-block;margin-right: 10px;}
.RowOfCart .name, .cartheader .name {width: 47%;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.RowOfCart .price, .cartheader .price, .RowOfCart .quanity, .cartheader .quanity {width: 20%}
.RowOfCart .removeFromCart, .cartheader .short, .producttable .removeFromCart {width: 30px;margin: auto;}
.RowOfCart .removeFromCart span, .producttable .removeFromCart span {width: 25px;height: 25px;background: url(../images/sprite.png) -40px -35px no-repeat;display: block;cursor: pointer;margin: auto;}
.RowOfCart:hover .minimenuplace {display: block;}

.producttable {width: 100%;border: none;}
.producttable .priceplace .priceOfItem {white-space: nowrap;display: block;text-align: center;direction: ltr;}
.producttable select {background: #fff;border: 1px solid #ccc;max-width: 70px;font-size: 12px;padding: 0}
.producttable td, .producttable th {color: #fff;padding: 10px 5px;text-align: center;border: none;vertical-align: middle;background: #333;font-size: 14px;min-width: 30px}
.producttable td div {text-align: center}
.producttable th.newsale {background: #666;} 
.producttable td.newsale {background: #f0f0f0;}
.producttable th.lineS {border-left: solid 1px #ffffff;}
.producttable td.lineS {border-left: solid 1px #000000;}
.producttable a span {display: block;color: #ccc;}
.producttable td {background: none;border-bottom: 1px solid #000;border-top: 1px solid #ccc;color: #000;padding: 15px 5px;}
.producttable img {max-width: 50px;max-height: 50px;margin: auto;}
.producttable tr a {color: #666;}
.producttable tr:hover a {color: #000;}


.shoppingcart .togglecart {padding: 0px;position: absolute;left: calc(50% - 30px);top: 55px;z-index: 99;width: 300px;margin: 0 0 0 -118px;-moz-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);-webkit-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);box-shadow: 0px 0px 15px rgba(100,100,100,0.4);}
.shoppingcart:hover .togglecart, .shoppingcart:focus .togglecart, .shoppingcart .togglecart.opened {display: block}
.shoppingcart .numof {background: #fff;font-size: 12px;padding: 5px;top: 5px;right: 5px;min-width: 20px;text-align: center;position: absolute;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;color: #000;    line-height: 10px;}
.shoppingcart table th, .shoppingcart table td {padding: 5px;}
.shoppingcart table th {padding: 10px 5px;}
.shoppingcart .title {background: #0c1b74;padding: 10px;font-size: 18px;text-align:center;font-weight:bold;color:#fff;}
.shippingtitle {margin: 20px 0;display: inline-block;font-weight: bold;}

.ellipsis {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;margin:0 0 20px 0;position: relative;}
.ellipsis p {margin:0px}
.ellipsis:after {content: "";text-align: right;position: absolute;bottom: 0;right: 0;width: 70%;height: 1.8em;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

.mainbannerplace {margin:84px 0 0 0}
.mainbanner {width: 32.3%;margin:0 .5%;float: right;position:relative}
.mainbanner .imgplace {height:670px;overflow: hidden;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);transform: skew(15deg, 0deg);}
.mainbanner .imgplace img {max-width: none;width: 1200px;-moz-transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(-15deg, 0deg);transform-origin: 0% -100%;}
.mainbanner .title {line-height:100%;text-align:center;margin: 70% auto 0 auto;color:#0c1b74;font-size:52px;-moz-transform: skew(15deg, 0deg) rotate(0deg);-webkit-transform: skew(15deg, 0deg) rotate(0deg);-o-transform: skew(15deg, 0deg) rotate(0deg);-ms-transform: skew(15deg, 0deg) rotate(0deg);transform: skew(15deg, 0deg) rotate(0deg);}
.mainbanner .title span {display:inline-block;background:#fff;padding:5px 20px 15px 20px;font-weight:900;text-align:center;-moz-box-shadow: 0px 0px 30px 20px rgba(12,27,116,1);-webkit-box-shadow: 0px 0px 30px 20px rgba(12,27,116,1);box-shadow:0px 0px 30px 20px rgba(12,27,116,1);border:1px solid #0c1b74}
.mainbanner .abstract {width:100%;height:100%;position:absolute;left:0px;top:0px;}
.mainbanner:first-of-type .imgplace {margin:0 -200px 0 0}
.mainbanner:last-of-type .imgplace {margin:0 0px 0 -190px}
.mainbanner .imgplace:after {background: #0c1b74\7;background: rgba(12, 27, 116, 0.7);position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;opacity:0}
.mainbanner:hover .imgplace:after, .mainbanner a:focus .imgplace:after {opacity:1}
.mainbanner:hover .title, .mainbanner a:focus .title {margin: 50% auto 0 auto;}
.mainbanner .feadata {display:none;color:#fff;padding:5% 10% 0 10%;}
.mainbanner:hover .feadata, .mainbanner a:focus .feadata {display:block}

.rays {position:absolute;right:-500px;top:-10px;z-index:99}
.mainbanner:first-of-type .imgplace .rays {right:-400px;}
.rays div {
	background: #ffffff\1;background: rgba(255, 255, 255, 0.1);width:1000px;height:5px;position:absolute;right:0;top:0;
	
	-moz-transform: rotate(0deg) translate(-500px, 0px);
	-webkit-transform: rotate(0deg) translate(-500px, 0px);
	-o-transform: rotate(0deg) translate(-500px, 0px);
	-ms-transform: rotate(0deg) translate(-500px, 0px);
	transform: rotate(0deg) translate(-500px, 0px)
}
.raysanimation .ray1 {-webkit-animation: animateray1 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s forwards;-ms-animation: animateray1 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s forwards;animation: animateray1 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s forwards;}
.raysanimation .ray2 {-webkit-animation: animateray2 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .2s forwards;-ms-animation: animateray2 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .2s forwards;animation: animateray2 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .2s forwards;}
.raysanimation .ray3 {-webkit-animation: animateray3 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .3s forwards;-ms-animation: animateray3 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .3s forwards;animation: animateray3 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .3s forwards;}
.raysanimation .ray4 {-webkit-animation: animateray4 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .4s forwards;-ms-animation: animateray4 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .4s forwards;animation: animateray4 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .4s forwards;}
.raysanimation .ray5 {-webkit-animation: animateray5 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s forwards;-ms-animation: animateray5 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s forwards;animation: animateray5 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s forwards;}
.raysanimation .ray6 {-webkit-animation: animateray6 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .6s forwards;-ms-animation: animateray6 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .6s forwards;animation: animateray6 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .6s forwards;}
.raysanimation .ray7 {-webkit-animation: animateray7 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .7s forwards;-ms-animation: animateray7 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .7s forwards;animation: animateray7 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .7s forwards;}
.raysanimation .ray8 {-webkit-animation: animateray8 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .8s forwards;-ms-animation: animateray8 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .8s forwards;animation: animateray8 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .8s forwards;}
.raysanimation .ray9 {-webkit-animation: animateray9 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .9s forwards;-ms-animation: animateray9 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .9s forwards;animation: animateray9 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) .9s forwards;}
.raysanimation .ray10 {-webkit-animation: animateray10 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s forwards;-ms-animation: animateray10 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s forwards;animation: animateray10 .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s forwards;}
@-webkit-keyframes animateray1 {
	0% {}
    100% {
	-moz-transform: rotate(30deg) translate(-500px, 0px);
	-webkit-transform: rotate(30deg) translate(-500px, 0px);
	-o-transform: rotate(30deg) translate(-500px, 0px);
	-ms-transform: rotate(30deg) translate(-500px, 0px);
	transform: rotate(30deg) translate(-500px, 0px)
	}
}
@keyframes animateray1 {
    0% {}
    100% {
	-moz-transform: rotate(30deg) translate(-500px, 0px);
	-webkit-transform: rotate(30deg) translate(-500px, 0px);
	-o-transform: rotate(30deg) translate(-500px, 0px);
	-ms-transform: rotate(30deg) translate(-500px, 0px);
	transform: rotate(30deg) translate(-500px, 0px)
	}
}
@-webkit-keyframes animateray2 {
	0% {}
    100% {
	-moz-transform: rotate(40deg) translate(-500px, 0px);
	-webkit-transform: rotate(40deg) translate(-500px, 0px);
	-o-transform: rotate(40deg) translate(-500px, 0px);
	-ms-transform: rotate(40deg) translate(-500px, 0px);
	transform: rotate(40deg) translate(-500px, 0px)
	}
}
@keyframes animateray2 {
    0% {}
    100% {
	-moz-transform: rotate(40deg) translate(-500px, 0px);
	-webkit-transform: rotate(40deg) translate(-500px, 0px);
	-o-transform: rotate(40deg) translate(-500px, 0px);
	-ms-transform: rotate(40deg) translate(-500px, 0px);
	transform: rotate(40deg) translate(-500px, 0px)
	}
}
@-webkit-keyframes animateray3 {
	0% {}
    100% {
	-moz-transform: rotate(-45deg) translate(-500px, 0px);
	-webkit-transform: rotate(-45deg) translate(-500px, 0px);
	-o-transform: rotate(-45deg) translate(-500px, 0px);
	-ms-transform: rotate(-45deg) translate(-500px, 0px);
	transform: rotate(-45deg) translate(-500px, 0px)
	}
}
@keyframes animateray3 {
    0% {}
    100% {
		-moz-transform: rotate(-45deg) translate(-500px, 0px);
	-webkit-transform: rotate(-45deg) translate(-500px, 0px);
	-o-transform: rotate(-45deg) translate(-500px, 0px);
	-ms-transform: rotate(-45deg) translate(-500px, 0px);
	transform: rotate(-45deg) translate(-500px, 0px)
	}
}
@-webkit-keyframes animateray4 {
	0% {}
    100% {
	-moz-transform: rotate(-50deg) translate(-500px, 0px);
	-webkit-transform: rotate(-50deg) translate(-500px, 0px);
	-o-transform: rotate(-50deg) translate(-500px, 0px);
	-ms-transform: rotate(-50deg) translate(-500px, 0px);
	transform: rotate(-50deg) translate(-500px, 0px)
	}
}
@keyframes animateray4 {
    0% {}
    100% {
	-moz-transform: rotate(-50deg) translate(-500px, 0px);
	-webkit-transform: rotate(-50deg) translate(-500px, 0px);
	-o-transform: rotate(-50deg) translate(-500px, 0px);
	-ms-transform: rotate(-50deg) translate(-500px, 0px);
	transform: rotate(-50deg) translate(-500px, 0px)
	}
}


@-webkit-keyframes animateray5 {
	0% {}
    100% {
	-moz-transform: rotate(-55deg) translate(-500px, 0px);
	-webkit-transform: rotate(-55deg) translate(-500px, 0px);
	-o-transform: rotate(-55deg) translate(-500px, 0px);
	-ms-transform: rotate(-55deg) translate(-500px, 0px);
	transform: rotate(-55deg) translate(-500px, 0px)
	}
}
@keyframes animateray5 {
    0% {}
    100% {
	-moz-transform: rotate(-55deg) translate(-500px, 0px);
	-webkit-transform: rotate(-55deg) translate(-500px, 0px);
	-o-transform: rotate(-55deg) translate(-500px, 0px);
	-ms-transform: rotate(-55deg) translate(-500px, 0px);
	transform: rotate(-55deg) translate(-500px, 0px)
	}
}

@-webkit-keyframes animateray6 {
	0% {}
    100% {
	-moz-transform: rotate(-60deg) translate(-500px, 0px);
	-webkit-transform: rotate(-60deg) translate(-500px, 0px);
	-o-transform: rotate(-60deg) translate(-500px, 0px);
	-ms-transform: rotate(-60deg) translate(-500px, 0px);
	transform: rotate(-60deg) translate(-500px, 0px)
	}
}
@keyframes animateray6 {
    0% {}
    100% {
	-moz-transform: rotate(-60deg) translate(-500px, 0px);
	-webkit-transform: rotate(-60deg) translate(-500px, 0px);
	-o-transform: rotate(-60deg) translate(-500px, 0px);
	-ms-transform: rotate(-60deg) translate(-500px, 0px);
	transform: rotate(-60deg) translate(-500px, 0px)
	}
}

@-webkit-keyframes animateray7 {
	0% {}
    100% {
	-moz-transform: rotate(-65deg) translate(-500px, 0px);
	-webkit-transform: rotate(-65deg) translate(-500px, 0px);
	-o-transform: rotate(-65deg) translate(-500px, 0px);
	-ms-transform: rotate(-65deg) translate(-500px, 0px);
	transform: rotate(-65deg) translate(-500px, 0px)
	}
}
@keyframes animateray7 {
    0% {}
    100% {
	-moz-transform: rotate(-65deg) translate(-500px, 0px);
	-webkit-transform: rotate(-65deg) translate(-500px, 0px);
	-o-transform: rotate(-65deg) translate(-500px, 0px);
	-ms-transform: rotate(-65deg) translate(-500px, 0px);
	transform: rotate(-65deg) translate(-500px, 0px)
	}
}


@-webkit-keyframes animateray8 {
	0% {}
    100% {
	-moz-transform: rotate(-70deg) translate(-500px, 0px);
	-webkit-transform: rotate(-70deg) translate(-500px, 0px);
	-o-transform: rotate(-70deg) translate(-500px, 0px);
	-ms-transform: rotate(-70deg) translate(-500px, 0px);
	transform: rotate(-70deg) translate(-500px, 0px)
	}
}
@keyframes animateray8 {
    0% {}
    100% {
	-moz-transform: rotate(-70deg) translate(-500px, 0px);
	-webkit-transform: rotate(-70deg) translate(-500px, 0px);
	-o-transform: rotate(-70deg) translate(-500px, 0px);
	-ms-transform: rotate(-70deg) translate(-500px, 0px);
	transform: rotate(-70deg) translate(-500px, 0px)
	}
}
@-webkit-keyframes animateray9 {
	0% {}
    100% {
	-moz-transform: rotate(-80deg) translate(-500px, 0px);
	-webkit-transform: rotate(-80deg) translate(-500px, 0px);
	-o-transform: rotate(-80deg) translate(-500px, 0px);
	-ms-transform: rotate(-80deg) translate(-500px, 0px);
	transform: rotate(-80deg) translate(-500px, 0px)
	}
}
@keyframes animateray9 {
    0% {}
    100% {
	-moz-transform: rotate(-80deg) translate(-500px, 0px);
	-webkit-transform: rotate(-80deg) translate(-500px, 0px);
	-o-transform: rotate(-80deg) translate(-500px, 0px);
	-ms-transform: rotate(-80deg) translate(-500px, 0px);
	transform: rotate(-80deg) translate(-500px, 0px)
	}
}

@-webkit-keyframes animateray10 {
	0% {}
    100% {
	-moz-transform: rotate(-89deg) translate(-500px, 0px);
	-webkit-transform: rotate(-89deg) translate(-500px, 0px);
	-o-transform: rotate(-89deg) translate(-500px, 0px);
	-ms-transform: rotate(-89deg) translate(-500px, 0px);
	transform: rotate(-89deg) translate(-500px, 0px)
	}
}
@keyframes animateray10 {
    0% {}
    100% {
	-moz-transform: rotate(-89deg) translate(-500px, 0px);
	-webkit-transform: rotate(-89deg) translate(-500px, 0px);
	-o-transform: rotate(-89deg) translate(-500px, 0px);
	-ms-transform: rotate(-89deg) translate(-500px, 0px);
	transform: rotate(-89deg) translate(-500px, 0px)
	}
}

.flexplace {display: flex;align-items: stretch;flex-direction: row-reverse}
.flexplace > div {width: 57%;float:right;padding:0 0 0 7%;}
.flexplace > div:nth-of-type(2n) {width: 43%;float:left;background: url(../images/bgfooter.png);padding:0;}


.flexplace2 {display: flex;align-items: stretch;flex-direction: row-reverse}
.flexplace2 > div {width: 67%;float:right;padding:0 0 0 7%;}
.flexplace2 > div:nth-of-type(2n) {width: 33%;float:left;background: url(../images/bgfooter.png);padding:0;}


.popupbannerplace {background: #000000\7;background: rgba(0, 0, 0, 0.7);position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:none}
.bannerpopup {position:absolute;width:700px;padding:2%;background:#fff;left:50%;top:10%;margin:0 0 0 -300px;-ms-transform: skew(15deg);
    -webkit-transform: skew(15deg);
    transform: skew(15deg);}
.bannerpopup .imgplace {max-width:200px;float:left;margin:0 20px 20px 0px;}
.bannerpopup .title {font-size:30px;color: #0c1b74;font-weight: 900;}
.bannerpopup .closebanner {background: #fff url(../images/sprite.png) -266px -44px no-repeat;width: 40px;height: 40px;position: absolute;right: -40px;top: 0px;}
.bannerpopup a {-ms-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);display:block;padding: 0 10%;}

.gallerylist {padding:1.5%;background:#fff;border-bottom:40px solid #fff}
.gallerylist img {margin:0;padding:0;display:inline-block;vertical-align:bottom;opacity:1;}
.galleryitem {opacity:0;float:right;}

.galleryitem:hover img, .galleryitem a:focus img {-webkit-transform: scale(1.01,1.01);-moz-transform: scale(1.01,1.01);-o-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);transform: scale(1.01,1.01);}
.gallerylist .curtainplace .curtain {padding:0;}

.effect-parent {-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;}
.effect-2 {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards;
}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}
.effect-duration-1{
    -webkit-animation-duration: .4s;
    -moz-animation-duration:    .4s;
    animation-duration:         .4s;
}
.effect-duration-2{
    -webkit-animation-duration: .5s;
    -moz-animation-duration:    .5s;
    animation-duration:         .5s;
}
.effect-duration-3{
    -webkit-animation-duration: .6s;
    -moz-animation-duration:    .6s;
    animation-duration:         .6s;
}
.effect-duration-4{
    -webkit-animation-duration: .7s;
    -moz-animation-duration:    .7s;
    animation-duration:         .7s;
}
.effect-duration-5{
    -webkit-animation-duration: .8s;
    -moz-animation-duration:    .8s;
    animation-duration:         .8s;
}
.effect-duration-6{
    -webkit-animation-duration: .9s;
    -moz-animation-duration:    .9s;
    animation-duration:         .9s;
}
.effect-duration-7{
    -webkit-animation-duration: .95s;
    -moz-animation-duration:    .95s;
    animation-duration:         .95s;
}
.effect-duration-8{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:    1s;
    animation-duration:         1s;
}
.effect-duration-9{
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration:    1.05s;
    animation-duration:         1.05s;
}
.effect-duration-10{
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration:    1.1s;
    animation-duration:         1.1s;
}
/*--*/

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.slideto {background:#fff;padding:10px;border:2px solid #2da0b9;position:fixed;left:10px;top:10px;z-index:99999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}
.accessibility {cursor:pointer;line-height:21px;display:inline-block;width: 30px;height: 84px;border:none;text-align:center;background:#000 url(../images/accessibility.png) center center no-repeat !important;float:left;margin:0 0 0 15px}
.sticky .accessibility {height:52px;}
.accessibility:hover, .accessibility:focus {background-color: #0c1b74 !important;}
.search input[type="submit"] {background: #fff url(../images/search.png) 10px 8px no-repeat !important;}

.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite .contactform textarea, .invertsite .mainmenu li ul li a span, .invertsite .topmenu li ul li a span {background-color:#000000 !important;color:#ffffff !important;}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid #fff;}
.invertsite .contactsideplace textarea {width: 66%;}
.invertsite ::-webkit-input-placeholder {color: #fff;}
.invertsite ::-moz-placeholder {color: #fff;}
.invertsite :-ms-input-placeholder {color: #fff;}
.invertsite :-moz-placeholder {color: #fff;}

a:focus, button:focus, input[type="submit"]:focus, input:focus, select:focus, .slider a:focus img, textarea:focus { -moz-box-shadow: 0px 0px 5px rgba(255, 255, 255);-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255);box-shadow: 0px 0px 5px rgb(255, 255, 255);outline: 2px dashed #fff;}
.invertsite a:focus, .invertsite button:focus, .invertsite input[type="submit"]:focus, .invertsite input:focus, .invertsite select:focus, .invertsite .slider a:focus img, .invertsite textarea:focus {outline: 2px dashed #fff;}

.logos a:focus, .footerlinksbox a:focus, .socialmedia :active:focus {outline: 2px dashed #000;}

@media print
{
    * {-webkit-print-color-adjust:exact;}
	.page, .content, .movie, .movie2 { width: auto !important;width:100%; }
	.leftcolumn, .mainmenu, .topmenu, .footer, .breadcrumbs, .search, .socialmedia {display:none;}
	div, span, body, header, .sticky {background:none;-moz-box-shadow: 0px 0px 0px rgba(100,100,100,0.4);-webkit-box-shadow: 0px 0px 0px rgba(100,100,100,0.4);box-shadow: 0px 0px 0px rgba(100,100,100,0.4);}
	.logo, .sticky .logo {float:none;margin:10px auto;max-width:210px;}
	header {position:static}
	.infoboxes, .smalltitle {width:100%;position:static}
	.pagetitle, .columns {background:none;padding:0;min-height:inherit}
	.mainabstract, .mainabstract p {font-size: 22px;line-height: 22px;}
	.bodytext p a {box-shadow: inset 0 0px 0 rgba(255,255,255,0), inset 0 0px 0 #ffffff;}
	.credits {text-align:center;padding:5px;font-size:16px;}
}