body {
font-family:arial;
margin:0;
font-size:10pt;
}
[data-href]{cursor: pointer;}
/*************************************************************************************************
Class for hidden label for inputs with placeholder only
add class="placeholder" to the input. label must come after the input itself
make extra individual css settings for the label itself for each place
*************************************************************************************************/
input.placeholder:focus::-moz-placeholder { color:transparent; }
input.placeholder:focus::-webkit-input-placeholder { color:transparent; }
input.placeholder:focus:-ms-input-placeholder { color:transparent; }
input.placeholder + label {
position:absolute;
right:-999px;
cursor: text;
opacity: 0;
}
input.placeholder:focus + label {
transition: all 0.5s cubic-bezier(1, 0, 0, 1) 0s;
opacity: 1;
right: 0;
}
/*** end placeholder label classes ***/
/*UI TOOLTIP*/
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0;}#qtip-overlay{position:fixed;left:-10000em;top:-10000em;}#qtip-overlay.blurs{cursor:pointer;}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}/*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{border-color:#E2E2E2;color:#454545;}.ui-tooltip-light .ui-tooltip-content{background-color:white;}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1;}/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#303030;color:#f3f3f3;}.ui-tooltip-dark .ui-tooltip-content{background-color:#505050;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}/*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content{border-color:#F9E98E;color:#A27D35;}.ui-tooltip-cream .ui-tooltip-content{background-color:#FBF7AA;}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D;}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0;}/*!Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content{border-color:#D95252;color:#912323;}.ui-tooltip-red .ui-tooltip-content{background-color:#F78B83;}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65;}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0;}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252;}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252;}/*!Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content{border-color:#90D93F;color:#3F6219;}.ui-tooltip-green .ui-tooltip-content{background-color:#CAED9E;}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78;}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0;}/*!Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content{border-color:#ADD9ED;color:#5E99BD;}.ui-tooltip-blue .ui-tooltip-content{background-color:#E5F6FE;}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5;}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0;}/*!Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+*/ .ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);}.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";_margin-bottom:-3px;.margin-bottom:-3px;}/*!Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+*/ .ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}/*!Youtube tooltip style */ .ui-tooltip-youtube{-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;}.ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border-color:#CCC;}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222;}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,0.7);background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333;}.ui-tooltip-jtools .ui-tooltip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:white;border:0 dashed transparent;}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555;}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333;}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);box-shadow:4px 4px 5px rgba(0,0,0,0.4);}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:white;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-content{background-color:#D9D9C2;color:#111;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064;}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952;}.ui-tooltip-tipsy{border:0;}.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,.87);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border:0 transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:bold;line-height:16px;text-shadow:0 1px black;}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10;}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10;}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none;}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content{border:3px solid #959FA9;filter:none;-ms-filter:none;}.ui-tooltip-tipped .ui-tooltip-titlebar{background:#3A79B8;background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";color:white;font-weight:normal;font-family:serif;border-bottom-width:0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}.ui-tooltip-tipped .ui-tooltip-content{background-color:#F9F9F9;color:#454545;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589;}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555;}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none;}
.ui-tooltip-slider {width:55px !important;}
.ui-tooltip-slider *{font-family:Arial !important;font-size:10px !important;direction:rtl !important;text-decoration:none !important;text-align:center !important;white-space:nowrap !important;color:#ffffff !important;background:#1870b1 !important;border:0px !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ui-tooltip-help, .ui-tooltip-help-ltr {width:180px !important;}
.ui-tooltip-help *, .ui-tooltip-help-ltr *{
direction:rtl !important;
text-decoration:none !important;
text-align:right !important;
color:#ffffff !important;
background:#0AA6CC !important;
text-shadow:0 0 !important;
font-weight:normal !important;
font-size:12px !important;
}
.ui-tooltip-help-ltr * {
direction:ltr !important;
text-align:left !important;
}
.ui-tooltip-img{width:220px !important;}
.ui-tooltip-img *{
text-align:center !important;
background:#efefef !important;
border:0px !important;
font-family:Arial !important;
font-size:11px !important;
direction:ltr !important;
}
.ui-tooltip-img .ui-tooltip-content {
padding:10px 3px;
}
.ui-tooltip-img img {
width:200px;
width:auto;
max-width:200px;
margin-bottom:5px;
}
.ui-tooltip-theme{
width:auto !important;
max-width:406px !important;
}
.ui-tooltip-theme *{
text-align:center !important;
background:#efefef !important;
border:0px !important;
font-family:Arial !important;
font-size:11px !important;
direction:ltr !important;
}
.ui-tooltip-theme .ui-tooltip-content {
padding:10px 3px;
}
.ui-tooltip-theme img {
max-width:400px;
margin-bottom:5px;
}
.ui-tooltip-title *{
font-size: 11px !important;
direction:rtl !important;
text-align:center !important;
color:#eee !important;
opacity:.9;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-shadow:0 0 !important;
font-weight:normal !important;
}
.ui-tooltip {
padding:0 !important;
}
/*** End Qtip **//* heebo-300 - latin_hebrew */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 300;
src: url('fonts/heebo-300.eot'); /* IE9 Compat Modes */
src: local('Heebo Light'), local('Heebo-Light'),
url('fonts/heebo-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/heebo-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/heebo-300.woff') format('woff'), /* Modern Browsers */
url('fonts/heebo-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/heebo-300.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-regular - latin_hebrew */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 400;
src: url('fonts/heebo-400.eot'); /* IE9 Compat Modes */
src: local('Heebo'), local('Heebo-Regular'),
url('fonts/heebo-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/heebo-400.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/heebo-400.woff') format('woff'), /* Modern Browsers */
url('fonts/heebo-400.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/heebo-400.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-500 - latin_hebrew */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 500;
src: url('fonts/heebo-500.eot'); /* IE9 Compat Modes */
src: local('Heebo Medium'), local('Heebo-Medium'),
url('fonts/heebo-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/heebo-500.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/heebo-500.woff') format('woff'), /* Modern Browsers */
url('fonts/heebo-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/heebo-500.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-700 - latin_hebrew */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 700;
src: url('fonts/heebo-700.eot'); /* IE9 Compat Modes */
src: local('Heebo Bold'), local('Heebo-Bold'),
url('fonts/heebo-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/heebo-700.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/heebo-700.woff') format('woff'), /* Modern Browsers */
url('fonts/heebo-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/heebo-700.svg#Heebo') format('svg'); /* Legacy iOS */
}
html {
height: 100%;
width: 100%;
}
body{
height: calc(100% - 122px);
}
html,body{
font-family: 'Heebo','Arial';
font-size: 16px;
color:#3d3d3d;
}
ul{
margin:0;
padding:0;
list-style: none;
}
select{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
select::-ms-expand {
display: none;
}
header{
background: #ededed;
border-top: 2px solid #dfdfdf;
position: fixed;
width: 100%;
top:0;
left:0;
z-index: 999;
}
.lego-row ul {
list-style: inside !important;
font-weight: normal;
}
.upperHeader{
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.35);
}
.bottomHeader{
padding: 20px 0 15px;
position: fixed;
top:122px;
left:0;
width: 100%;
background: #006ea3;
display: none;
/*transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;*/
}
.search_open .bottomHeader{
/* top:122px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;*/
}
.upperHeader .container{
background: #fff;
position: relative;
}
.searchWrap .container{
background: transparent;
}
button{
background:transparent;
border:0;
padding:0;
}
ul{
margin:0;
padding:0;
list-style: none;
}
.wrapper{
min-height: 100%;
position: relative;
direction: ltr;
}
.logoWrap img{
width: 195px;
height: auto;
z-index: 1;
position: relative;
}
.logoWrap a{
display: block;
}
.headerSide:before,
.logoWrap:before{
content: "";
width: 150%;
height: 100%;
background: #ededed;
-ms-transform: skewX(45deg);
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
position: absolute;
right: 0;
top: 0;
}
.headerSide:before{
right:auto;
left:0;
}
.bottomMenu,
.topMenu{
z-index: 1;
position: relative;
float: right;
clear: both;
margin-top: 20px;
}
.bottomMenu li,
.topMenu li{
display: inline-block;
}
.bottomMenu li a{
line-height: 20px;
}
.bottomMenu li img{
height: 24px;
width: auto;
vertical-align: sub;
}
.topMenu li svg{
display: inline-block;
vertical-align: middle;
margin-right:5px;
}
.topMenu li + li,
.bottomMenu li + li{
padding-left: 15px;
}
.topMenu li span{
display: inline-block;
vertical-align: middle;
color:#006aa0;
font-size: 0.8235rem;
font-weight: 500;
}
.langWrap svg{
width: 22px;
height: 25px;
fill: #006aa0;
}
.langWrap a:hover,
.langWrap a:focus{
text-decoration: none;
}
.searchWrap svg{
width: 23px;
height: 25px;
fill: #006aa0;
}
.search_open .searchWrap .searchClose,
.searchWrap .searchOpen{
display: none;
}
.search_open .searchWrap .searchOpen{
display: block;
}
.accessWrap svg{
width: 25px;
height: 25px;
fill: #006aa0;
}
svg.facebookBtn{
width: 9px;
}
svg.youtubeBtn{
width: 20px;
}
svg.effect{
width: 20px;
}
svg.factor{
width: 57px;
background: url("../images/factor.png") center center no-repeat;
background-size: 57px auto;
}
/*
svg.technion{
width: 25px;
background: url("../images/technion.png") center center no-repeat;
background-size: 15px auto;
}
*/
svg.instagram{
width: 20px;
}
svg.asa{
width: 22px;
}
svg.placeholder{
width: 18px;
}
.bottomMenu svg{
height: 25px;
fill: #006aa0;
vertical-align: sub;
}
.navbar-collapse.collapse,
.logoWrap,
.menuWrap,
.headerSide{
height: 120px!important;
}
.navbar-nav{
width: 100%;
text-align: center;
}
.navbar-nav>li>a{
font-size: 1.176rem;
color:#023554;
overflow: hidden;
}
.nav>li>a:hover,
.nav>li>a:focus{
background-color: transparent;
}
.tycoCredit {
position: relative;
margin-left: 10px;
float: right;
}
.tycoCredit svg {
width: 60px;
height: 20px;
fill: #595959;
vertical-align: middle;
}
.footerMenu{
text-align: center;
}
.footerMenu li{
display: inline-block;
}
.footerMenu li a{
color:#5b5b5b;
font-size: 0.9412rem;
padding: 0 7px;
}
.footerMenu li a:hover,
.footerMenu li a:focus{
color:#5b5b5b;
text-decoration: none;
}
.footerMenu li + li:before{
content: "|";
}
.asatCredit p{
margin: 0;
color:#5b5b5b;
font-size: 0.9412rem;
}
.bottomFooter{
padding: 20px 0;
background: #fff;
z-index: 2;
position: relative;
}
.upperFooter{
height: calc(100% - 60px);
width: 100%;
position: relative;
overflow: hidden;
}
svg.footerBg{
position: absolute;
width: 2000px;
height: 430px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
body.batgalim svg.footerBg,
body.m_hp .wrapper{
background: #215271;
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
}
.upperFooter .container{
padding-top:200px;
}
.asatStore,
.newsletter_button{
display: block;
width: 270px;
max-width: 100%;
height: 58px;
line-height: 58px;
background: rgba(6,61,95,0.72);
color:#fff;
text-align: center;
margin:0 auto;
border: 0;
padding: 0;
}
.asatStore{
background: #013354;
border:1px solid #fff;
margin-top: 15px!important;
}
.asatStore img{
width: auto;
height: 90%;
}
.newsletter_button svg{
width: 29px;
height: 28px;
display: inline-block;
vertical-align: middle;
fill:#90d26d;
margin-right: 5px;
}
.newsletter_button span{
display: inline-block;
vertical-align: middle;
color:#fff;
}
.modal-backdrop.in{
opacity: .63;
}
.modal{
direction:ltr;
}
.modal-header{
border:0;
}
.modal button.close{
width: 20px;
height: 20px;
opacity: 1;
position: absolute;
top:15px;
left:15px;
}
.modal#newsletterModal button.close{
opacity: 1;
position: absolute;
top: -25px;
left: -25px;
width: 20px;
height: 20px;
}
.modal button.close svg{
width: 100%;
height: 100%;
fill: #0e75a7;
}
.modal#newsletterModal button.close svg{
width: 100%;
height: 100%;
fill:#fff;
}
#newsletterModal .modal-content{
background: #fff url(../images/newsletterBg.jpg) right top no-repeat;
padding-right: 219px;
border: 0;
border-radius: 0;
background-size: auto 100%;
}
#newsletterModal .modal-header{
padding: 50px 30px;
padding-bottom: 0!important;
text-align: center;
}
#newsletterModal .modal-body{
padding: 50px 30px;
padding-top: 0!important;
text-align: center;
}
#newsletterModal h3{
font-weight: 700;
font-size:1.438rem;
color:#134362;
}
#newsletterModal p{
font-weight: 400;
font-size:1rem;
color:#134362;
}
#newsletterModal form{
width: 75%;
margin:0 auto;
}
.inputWrap label{
width: 100%;
text-align: left;
font-weight: 400;
font-size: 0.8125rem;
color:#555758;
}
.inputWrap input:not([type="checkbox"]):not([type="submit"]){
width: 100%;
height: 45px;
border: 1px solid #b0b0b0;
}
.inputWrap input[type="submit"]{
background: -moz-linear-gradient(0deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(2,52,84,1)), color-stop(51%, rgba(0,120,173,1)), color-stop(100%, rgba(92,175,219,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023454', endColorstr='#5cafdb',GradientType=1 ); /* ie6-9 */
width: 100%;
height: 45px;
border: 0;
color: #fff;
}
.inputWrap{
position: relative;
}
.inputWrap + .inputWrap{
margin-top: 7px;
}
.check{
width: 20px;
height: 20px;
background: #fff;
display: inline-block;
border: 1px solid #b0b0b0;
text-align: center;
vertical-align: top;
margin-right: 5px;
}
.check svg{
width: 80%;
height: 100%;
opacity: 0;
}
.inputWrap input[type="checkbox"]{
width: 20px;
height: 20px;
left: 0;
top: 0;
position: absolute;
opacity: 0;
}
.inputWrap input[type="checkbox"]:checked + .check svg{
opacity: 1;
}
.inputWrap.open .check{
box-shadow: 0px 0px 0px 2px #000 inset;
}
.checkTxt{
display: inline-block;
width: calc(100% - 30px);
vertical-align: top;
}
#newsletterModal svg.newsletterTri{
position: absolute;
width: 79px;
height: 77px;
bottom: -30px;
left: 15px;
z-index: 1;
opacity: 0.7;
fill:#61b0db;
}
#newsletterModal svg.newsletterTri + svg.newsletterTri{
bottom: -30px;
left: -15px;
fill:#006da2;
opacity: 1;
}
.modal-dialog{
margin:50px auto;
max-width: 80%;
}
.footerCol .footerBanner a{
display: block;
}
.footerCol .footerBanner a img{
width: 100%;
}
.accessWrap button{
border:0;
padding: 0;
background: transparent;
}
#searchForm{
width: 635px;
margin: 0 auto;
max-width: 80%;
border-bottom:1px solid #fff;
}
#searchForm svg.searchBtn{
fill:#90d26d;
width: 23px;
height: 23px;
}
#searchForm input[type=search]{
width: calc(100% - 35px);
border: 0;
height: 40px;
background: transparent;
font-size: 1.25rem;
color:#fff;
}
#searchForm input[type=search]::-webkit-input-placeholder{color:rgba(255,255,255,0.36);font-size: 1.25rem;}
#searchForm input[type=search]:-moz-placeholder{color:rgba(255,255,255,0.36);font-size: 1.25rem;}
.logoWrap:after,
body:before{
content: "";
background:rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
opacity: 0;
z-index: -1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
body.open_menu .logoWrap:after,
body.open_menu:before{
opacity: 1;
z-index: 2;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.navbar-nav{
margin:0;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
background-color: transparent;
}
.customDots{
position: absolute;
bottom:0;
left:0;
width:100%;
text-align: center;
z-index: 2;
}
.owl-dots{
display: inline-block;
}
.owl-dot{
display: inline-block;
}
.owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.owl-dot.active span, .owl-dot:hover span {
background: #5eafda;
}
.playPauseBtn{
vertical-align: top;
display: inline-block;
}
.playPauseBtn svg{
fill:#fff;
width: 12px;
height: 12px;
}
.playPauseBtn svg.playBtn{
width: 14px;
height: 14px;
margin-top: 3px;
}
.playPauseBtn.paused svg.pauseBtn,
.playPauseBtn svg.playBtn{
display: none;
}
.playPauseBtn.paused svg.playBtn{
display: block;
}
.bannerTxt{
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
text-align: center;
color: #fff;
z-index:999;
}
.bannerTxt h2{
font-size: 1.75rem;
font-weight: bold;
width: 40%;
margin: 0 auto;
}
.bannerTxt p{
font-size: 1.313rem;
font-weight: 400;
width: 40%;
margin: 0 auto;
}
.bannerTxt a,
.bannerTxt a:hover,
.bannerTxt a:focus{
font-size: 1.313rem;
font-weight: 400;
color: #fff;
text-decoration: underline;
width: 40%;
margin: 0 auto;
display: block;
}
.bannerMenu{
position: absolute;
top: 20%;
left: 0;
z-index: 99;
width: 100%;
}
.bannerMenu .container{
position: relative;
}
.quickLinks{
width: 342px;
float: right;
}
.bannerMenu .quickLinks{
position: absolute;
left: 15px;
top: 0;
}
.quickLinks{
}
.quickLinks .tab-content{
background:rgba(0,0,0,0.46);
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.35);
float: left;
width: 100%;
height: 270px;
}
.quickLinks svg{
fill:#58addb;
}
.quickLinks .tab-pane li{
width: 33.3%;
float: left;
text-align: center;
margin-top: 25px;
}
.quickLinks .tab-pane li a{
color:#fff;
font-size:1rem;
padding: 0 15px;
display: block;
}
.quickLinks .tab-pane li a:hover,
.quickLinks .tab-pane li a:focus{
text-decoration: none;
color:#90d26d;
}
.quickLinks .tab-pane li a:hover svg,
.quickLinks .tab-pane li a:focus svg{
fill:#90d26d;
}
svg.bannerMenu_1_1{
width: 34px;
height: 42px;
}
svg.bannerMenu_1_3{
width: 39px;
height: 42px;
}
svg.bannerMenu_1_2{
width: 42px;
height: 42px;
}
svg.bannerMenu_1_5{
width: 32px;
height: 42px;
}
svg.bannerMenu_1_4{
width: 25px;
height: 42px;
}
svg.bannerMenu_1_6{
width: 34px;
height: 42px;
stroke:#58addb;
stroke-width: 2px;
fill:transparent!important;
}
.quickLinks .tab-pane li a:hover svg.bannerMenu_1_6,
.quickLinks .tab-pane li a:focus svg.bannerMenu_1_6{
stroke:#90d26d;
fill:transparent;
}
svg.bannerMenu_2_1{
width: 35px;
height:38px;
}
svg.bannerMenu_2_2{
width: 41px;
height:38px;
}
svg.bannerMenu_2_3{
width: 39px;
height:38px;
}
svg.bannerMenu_2_4{
width: 34px;
height:38px;
}
svg.bannerMenu_2_5{
width: 34px;
height:38px;
}
svg.bannerMenu_2_6{
width: 32px;
height:38px;
}
section.hpNews{
background:#fff url(../images/newsBg.png) right 38% center no-repeat;
background-size: auto 750px;
padding: 75px 0;
}
.mainBanner{
position: relative;
}
.mainBanner .owl-item:before{
content: "";
position: absolute;
top:0;
right:0;
width: 100%;
height:100%;
background: url("../images/bannerBg.png") right 31% center no-repeat;
background-size: auto 750px;
z-index: 99;
pointer-events: none;
}
.mainBanner .owl-item:after{
content: "";
width: 50%;
height: 100%;
position: absolute;
right:0;
top:0;
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.6) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(1%, rgba(255,255,255,0.01)), color-stop(100%, rgba(0,0,0,0.6))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.6) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.6) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.6) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.6) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
z-index: 2;
pointer-events: none;
}
.mainBanner a.rotator-mobile-link {
display:none;
}
@media (max-width: 992px) {
.mainBanner a.rotator-mobile-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
}
}
.bannersMesonry li{
position: relative;
}
.bannersMesonry>li{
width: 33.3%;
float:left;
position: relative;
}
.bannersMesonry li a{
display: block;
padding: 0 5px;
margin-bottom: 10px;
}
.bannersMesonry li a img{
width: 100%;
}
.bannersMesonry li:nth-child(2) ul{
margin-top:70px;
}
.bannersMesonry li:last-child ul{
margin-top:20px;
}
.bannersMesonry li:first-child ul li:last-child svg.newsletterTri{
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
right: 5px;
top: calc(100% + 10px);
width: 43px;
height: 43px;
fill:#023554;
opacity: 0.7;
mix-blend-mode: multiply;
}
.bannersMesonry li:first-child ul li:last-child svg.newsletterTri + svg.newsletterTri{
right: 20px;
fill:#5cafdb;
opacity:1;
}
.bannersMesonry li:nth-child(2) ul li:first-child svg.newsletterTri{
position: absolute;
bottom:calc(100% + 10px);
left: 5px;
width: 95px;
height: 95px;
fill:#023554;
opacity: 0.7;
mix-blend-mode: multiply;
}
.bannersMesonry li:nth-child(2) ul li:first-child svg.newsletterTri + svg.newsletterTri{
left: 35px;
fill:#5cafdb;
opacity:1;
}
.hpNewsInnerWrapper .tab-content{
height: 290px;
background: #006da2;
padding: 25px 20px 10px;
}
.hpNewsInnerWrapperHeader{
float: left;
width: 100%;
margin-bottom: 25px;
}
.hpNewsInnerWrapperHeader h2{
float: left;
margin:0;
color: #023554;
font-weight: 700;
font-size: 1.688rem;
}
.hpNewsInnerWrapperHeader>a{
float: right;
font-size: 1.063rem;
font-weight: 700;
color: #023554;
text-decoration: underline;
}
.hpNewsInnerWrapperHeader>a:after{
content: ">"
}
.hpNewsInnerWrapper .nav-tabs{
border-bottom: 0;
}
.hpNewsInnerWrapper .dropdown-menu>li{
width: 20%;
}
.hpNewsInnerWrapper .dropdown-menu>li>a{
border:0;
border-radius: 0;
padding: 10px;
word-wrap: break-word;
text-align: center;
color:#fff;
background: #023554;
height: 100%;
margin-right: 2px;
white-space: normal;
}
.nav-pills > li + li{
margin: 0;
}
.hpNewsInnerWrapper .dropdown-menu>li:last-child>a{
margin:0;
}
.hpNewsInnerWrapper .dropdown-menu>li>a:hover,
.hpNewsInnerWrapper .dropdown-menu>li>a:focus,
.hpNewsInnerWrapper .dropdown-menu>li.active>a,
.hpNewsInnerWrapper .dropdown-menu>li.active>a:hover,
.hpNewsInnerWrapper .dropdown-menu>li.active>a:focus{
background: #006da2;
color: #fff;
border:0;
}
.dateWrap{
float: left;
width: 130px;
}
.dateWrap a{
color: #feffff;
text-decoration: underline;
font-size: 1.063rem;
}
.dateWrap a:after{
content: " >";
}
.textWrap{
float: left;
width: calc(100% - 130px);
}
.textWrap h3{
margin:0;
margin-bottom: 10px;
color:#f1f1f1;
font-size: 1.063rem;
}
.textWrap a{
color:#f1f1f1;
font-size: 1.063rem;
text-decoration: underline;
}
.textWrap a:hover,
.textWrap a:focus,{
color:#f1f1f1;
}
.hpNewsInnerWrapper .tab-content ul li{
float: left;
width: 100%;
margin-top:15px;
-webkit-flex-shrink: initial;
-ms-flex: initial;
flex-shrink: initial;
height: auto!important;
}
.hpNewsInnerWrapper .tab-content .tab-pane{
height: calc(100% - 41px);
}
.hpNewsInnerWrapper .tab-content .news_roll{
height: 100%;
}
.hpNewsInnerWrapper .roll_controls button {
display: inline-block;
width: 20px;
height: 30px;
position: relative;
border: 0;
background: none;
vertical-align: middle;
overflow: hidden;
}
.hpNewsInnerWrapper .roll_controls button svg{
width: 70%;
height: 100%;
fill:#fff;
margin: 0 auto!important;
}
.hpNewsInnerWrapper .roll_controls button.up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.hpNewsInnerWrapper .roll_controls button.play_n_pause {
width: 17px;
}
.hpNewsInnerWrapper .roll_controls {
text-align: center;
border-top: 1px solid rgba(255,255,255,0.2);
padding-top: 10px;
}
.hpNewsInnerWrapper .play_n_pause.active .pauseBtn,
.hpNewsInnerWrapper .play_n_pause .playBtn{
display:block;
}
.hpNewsInnerWrapper .play_n_pause.active .playBtn{
display:none;
}
.hpEvents{
padding:70px 0;
/*background: #215271;
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);*/
}
/*.m_hp .footerBg{
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
}*/
.specialEvents h2,
.hpEvents h2{
color:#90d26d;
font-weight:700;
text-align:center;
}
.eventItem{
position:relative;
margin-top:50px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19);
}
.eventItem img{
width: 100%;
}
.categoryIcon{
width:53px;
height:53px;
background:#023554;
position:absolute;
bottom:0;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.categoryIcon svg.lectures{
width:33px;
height:33px;
margin-top: 10px;
}
.categoryIcon svg.classes{
width: 40px;
height: 31px;
margin-top: 12px;
}
.categoryIcon svg.parties{
width:32px;
height:37px;
margin-top: 7px;
}
.categoryIcon svg.theater{
width:24px;
height:37px;
margin-top: 9px;
}
.categoryIcon svg.family {
width: 43px;
height: 36px;
margin-top: 7px;
}
.categoryIcon svg.shows {
width: 43px;
height: 36px;
margin-top: 7px;
}
.categoryIcon svg.workshops {
width: 43px;
height: 36px;
margin-top: 7px;
}
.categoryIcon svg.sports {
width: 43px;
height: 36px;
margin-top: 7px;
}
.eventDet{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
border-bottom:3px solid #90d26d;
text-align: center;
height: 75px;
transition: height .25s ease-in-out;
-moz-transition: height .25s ease-in-out;
-webkit-transition: height .25s ease-in-out;
}
.eventDet:after{
content: "";
position: absolute;
top: 100%;
left: calc(50% - 10px);
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #90d26d;
}
.eventDet h3{
font-weight:700;
color:#006da2;
font-size:1rem;
margin:0;
}
.eventDet span{
color:#023554;
font-size: 0.875rem;
}
.eventDet span + span:before{
content:"|";
padding:0 5px;
}
.eventDet a{
display:block;
padding: 7px;
color:#fff;
background: rgba(0,0,0,0.5);
margin-top: 15px;
font-weight: 700;
}
.eventDet a:hover,
.eventDet a:focus{
text-decoration: none;
}
.eventDet a + a{
background: rgba(255,255,255,0.79);
color:#006da2;
}
.eventItem:hover .eventDet,
.eventItem.open .eventDet{
height:100%;
transition: height .25s ease-in-out;
-moz-transition: height .25s ease-in-out;
-webkit-transition: height .25s ease-in-out;
background: -moz-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgba(2,52,84,0.8)), color-stop(51%, rgba(0,120,173,0.8)), color-stop(100%, rgba(92,175,219,0.8))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023454', endColorstr='#5cafdb',GradientType=0 ); /* ie6-9 */
}
.eventItem:hover span + span:before,
.eventItem.open span + span:before,
.eventItem:hover .eventDet:after,
.eventItem.open .eventDet:after{
content: initial;
display: none;
}
.eventItem:hover .eventDet h3,
.eventItem.open .eventDet h3{
color:#fff;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin-bottom: 10px;
display: inline-block;
}
.eventItem:hover .eventDet span,
.eventItem.open .eventDet span{
display: block;
color:#fff;
}
.eventItem:hover .eventDet .innerEventDet,
.eventItem.open .eventDet .innerEventDet{
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
width: 80%;
}
.hoverItems{
opacity: 0;
display: block;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.eventItem:hover .eventDet .hoverItems,
.eventItem.open .eventDet .hoverItems{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.innerEventDet{
padding: 10px;
}
.loadMoreInner,
.loadMore{
width: 150px;
text-align: center;
margin:40px auto 0;
display: block;
}
.loadMore span{
display:inline-block;
vertical-align: middle;
color:#fff;
}
.loadMoreInner span{
color:#1d4e6c;
display: block;
}
.loadMoreInner svg{
width: 24px;
height: 24px;
margin: 0 auto 7px;
fill:#1d4e6c;
}
.loadMore svg{
width: 17px;
height: 15px;
display: inline-block;
vertical-align: middle;
fill:#8dd169;
margin-left: 7px;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.quickLinks .nav-tabs{
border: 0;
}
.quickLinks .nav li{
float: none;
display: inline-block;
vertical-align: bottom;
margin-right: -7px;
}
.quickLinks .nav li.active{
z-index: 1;
}
.quickLinks .nav li.active a{
padding: 15px 25px;
}
.quickLinks .nav{
overflow: hidden;
}
.quickLinks .nav li a{
color:#fff;
font-size: 1rem;
margin: 0;
border:0;
padding: 10px 25px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
background: transparent;
color:#fff;
border:0;
}
.quickLinks .nav li:before{
content: "";
background: #61b0db;
width: 105%;
height: 100%;
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
position: absolute;
top: 0;
left: -10px;
}
.quickLinks .nav li.active:before{
background: #033555;
}
.quickLinks .sideTabs ul li {
height: 85px !important;
}
.fixedSideMenu{
position: fixed;
top: 35%;
left: 0;
z-index: 999;
}
.fixedSideMenu ul li{
width: 54px;
height: 54px;
text-align: center;
}
.fixedSideMenu ul li + li{
margin-top: 5px;
}
.fixedSideMenu ul li a{
display: block;
width: 100%;
height: 100%;
}
.fixedSideMenu ul li.newsletterLink{
background:#90d26d ;
}
.fixedSideMenu ul li.newsletterLink button{
width: 100%;
height: 100%;
}
.fixedSideMenu ul li.contactLink{
background:#61b0db ;
}
.fixedSideMenu ul li svg{
fill:#fff;
width: 29px;
height: 28px;
margin-top: 13px;
}
.fixedSideMenu ul li.newsletterLink button svg{
margin-top: 8px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
background-color: transparent;
}
.pageHeaderWrap{
background: #215271;
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
padding: 45px 0;
position: relative;
/* z-index:-1;*/
text-align: center;
}
.pageHeaderWrap h1{
margin: 0;
margin-bottom: 15px;
color: #fff;
font-size: 2.188rem;
}
.pageHeaderWrap h1 span{
font-style: italic;
opacity: 0.57;
}
.pageHeaderWrap h1 svg{
display: inline-block;
vertical-align: middle;
margin-right:7px;
}
.pageHeaderWrap h1 svg.parties{
width: 45px;
height: 45px;
}
.pageHeaderWrap h1 svg.lectures{
width: 36px;
height: 36px;
}
.pageHeaderWrap h1 svg.classes{
width: 100px;
height: 69px;
}
.pageHeaderWrap h1 svg.theater{
width: 32px;
height: 48px;
}
.pageHeaderWrap h1 svg.shows{
width: 44px;
height: 48px;
}
.pageHeaderWrap h1 svg.sports{
width: 44px;
height: 48px;
}
.pageHeaderWrap h1 svg.workshops{
width: 44px;
height: 48px;
}
.pageHeaderWrap h1 svg.family{
width: 65px;
height: 60px;
}
.pageHeaderWrap .breadcrumb{
background-color: transparent;
margin: 0;
}
.breadcrumb>.active,
.pageHeaderWrap .breadcrumb a,
.pageHeaderWrap .breadcrumb{
color:#fff;
}
.pageHeaderWrap .breadcrumb a{
text-decoration: underline;
}
.breadcrumb>li+li:before{
content: ">";
}
body:not(.m_hp) .wrapper{
background: url("../images/innerBg.png") left top no-repeat;
background-size: 32% auto;
}
.datesCarouselWrap{
padding: 50px 0;
}
.datesCarousel{
position: relative;
float: left;
margin-right: 40px;
width: calc(100% - 175px);
}
.datesCarousel .owl-carousel{
width: calc(100% - 70px);
margin: 0 auto;
position: static;
}
.datesCarousel .owl-prev,
.datesCarousel .owl-next{
position: absolute;
top:50%;
transform: translateY(-50%);
font-size: 35px;
width: 35px;
height: 35px;
line-height: 35px;
}
.datesCarousel .owl-prev{
left:0;
}
.datesCarousel .owl-next{
right:0;
}
.datesCarousel .dayDateWrap{
border-left:2px solid #215271;
padding-left: 20px;
padding-top: 10px;
height: 100px;
width: 100px;
margin: 0 auto;
position: relative;
display: block;
}
.datesCarousel .dayDateWrap:after{
content: "";
width: 0;
height: 0;
border-bottom: 100px solid rgba(89,173,219,0.06);
border-right: 100px solid transparent;
position: absolute;
bottom:0;
left:0;
z-index: -1;
}
.datesCarousel .dayDateWrap.active:after{
border-bottom: 100px solid rgba(89,173,219,0.16);
}
.datesCarousel .dayDateWrap:hover,
.datesCarousel .dayDateWrap:focus{
text-decoration: none;
}
.datesCarousel .dayDateWrap .day{
font-weight:500;
color:rgba(19,67,98,0.5);
font-size: 3.125rem;
line-height: 3.125rem;
}
.datesCarousel .dayDateWrap.active .day{
color:rgba(19,67,98,1);
}
.datesCarousel .dayDateWrap .date{
color:#1d4e6c;
font-size: 1.125rem;
margin-top: 5px;
}
.filterBtn{
width: 135px;
height:100px;
background: #134362;
float: left;
}
.filterBtn svg.filter{
width: 45px;
height: 48px;
}
.filterBtn span{
display: inline-block;
color:#fff;
}
.filterBtn span i{
display: inline-block;
fill:#fff;
padding: 0 5px;
}
.categoryInnerFilter ul{
background: #3994c3;
}
.categoryInnerFilter ul li{
display: block;
}
.categoryInnerFilter ul li a{
color:#fff;
font-size: 1.063rem;
font-weight: 500;
padding: 15px 15px 11px;
display: block;
position: relative;
border-bottom: 4px solid transparent;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.categoryInnerFilter ul li a:after{
content: "";
position:absolute;
bottom:-4px;
left:calc(50% - 10px);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #033655;
opacity: 0;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
background-color: transparent;
}
.eventCatList{
text-align: center;
margin-bottom: 70px;
}
.eventCatList li{
display: inline-block;
margin:0 10px;
margin-bottom: 10px;
}
.eventCatList li a{
display: block;
color:#134362;
font-size: 1.125rem;
}
.eventCatList li a:hover,
.eventCatList li a:focus{
text-decoration: none;
}
.eventCatList li .iconWrap{
background:#134362;
width: 100px;
height: 100px;
text-align: center;
margin-bottom: 7px;
}
.iconWrap svg.parties{
width: 41px;
height:48px;
margin-top: 25px;
}
.iconWrap svg.lectures{
width: 43px;
height:48px;
margin-top: 27px;
}
.iconWrap svg.classes{
width: 86px;
height:48px;
margin-top: 25px;
}
.iconWrap svg.theater{
width: 31px;
height:48px;
margin-top: 25px;
}
.iconWrap svg.shows{
width: 44px;
height:48px;
margin-top: 25px;
}
.iconWrap svg.sports{
width: 43px;
height:48px;
margin-top: 27px;
}
.iconWrap svg.workshops {
width: 43px;
height: 48px;
margin-top: 27px;
}
.iconWrap svg.family{
width: 60px;
height: 60px;
margin-top: 19px;
}
#contactThanksModal .modal-content,
#filterModal .modal-content{
border-radius: 0;
text-align: center;
background:#fff url("../images/modalBg.png") right top no-repeat;
}
#contactThanksModal .modal-content{
background-position: -50px;
border-bottom:3px solid #90d26d;
}
#contactThanksModal .modal-header,
#filterModal .modal-header{
padding: 50px 0;
}
#contactThanksModal .modal-header{
padding-bottom: 0px;
}
#contactThanksModal .modal-title,
#filterModal .modal-title{
font-size: 1.875rem;
font-weight: 500;
}
.innerEventWrap{
padding: 50px 0;
}
.categoryRotator,
.eventImagesWrap{
position: relative;
}
.categoryRotatorItem:before,
.eventImagesWrap:before{
content: "";
width: 100%;
height: 70%;
position: absolute;
top:0;
left:0;
z-index: 2;
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}
.categoryRotatorItem>span{
position: absolute;
z-index: 3;
color: #fff;
top: 0;
left: 0;
padding: 10px;
}
.eventInfoSum{
position: absolute;
top:0;
left:0;
width: 100%;
text-align: center;
z-index: 3;
padding: 40px 0;
}
.eventInfoSum li{
display: inline-block;
margin: 0 25px;
}
.eventInfoSum li svg{
fill:#fff;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
height: 24px;
}
.eventInfoSum li svg.location{
width: 14px;
}
.eventInfoSum li svg.price{
width: 23px;
}
.eventInfoSum li svg.contactUsBtn,
.eventInfoSum li svg.site{
width: 24px;
}
.eventInfoSum li a,
.eventInfoSum li a:hover,
.eventInfoSum li a:focus{
text-decoration: none;
}
.eventInfoSum li span{
color:#fff;
}
.eventDates{
padding: 15px;
background: -moz-linear-gradient(270deg, rgba(2,52,84,0.69) 0%, rgba(0,120,173,0.69) 51%, rgba(92,175,219,0.69) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2,52,84,0.69)), color-stop(51%, rgba(0,120,173,0.69)), color-stop(100%, rgba(92,175,219,0.69))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(2,52,84,0.69) 0%, rgba(0,120,173,0.69) 51%, rgba(92,175,219,0.69) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(2,52,84,0.69) 0%, rgba(0,120,173,0.69) 51%, rgba(92,175,219,0.69) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(2,52,84,0.69) 0%, rgba(0,120,173,0.69) 51%, rgba(92,175,219,0.69) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(2,52,84,0.69) 0%, rgba(0,120,173,0.69) 51%, rgba(92,175,219,0.69) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023454', endColorstr='#5cafdb',GradientType=0 ); /* ie6-9 */
margin-top: 30px;
z-index: 4;
position: relative;
color:#fff;
}
svg.eventDatesHeader{
display: inline-block;
vertical-align: middle;
width: 36px;
height: 38px;
margin-right: 7px;
}
.eventDates h3{
margin: 0;
margin-bottom: 25px;
margin-top: 10px;
text-align: center;
}
.eventDateInfo{
background: #fff;
border-bottom:3px solid #90d26d ;
color:#215271;
font-weight: 500;
padding:15px;
position: relative;
}
.eventDateInfo:after{
content: "";
position: absolute;
bottom: 0px;
right: calc(50% - 8px);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #90d26d;
}
.eventDateInfo span{
display: inline-block;
padding-left:10px;
}
.eventDateInfo span + span:before{
content: "|";
padding-right: 10px;
}
.atcb-list{
visibility: visible;
opacity: 0;
top: -9999px;left:-9999px
}
.open .atcb-list{
opacity: 1;
top: 100%;
left:0;
}
.eventDates ul li,
.eventDates,
.eventDateInfo,
.eventDateAction,
.freeEventLink{
width: 100%;
float: left;
}
.eventDateAction>a,
.freeEventLink,
.eventDateAction .addtocalendar{
width: 50%;
float: left;
}
/*.eventDateAction .addtocalendar{
z-index: 1;
}*/
.eventDateAction>a,
.freeEventLink{
text-align: center;
color:#fff;
background: #2a6f95;
padding: 10px;
position: relative;
}
.eventDateAction>a:hover,
.eventDateAction>a:focus{
text-decoration: none;
}
.eventDateAction>a span,
.freeEventLink span{
z-index: 3;
position: relative;
}
.eventDateAction>a:after,
.freeEventLink:after{
content: "";
background: #2a6f95;
width: 100%;
height: 100%;
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
position: absolute;
top: 0;
left: 7px;
z-index: 2;
}
.eventDates ul li + li{
margin-top: 15px;
}
.eventBodyWrap h2{
color:#046fa3;
font-weight: 700;
margin: 0;
margin-top: 30px;
margin-bottom: 0px;
font-size: 1.375rem;
}
.eventTxt{
margin-top: 20px;
}
.eventExtraTxt.panel-default{
border:0;
background: transparent;
}
.eventExtraTxt .panel-heading{
padding: 0;
border:0;
background: #e6e6e6;
border-radius: 0;
color:#1b4560;
border-bottom:3px solid #63b0da;
}
.eventExtraTxt .panel-heading svg{
width: 20px;
height:20px;
fill:#1b4560;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.eventExtraTxt .accordion-toggle.open svg.minus{
display: inline-block;
}
.eventExtraTxt .accordion-toggle svg.minus,
.eventExtraTxt .accordion-toggle.open svg.plus{
display: none;
}
.eventExtraTxt .panel-heading a{
display: block;
padding: 15px;
}
.eventExtraTxt .panel-heading a:hover,
.eventExtraTxt .panel-heading a:focus{
text-decoration: none;
}
.eventExtraTxt .panel-body{
background: #f2f2f2;
color:#1b4560;
}
.relatedEvents{
padding: 40px 0;
}
.relatedEvents>h3{
color:#1e506d;
font-size: 1.875rem;
margin: 0;
margin-bottom: 20px;
margin-top:20px;
font-weight: 700;
text-align: center;
}
.sharePrintInnerWrap{
border-top:2px solid #c1e6ae;
border-bottom:2px solid #c1e6ae;
margin-top: 30px;
margin-bottom: 30px;
padding: 10px 0;
text-align: center;
}
.sharePrintInnerWrap svg{
fill:#15577c;
vertical-align: middle;
display: inline-block;
margin-right: 7px;
}
.sharePrintInnerWrap svg.share{
width: 22px;
height: 24px;
}
.sharePrintInnerWrap svg.print{
width: 24px;
height: 24px;
}
.printBtn{
margin-left: 20px;
}
.printBtn,
.a2a_kit{
display: inline-block;
vertical-align: middle;
color:#15577c;
font-weight: 500;
}
.a2a_dd{
float: none;
display: inline-block;
color:#15577c;
}
.categoryTxt{
margin-top: 20px;
}
.categoryTxt table{
width: 100% !important;
}
.categoryTxt .lego-col{
overflow-x: auto;
overflow-y: hidden;
}
.sideMenuUl{
background: #007fb5;
padding: 10px 0;
margin-bottom: 30px;
}
.sideMenuUl a{
color:#fff;
padding: 10px 15px;
display: block;
}
.sideMenuUl a:hover,
.sideMenuUl a:focus{
text-decoration: none;
}
.sideMenuUl a svg{
width: 15px;
height: 15px;
fill:#fff;
margin-right: 15px;
}
.sideMenuUl a svg.sideMenuArr{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.sideBlockMenu{
margin-bottom: 30px;
}
.sideBlockMenu .quickLinks{
float: none;
width: 100%;
}
.sideBlockMenu .quickLinks .tab-content{
box-shadow: none;
background: transparent;
border:1px solid #c7c7c7;
float: none;
}
.sideBlockMenu .quickLinks .tab-pane li a{
color:#033555;
}
.sideBlockMenu .quickLinks .tab-pane li a .la,
.sideBlockMenu .quickLinks .tab-pane li a:hover .la,
.sideBlockMenu .quickLinks .tab-pane li a:focus .la{
color:#033555;
}
.sideBlockMenu .quickLinks .tab-pane li a .la{
font-size: 2.375rem;
color: #61b0db;
}
.sideUsefulLink h3{
color:#006da2;
font-size: 1.5rem;
text-align: center;
margin: 0;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom:3px solid #90d26d;
position: relative;
}
.sideUsefulLink h3:after{
content: "";
position: absolute;
bottom: 0px;
right: calc(50% - 8px);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #90d26d;
}
.sideUsefulLink ul li a{
display: block;
background: #215271;
font-size: 1.063rem;
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
padding: 15px;
color:#fff;
text-align: center;
}
.sideUsefulLink ul li a:hover,
.sideUsefulLink ul li a:focus{
text-decoration: none;
}
.sideUsefulLink ul li + li{
margin-top: 10px;
}
.specialEvents{
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
padding-top: 30px;
margin-top: 30px;
}
.innerCategoryWrap .isotope-list,
.innerCategoryWrap .categories-choose{
float: left;
width: 100%;
}
.innerCategoryWrap .innerBoxItem{
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
float: left;
width: 100%;
background: #fff;
margin-top: 30px;
}
.imageWrap{
width: 200px;
float: left;
}
.infoWrap {
width: calc(100% - 200px);
float: left;
border-left: 5px solid #90d26d;
padding-left: 20px;
}
.infoWrap h2,
.infoWrap h3{
color:#484848;
font-size: 1.438rem;
margin: 20px 0 5px;
font-weight: 400;
}
.infoWrap h4{
color:#033555;
font-size: 1rem;
margin: 0;
margin-bottom: 30px;
font-weight: 500;
}
.infoWrap ul{
padding-bottom: 20px;
}
.infoWrap ul a,
.infoWrap ul a:hover,
.infoWrap ul a:focus{
color:#484848;
text-decoration: none;
}
.infoWrap .teamLabel{
color:#033555;
font-size: 1rem;
font-weight: 500;
}
.newsDate{
color:#006da2;
display: block;
font-size: 1.063rem;
font-weight: 500;
margin-bottom: 30px;
}
.readMore{
color:#033555;
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
}
.readMore:after{
content: ">";
}
.sideMenuUl li.active a,
.sideMenuUl li a:hover,
.sideMenuUl li a:focus{
background:#006691; ;
}
.sortWrap label{
display: inline-block;
color:#043959;
font-weight: 500;
font-size: 1.125rem;
margin-right: 15px;
}
.selectWrap{
width: 200px;
display: inline-block;
border: 1px solid #57788e;
height: 35px;
position: relative;
}
.selectWrap select{
width: 100%;
border: 0;
height: 100%;
text-indent: 7px;
color:#565656;
cursor: pointer;
}
.selectWrap i{
position: absolute;
right:7px;
top:8px;
color:#57788e;
}
.protocolItem{
background: #ededed;
float: left;
width: 100%;
margin-top: 25px;
}
.protocolItem .dateYearWrap{
width: 290px;
float: left;
padding-right: 170px;
}
.protocolItem .dateYearWrap .innerDateYearWrap{
background: #d6e3ea;
height: 100%;
position: relative;
}
.protocolItem .dateYearWrap .innerDateYearWrap:after{
content: "";
background: #d6e3ea;
width: 100%;
height: 100%;
-ms-transform: skewX(-30deg);
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg);
position: absolute;
top: 0;
left: 60%;
z-index:0;
}
.protocolItem .protocolTxt{
width: calc(100% - 565px);
float: left;
}
.protocolItem .linkWrap{
width: 275px;
padding: 40px;
float: left;
}
.protocolItem .dateYearWrap .innerDateYearWrap{
padding-left: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.protocolItem .dateYearWrap .innerDateYearWrap .date,
.protocolItem .dateYearWrap .innerDateYearWrap .year{
text-align: center;
z-index: 1;
position: relative;
}
.protocolItem .dateYearWrap .innerDateYearWrap .date{
color:#1b4c6b;
font-weight: 700;
font-size: 1.75rem;
line-height: 1.75rem;
}
.protocolItem .dateYearWrap .innerDateYearWrap .year{
color:#959595;
font-size: 1.75rem;
line-height: 1.75rem;
}
.protocolTxt{
position: relative;
}
.innerProtocolTxt{
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.innerProtocolTxt h3{
margin: 0;
margin-bottom: 5px;
font-size: 1.375rem;
color:#1a4b69;
}
.innerProtocolTxt p{
margin: 0;
color:#696969;
}
.linkWrap{
position: relative;
}
.linkWrap a{
position: absolute;
top: 50%;
left: 40px;
transform: translateY(-50%);
width: calc(100% - 80px);
height:55px;
line-height: 55px;
background-image: -webkit-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -moz-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: -o-repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
background-image: repeating-linear-gradient(135deg, #215271 , #215271 4px, #144564 4px, #144564 6px);
color:#fff;
text-align: center;
}
.linkWrap a:hover,
.linkWrap a:focus{
text-decoration: none;
}
.businessItem{
border:1px solid #61b0db;
position: relative;
margin-top: 30px;
overflow: hidden;
}
.businessItem>img{
width: 100%;
margin-bottom: 60px;
}
.businessDet{
position: absolute;
left:0;
bottom:0;
width: 100%;
background: #fff;
border-top: 3px solid #90d26d;
text-align: center;
height: 60px;
color:#fff;
transition: height .25s ease-in-out;
-moz-transition: height .25s ease-in-out;
-webkit-transition: height .25s ease-in-out;
}
.innerGalleryItem h3:after,
.businessDet:after{
content: "";
position: absolute;
bottom: 100%;
right: calc(50% - 10px);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #90d26d;
}
.businessItem.open .businessDet,
.businessItem:hover .businessDet{
height: 100%;
transition: height .25s ease-in-out;
-moz-transition: height .25s ease-in-out;
-webkit-transition: height .25s ease-in-out;
background: -moz-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2,52,84,0.8)), color-stop(51%, rgba(0,120,173,0.8)), color-stop(100%, rgba(92,175,219,0.8)));
background: -webkit-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -o-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -ms-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: linear-gradient(180deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023454', endColorstr='#5cafdb',GradientType=0 );
}
.businessItem.open .businessDet .hoverItems,
.businessItem:hover .businessDet .hoverItems{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.businessItem:hover .businessDet:after,
.businessItem.open .businessDet:after{
content: initial;
display: none;
}
.innerBusinessDet h3{
margin: 0;
line-height: 60px;
color: #006da2;
font-weight: 700;
font-size: 1.125rem;
}
.innerBusinessDet div + div{
margin-top: 10px;
}
.innerBusinessDet a,
.innerBusinessDet a:hover,
.innerBusinessDet a:focus{
color:#fff;
display: block;
}
.businessItem.open .businessDet h3,
.businessItem:hover .businessDet h3{
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin-bottom: 10px;
display: inline-block;
line-height:1.125rem;
}
.businessItem.open .businessDet .innerBusinessDet,
.businessItem:hover .businessDet .innerBusinessDet{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
}
.innerGalleryItem{
border:1px solid #61b0db;
margin-top: 30px;
}
.innerGalleryItem a,
.innerGalleryItem a:hover,
.innerGalleryItem a:focus{
display: block;
text-decoration: none;
}
.innerGalleryItem img{
width: 100%;
}
.innerGalleryItem h3{
margin: 0;
padding: 18px 0;
text-align: center;
color:#006da2;
font-weight: 700;
font-size: 1.125rem;
background: #fff;
position: relative;
border-top:3px solid #90d26d;
}
.galleryImgWrap{
position: relative;
}
.galleryImgWrap:after{
content: "";
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2,52,84,0.8)), color-stop(51%, rgba(0,120,173,0.8)), color-stop(100%, rgba(92,175,219,0.8)));
background: -webkit-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -o-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: -ms-linear-gradient(270deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
background: linear-gradient(180deg, rgba(2,52,84,0.8) 0%, rgba(0,120,173,0.8) 51%, rgba(92,175,219,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023454', endColorstr='#5cafdb',GradientType=0 );
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.galleryImgWrap svg{
position: absolute;
top: calc(50% - 21px);
left: calc(50% - 20px);
width: 42px;
height: 40px;
fill:#fff;
opacity: 0;
z-index:1;
}
.innerGalleryItem:hover .galleryImgWrap svg, .innerGalleryItem.open .galleryImgWrap svg,
.innerGalleryItem:hover .galleryImgWrap:after, .innerGalleryItem.open .galleryImgWrap:after{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.m_contact .pageHeaderWrap{
background: rgba(33,82,113,0.5);
background-image: -webkit-repeating-linear-gradient(135deg, rgba(33,82,113,0.5) , rgba(33,82,113,0.5) 4px, rgba(20,69,100,0.5) 4px, rgba(20,69,100,0.5) 6px);
background-image: -moz-repeating-linear-gradient(135deg, rgba(33,82,113,0.5) , rgba(33,82,113,0.5) 4px, rgba(20,69,100,0.5) 4px, rgba(20,69,100,0.5) 6px);
background-image: -o-repeating-linear-gradient(135deg, rgba(33,82,113,0.5) , rgba(33,82,113,0.5) 4px, rgba(20,69,100,0.5) 4px, rgba(20,69,100,0.5) 6px);
background-image: repeating-linear-gradient(135deg, rgba(33,82,113,0.5) , rgba(33,82,113,0.5) 4px, rgba(20,69,100,0.5) 4px, rgba(20,69,100,0.5) 6px);
}
.mapBtn{
position: absolute;
top:100%;
left:15px;
cursor: pointer;
}
.google-map {
background: #e5e3df;
height: 675px;
width: 100%;
}
body.m_contact .pageHeaderWrap .container{
position: relative;
height: 100%;
}
body.m_contact .pageHeaderWrap{
height: 181px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
body.m_contact.openMap .pageHeaderWrap{
height: 675px;
background: transparent;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.openMap .pageHeaderWrap .row{
opacity: 0;
z-index:-20;
}
.openMap .wrapper{
background: transparent!important;
}
.mapWrap{
position: absolute;
top:0;
right:0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.mapBtn .iconWrap{
width: 80px;
height: 80px;
background: #fff;
box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.19);
text-align: center;
border-radius: 50%;
}
.mapBtn .iconWrap svg{
width: 39px;
height: 39px;
margin-top: 22px;
}
.mapBtn .iconWrap svg.closeMap{
width: 26px;
}
.openMap .mapBtn .iconWrap svg.map,
.mapBtn .iconWrap svg.closeMap{
display: none;
}
.openMap .mapBtn .iconWrap svg.closeMap{
display: inline-block;
}
.mapBtn>span{
display: block;
text-align: center;
color:#214e6a;
font-size: 0.9375rem;
}
.contactWrap{
padding: 70px 0 0;
}
#contactUs{
padding-right: 47px;
}
#contactUs label{
width: 100%;
color:#5d5d5d;
font-weight: 400;
margin: 0;
padding-bottom: 7px;
border-bottom:3px solid transparent;
}
#contactUs .inputWrapper.open label{
border-bottom:3px solid #90d26d;
font-weight: 500;
}
.fileInputWrap .files_names,
#contactUs textarea,
#contactUs input{
width: 100%;
height: 50px;
border: 1px solid #aaaaaa;
text-indent: 7px;
display: block;
}
.fileInputWrap .files_names{
line-height: 50px;
width: calc(100% - 45px);
overflow: hidden;
}
#contactUs textarea{
height: 100px;
}
#contactUs input[type="checkbox"]{
width: 24px;
height: 24px;
margin: 0;
margin-right: 7px;
position: absolute;
top: 10px;
left: 15px;
opacity: 0;
z-index:1;
cursor: pointer;
}
#contactUs input[type="submit"]{
background: -moz-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(2,52,84,1)), color-stop(51%, rgba(0,120,173,1)), color-stop(100%, rgba(92,175,219,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cafdb', endColorstr='#023454',GradientType=1 ); /* ie6-9 */
color:#fff;
border:0;
font-size: 1.25rem;
}
#contactUs .chkbx{
width: 24px;
height: 24px;
display: inline-block;
border: 1px solid #464646;
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
cursor: pointer;
margin-right: 7px;
}
#contactUs .chkbx svg{
width: 15px;
height: 11px;
fill:#90d26d;
opacity: 0;
margin: 0;
margin-top: 0px;
margin-right: 3px;
display: inline-block;
}
#contactUs input[type="checkbox"]:checked + .chkbx svg{
opacity: 1;
}
.inputWrapper{
margin-top: 30px;
}
.g-recaptcha>div{
margin-top: 7px;
float: right;
}
.checkBoxWrap{
margin-top: 10px!important;
}
#contactUs input[type="file"]{
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.fileInputWrap{
position: relative;
border: 1px solid #aaaaaa;
}
.fileInputWrap .files_names,
.fileInputWrap input{
border:0!important;
}
.fileInputWrap svg{
fill:#90d26d;
width: 24px;
height: 32px;
position: absolute;
top:8px;
right:8px;
}
svg.contactSuccess{
width: 59px;
height: 49px;
margin-bottom: 20px;
}
.upperP{
color:#134362;
font-size: 1.5rem;
padding: 0 20px;
padding-bottom: 20px;
border-bottom: 1px solid #676767;
display: inline-block;
}
.bottomP{
color:#134362;
font-size: 1.25rem;
padding-bottom: 50px;
margin: 0;
padding-top: 15px;
}
.sideContent{
padding-left:47px;
border-left:2px solid #90d26d;
}
.sideContent h2{
color:#2c2c2c;
font-size: 1.375rem;
margin: 0;
font-weight: 400;
margin-bottom: 10px;
}
.sideContent p{
color:#2c2c2c;
font-size: 1.188rem;
}
.sideContent ul{
padding-bottom: 20px;
}
.sideContent ul svg{
fill:#349bcc;
width: 26px;
height: 26px;
display: inline-block;
margin-right:7px;
vertical-align: middle;
}
.sideContent ul li span{
display: inline-block;
vertical-align: middle;
color:#363636;
font-size: 1.063rem;
}
.sideContent ul li {
margin-top: 30px;
}
.sideContent ul li a:hover,
.sideContent ul li a:focus{
text-decoration: none;
color:#363636;
}
svg.addressIcon{
width: 21px;
height: 27px;
}
.wrapper404{
text-align: center;
padding: 100px 0;
}
.wrapper404 h1{
direction: ltr;
font-size: 10.63rem;
letter-spacing: -20px;
padding-left: 40px;
}
.wrapper404 h1 span{
color:#59addb;
}
.wrapper404 h1 span + span{
color:#007ab0;
}
.wrapper404 h1 span + span + span{
color:#043c5a;
}
.wrapper404 h2{
color:#424242;
font-size: 1.875rem;
font-weight: 400;
}
.wrapper404 p{
color:#4e95bf;
font-size: 1.5rem;
}
.wrapper404 p + p a{
color:#4e95bf;
text-decoration: underline;
}
.unsubscribeWrap{
text-align: center;
padding: 100px 0;
}
.unsubscribeWrap label{
width: 430px;
max-width: 100%;
font-weight: 400;
color:#215271;
font-size: 1.5rem;
}
.unsubscribeWrap input{
width: 315px;
max-width: 100%;
height: 50px;
line-height: 50px;
margin-top: 15px;
text-indent: 7px;
}
.unsubscribeWrap input[type='submit']{
width: 315px;
max-width: 100%;
background: -moz-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(2,52,84,1)), color-stop(51%, rgba(0,120,173,1)), color-stop(100%, rgba(92,175,219,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(2,52,84,1) 0%, rgba(0,120,173,1) 51%, rgba(92,175,219,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cafdb', endColorstr='#023454',GradientType=1 ); /* ie6-9 */
border:0;
color:#fff;
height: 50px;
line-height: 50px;
font-size: 1.25rem;
margin-top: 15px;
}
#awb_close{
display: block;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
background: transparent;
}
.nav-pills>li>a{
border-radius: 0;
}
.innerBoxItem .imageWrap a{
display: block;
}
.innerBoxItem .imageWrap img,
.innerBoxItem .imageWrap a img{
width: 100%;
}
.specialEvents{
text-align: center;
}
.specialEvents .eventItemWrap{
float: none;
display: inline-block;
}
.popup-gallery .innerGalleryItem{
margin-top: 0;
margin-bottom: 30px;
}
.noEvents{
text-align: center;
font-size: 1.5rem;
color:#215271;
margin-top: 15px;
}
.dayDateWrap.disabled{
cursor: not-allowed;
}
.noSearchRes{
padding: 50px 0;
text-align: center;
font-size: 1.5rem;
}
.eventsWrap .isotope-list{
margin-bottom: 100px;
}
.loadMoreInner{
position: absolute;
top:100%;
left:0;
width: 100%;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loadMoreInner.load svg{
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.sub-contents-menu{
width: 100%;
background: -moz-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(97,176,219,1)), color-stop(64%, rgba(0,109,162,1)), color-stop(100%, rgba(0,109,162,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* ie10+ */
background: linear-gradient(270deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b0db', endColorstr='#006da2',GradientType=1 ); /* ie6-9 */
}
.sub-contents-menu ul li{
display: inline-block;
}
.sub-contents-menu ul li a{
display: inline-block;
white-space: nowrap;
padding: 10px 20px;
text-decoration: none;
color: #fff;
font-size: 1.063rem;
border-bottom: 3px solid transparent;
}
.sub-contents-menu ul li a:hover{
border-bottom-color: #033655;
}
/* Jobs */
.jobsHolder{
max-width: 1042px;
margin-top: 44px;
}
.facHeaderImage {
display: block;
width: 100%;
}
.jobBox .latin {
direction: ltr;
}
.searchByTitle {
display: block;
text-align: center;
font-size: 32px;
}
.searchFormHolder {
margin-bottom: 34px;
}
.searchFormHolder h3 {
color: #033555;
font-weight: bold;
}
.searchOptions::after {
display: block;
clear: both;
content: "";
}
.filterOptions li {
display: inline-block;
margin-top: 8px;
margin-right: 8px;
}
.filterOptions li label {
position: relative;
cursor: pointer;
}
.checkboxHelper {
opacity: 0;
}
.checkboxIcon {
position: absolute;
left: 0;
width: 14px;
height: 14px;
fill: #337ab7;
transition: all 0.3s ease;
}
input[type='checkbox'].checkboxHelper + svg.checked {
display: none;
}
input[type='checkbox'].checkboxHelper:checked + svg.checked {
display: inline-block;
}
.labelText {
position: relative;
top: -5px;
margin-left: 3px;
}
.searchFormHolder button {
height: 46px;
margin-bottom: 12px;
padding: 12px;
box-sizing: border-box;
font-size: 16px;
color: #ffffff;
background: #033555;
transition: all 0.5s ease;
cursor: pointer;
}
.searchFormHolder button:hover {
background: #61b0db;
}
@media (min-width: 992px) {
.applyFilter {
max-width: 300px;
margin: 0 auto;
}
}
@media print {
a:link:after, a:visited:after {
display: none;
content: "";
}
.topMenu, .sharePrintInnerWrap, .categories-choose, .quickLinks, .sideUsefulLink, .breadcrumb, .fixedSideMenu{display: none;}
}
@media (min-width: 1600px) {
.container {
width: 1430px;
}
}
@media only screen and (min-width:1200px) and (max-width: 1599px){
.g-recaptcha>div{ margin-top: 23px;
float: none;
transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;}
.nav>li>a{padding: 10px;}
.bussinesWrappers .isotope-list-item{width: 50%;}
.topMenu li + li{padding-left:0px;}
}
@media only screen and (min-width:1400px) and (max-width: 1499px){
.topMenu li + li{padding-left: 5px;}
.topMenu li svg{margin-right: 0px;}
.bannerMenu{top:10%;}
}
@media only screen and (min-width:1200px) and (max-width: 1399px){
.topMenu li + li{padding-left: 8px;}
.topMenu li svg{margin-right: 0px;}
.bannerMenu{top:10%;}
.quickLinks .tab-content{height: 270px;}
.quickLinks{width: 315px;}
.quickLinks .tab-pane li{margin-top: 15px;}
.quickLinks .nav li a{padding: 8px 15px;font-size: 1.0rem;}
.quickLinks .nav li.active a{padding: 13px 15px;}
.bannerTxt h2, .bannerTxt p, .bannerTxt a{width:60%;}
}
@media only screen and (min-width:1450px){
.eventBodyWrap .col-lg-4, .categoryWrap .col-md-4.containerSide{width: 25%;}
.eventBodyWrap .col-lg-8, .categoryWrap .col-md-8.containerWrap{width: 75%;}
.relatedEvents .col-lg-6{width: 33.3%;}
}
@media only screen and (min-width:992px) and (max-width: 1199px){
.logoWrap img{width: 165px;}
.menuWrap .navbar{margin-left: -35px; margin-top: 78px;}
.nav>li>a{padding:0 10px 24px;font-size: 1rem;}
.asatStore, .newsletter_button{height: 45px;line-height: 45px;}
.topMenu li svg{margin-right:0;}
.quickLinks .tab-content{height: 270px;}
.quickLinks{width: 315px;}
.quickLinks .tab-pane li{margin-top: 15px;}
.quickLinks .nav li a{padding: 8px 15px;font-size: 1rem;}
.quickLinks .nav li.active a{padding: 13px 15px;}
.bannerTxt h2, .bannerTxt p, .bannerTxt a{width:60%;}
.g-recaptcha>div{float: left;}
section.hpNews{padding: 45px 0;}
section.hpNews{background-size: auto 850px;}
}
@media only screen and (min-width:992px){
footer, .push{height: 490px;}
.wrapper{margin:122px auto -490px;}
.navbar-nav>li>a{padding-bottom: 22px;}
}
@media only screen and (min-width:768px){
.navbar-nav > li{float: none;display: inline-block;}
.navbar{margin: 0;margin-top: 63px;margin-left: -50px;border: 0;}
#newsletterModal .modal-dialog{width: 630px;}
.menuBtnWrap{display: none!important;}
.tycoCredit span {position: absolute;right: 0%;top: 3px;width: 130%;color: #757575;font-size: 0.8125rem;opacity: 0;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.tycoCredit:hover span, .tycoCredit:focus span {right: 105%;opacity: 1;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.closeMenuBtn{display: none;}
.navbar-collapse.collapse{width: 50%!important;display: inline-block!important;padding:0!important;z-index:1;position:relative;}
#mainMenu .dropdown-menu{display: block!important;min-width: 100%;box-shadow: none;border-radius: 0;border: 0;padding: 0 10px;border-top: 3px solid #90d26d;top:-9999px;left:-9999px;opacity: 0;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
header .nav>li>a:after{content: "";position:absolute;bottom:-8px;left:calc(50% - 8px);opacity: 0;width: 0;height: 0;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #90d26d;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
header .nav>li.active>a:after, .nav>li.open>a:after, .nav>li:hover>a:after{bottom:0px;opacity: 1;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
#mainMenu li.dropdown:hover .dropdown-menu, #mainMenu li.dropdown.open .dropdown-menu{top:100%;left:50%;transform: translateX(-50%);opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.navbar-nav>li>a svg.arrow2{display: none;}
#mainMenu .dropdown-menu>li>a{padding: 10px 0;color:#043758;font-size: 1.063rem;text-align: center;}
#mainMenu .dropdown-menu>li + li{ border-top:1px solid #e1e1e1;}
#mainMenu .dropdown-menu>li>a:hover,#mainMenu .dropdown-menu>li>a:focus,#mainMenu .dropdown-menu>li.active>a{background-color: transparent;color:#90d26d;}
.hpNewsInnerWrapper .categories-choose li .dropdown-menu {
margin: 0;
border: 0;
border-radius: 0;
width: 100%;
position: relative;
display: block;
background-color: transparent;
box-shadow: none;
padding: 0;
z-index: inherit;
float: none;
}
.categoryInnerFilter ul li a:hover,
.categoryInnerFilter ul li a:focus,
.categoryInnerFilter ul li.active a{text-decoration: none;border-bottom: 4px solid #033655;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.categoryInnerFilter ul li a:hover:after,
.categoryInnerFilter ul li a:focus:after,
.categoryInnerFilter ul li.active a:after{opacity: 1;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.categoryInnerFilter .dropdown-menu{position: static;display: block;box-shadow: none;border: 0;padding: 0;margin: 0;float: none;}
#eventCarousel{display: block;}
.mobileMenuBtn{display: none;}
.innerCategoryWrap .categories-choose .dropdown-menu{
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
border-radius: 0;
border: 0;
box-shadow: none;
background: -moz-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(97,176,219,1)), color-stop(64%, rgba(0,109,162,1)), color-stop(100%, rgba(0,109,162,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* ie10+ */
background: linear-gradient(270deg, rgba(0,109,162,1) 0%, rgba(0,109,162,1) 36%, rgba(97,176,219,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b0db', endColorstr='#006da2',GradientType=1 ); /* ie6-9 */
z-index: initial;
}
.innerCategoryWrap .categories-choose .dropdown-menu li a{
padding: 10px 20px;
color:#fff;
position: relative;
border-bottom: 3px solid transparent;
font-size: 1.063rem;
/*font-weight: 500;*/
}
.innerCategoryWrap .categories-choose .dropdown-menu li a:after{
content: "";
position: absolute;
bottom: -1px;
right: calc(50% - 6px);
opacity: 0;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #033655;
}
.innerCategoryWrap .categories-choose .nav-pills>li.active>a,
.innerCategoryWrap .categories-choose .nav-pills>li>a:focus,
.innerCategoryWrap .categories-choose .nav-pills>li>a:hover{
background: transparent;
border-bottom: 3px solid #033655;
}
.innerCategoryWrap .categories-choose .nav-pills>li.active>a:after,
.innerCategoryWrap .categories-choose .nav-pills>li>a:focus:after,
.innerCategoryWrap .categories-choose .nav-pills>li>a:hover:after{
opacity: 1;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.menuWrap{position: absolute;top: 100%;left: 0;width: 100%!important;height: auto;}
.navbar-collapse.collapse{width: 100%!important;}
.navbar{margin-top: 0;margin-left: 0;}
.logoWrap:before{background: #ececec;}
.headerSide:before{background:#cdcdcd; }
.upperHeader{height: 170px;}
header{background: #fff;}
.wrapper{margin: 172px auto -590px;}
.asatStore, .newsletter_button{width: 100%;}
.quickLinks .tab-content{height: 270px;}
.quickLinks{width: 315px;}
.quickLinks .tab-pane li{margin-top: 15px;}
.quickLinks .nav li a{padding: 8px 15px;font-size: 1.0rem;}
.quickLinks .nav li.active a{padding: 13px 15px;}
.bannerTxt h2, .bannerTxt p, .bannerTxt a{width:60%;}
.bannerMenu{top:8%;}
}
@media only screen and (max-width: 1499px){
.bannerTxt{text-align: left;}
.bannerTxt h2, .bannerTxt p, .bannerTxt a, .bannerTxt a:hover{margin: initial;}
.bannerTxt h2,
.bannerTxt p,
.bannerTxt a {
margin-left: 35% !important;
}
}
@media only screen and (max-width:1199px){
.protocolItem .protocolTxt{width: calc(100% - 290px);padding: 15px;}
.protocolItem .linkWrap{padding: 0;width: 100%;}
.linkWrap a{position: relative;display: block;transform: translateY(0%);right: auto;width: 100%;}
.innerProtocolTxt{width: 80%;}
}
@media only screen and (max-width:991px){
footer, .push{height: 590px;}
.wrapper{margin: 170px auto -590px;}
svg.footerBg{ width: 2500px;height: 530px;}
.footerCol{margin-bottom: 30px;}
.bannerTxt{display: none;}
.mainBanner .owl-item:after{content: initial;display:none;}
section.hpNews{background: #fff;}
.eventDates{margin-top: 0;}
#contactUs{padding: 0;}
.sideContent{padding: 0;padding-top:20px;border-top: 2px solid #90d26d;border-left: 0;margin-top: 20px;}
.hpEvents{padding-bottom: 0;margin-bottom: -120px;z-index: 1;position: relative;}
.sideMenuUl{margin-bottom: 15px;}
.containerSide{margin-top:25px;}
}
@media only screen and (max-width:785px){
#eventCarousel .eventItemWrap{width: 100%;}
#eventCarousel{padding:0 50px;}
.hpEvents .owl-carousel .owl-nav .owl-prev, .hpEvents .owl-carousel .owl-nav .owl-next{background:#90d26d;color:#fff;width:40px;height: 80px;position: absolute;top:50%;transform: translateY(-50%);font-size: 24px;}
.hpEvents .owl-carousel .owl-nav .owl-next{right:0;}
.hpEvents .owl-carousel .owl-nav .owl-prev{left:0;}
}
@media only screen and (max-width:767px){
#newsletterModal .modal-content{background: #fff;padding: 0!important;}
.footerCol.footerBanner, .asatStore, .newsletter_button, .facebookIframeWrap{width: 350px;margin:0 auto;max-width: 100%;float: none; padding: 0;}
.footerCol.footerBanner{margin-bottom: 30px;}
footer, .push{height: 750px;}
.wrapper{margin: 120px auto -750px;}
svg.footerBg {width: 3500px;height: 750px;}
.upperFooter .container{ padding-top: 230px;}
.asatStore, .newsletter_button{height: 45px;line-height: 45px;}
.logoWrap{padding: 0;}
.logoWrap img{max-width: 70%;}
header{border-top: 0;}
.logoWrap:before{background: #ececec;}
.headerSide:before{background:#cdcdcd; }
.langWrap{display: block!important;text-align: right;direction: ltr;}
.topMenu li svg{margin-right: 0px!important;}
.langWrap svg{margin-left: 5px;}
.navbar-toggle{margin:0;padding: 0;direction: rtl;float: none;display: inline-block;vertical-align: middle;}
.navbar-toggle .icon-bar{background: #0b3c59;height: 3px;width: 30px;}
.navbar-toggle .icon-bar.first{width: 20px;}
.navbar-toggle .icon-bar.second{width: 25px;}
.topMenu li + li{padding-left: 8px;}
.menuBtnWrap{display: inline-block;}
.searchWrap, .accessWrap,.menuBtnWrap{margin-top:10px;}
.headerSide:before, .logoWrap:before{-ms-transform: skewX(40deg);-webkit-transform: skewX(40deg);transform: skewX(40deg);}
.tycoCredit span{display: none;}
.menuWrap{height: 0!important;min-height: 0;}
#mainMenu{height: 100%!important;width:80%;z-index: -1;opacity:0;background: #fff;position: fixed;right: 0;top: 0;padding: 0; overflow: visible;display: block!important;transform: translateX(100%);transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
body.open_menu{overflow: hidden;}
body.open_menu #mainMenu{transform: translateX(0);z-index: 3;opacity:1;transition: all .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.closeMenuBtn{position: absolute;left: -40px;top: 10px;fill: #fff;width: 25px;height: 25px;}
.closeMenuBtn svg{width: 100%;height:100%;}
.navbar-nav{padding: 0 15px;}
.navbar-nav>li{padding: 0;}
.navbar-nav>li + li{border-top:1px solid #d4d4d4;}
.navbar-nav>li>a{padding: 15px 0;text-align: left;color:#6b6b6b;font-weight: 500;font-size: 1.063rem;}
.navbar-nav>li>a svg.arrow2{width:21px;height:11px;fill:#023554;float: right;top: 50%;position: absolute;right: 0;transform: translateY(-50%);}
.navbar-nav .mobile_open .dropdown-menu{background:#eeeeee;border-top:2px solid #90d26d;}
#mainMenu .dropdown.open a{color: #023554;}
.navbar-nav>li.dropdown.open>a svg.arrow2{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);fill:#90d26d;}
.navbar-nav .dropdown-menu>li>a{padding: 7px 15px;font-size: 1rem;}
.iconsMenu ul{text-align: center;padding: 10px 0;}
.iconsMenu ul li{display: inline-block;padding: 0 7px;}
li.side_services, li.side_info{border-bottom: 2px solid #fff;clear: both;float: right;width: 100%;}
li.side_services .dropdown-menu, li.side_info .dropdown-menu{position: static;width: 100%;border-radius: 0;border: 0;}
li.side_services a, li.side_info a{color:#fff!important;padding:15px;display: block;}
li.side_services .side_panel_labels, li.side_info .side_panel_labels{display: inline-block;}
li.side_services i, li.side_info i{
vertical-align: middle;
font-size:1.3rem;
}
li.side_services i{
color:#033655;
}
li.side_info i{
color: #55a1cb;
}
li.side_services a svg, li.side_info a svg{width: 22px;height:22px; float: right;}
li.side_services a svg.minus, li.side_info a svg.minus{display: none;}
li.side_services.open a svg.minus, li.side_info.open a svg.minus{display: block;}
li.side_services.open a svg.plus, li.side_info.open a svg.plus{display: none;}
li.side_services a svg{fill:#023554;}
li.side_info a svg{fill:#61b0db;}
li.side_services{background:#61b0db;}
li.side_info{background:#023554;}
#mainMenu .nav{clear: both;}
.side_services.open>a{background: #4b87a8;}
.side_services.open .dropdown-menu{background: #61b0db;padding: 0;margin: 0}
.side_info.open .dropdown-menu{background: #023554;padding: 0;margin: 0}
.side_services.open .dropdown-menu li, .side_info.open .dropdown-menu li{height: auto!important;padding: 0 15px;}
.side_services.open .dropdown-menu li + li a{border-top:1px solid rgba(2,53,84,0.12);}
.side_info.open .dropdown-menu li + li a{border-top: 1px solid rgba(97, 176, 219,0.2);}
.side_services.open .dropdown-menu svg, .side_info.open .dropdown-menu svg{float: left;margin-right:15px; }
.bottomMenu{float: none;margin-top: 0;padding: 20px 0;}
.hpNewsInnerWrapper .tab-content, .categories-choose{float: left;width: 100%;}
.categories-choose>li{border:1px solid #023554;background: #efefef;margin-bottom: 20px;}
.categories-choose>li .dropdown-menu{border: 0;border-radius: 0;background: #efefef; width: 100%;}
.categories-choose .nav-tabs>li, .categories-choose .nav-pills>li{width: 100%;}
.hpNewsInnerWrapper .nav-tabs>li>a{background: transparent;color:#023554;}
.categories-choose>li>a{color:#565656;font-weight: 500;font-size:1.125rem;padding: 15px 10px;}
.categories-choose>li>a:hover, .categories-choose>li>a:focus{text-decoration: none;}
.categories-choose>li>a i{float: right;color: #023554;font-size: 22px;}
section.hpNews{padding: 15px 0;}
.hpNewsInnerWrapperHeader>a{background: #8ec63f;color: #fff;padding: 7px 20px;text-decoration: none;font-weight: 400;}
.hpNewsInnerWrapperHeader h2{line-height: 38px;}
.hpNewsInnerWrapper .tab-content{background: transparent;border-top:1px solid #8ec63f;}
.dateWrap a, .textWrap h3, .textWrap a{color:#006da2;}
.textWrap h3{margin-bottom: 5px;}
.hpNewsInnerWrapper .roll_controls{border-top:1px solid #8ec63f;margin-top: 10px;}
.hpNewsInnerWrapper .roll_controls button svg{fill:#006da2;}
.hpNewsInnerWrapper .tab-content{height: auto;}
.hpNewsInnerWrapper .tab-content .news_roll{height: 130px;}
.hpNewsInnerWrapper .tab-content .noSlider{border-bottom:1px solid #8ec63f;height: auto;}
.hpNewsInnerWrapper .tab-content ul li{margin-bottom: 10px;margin-top: 10px; height: auto!important;}
.hpNewsInnerWrapper .tab-content .tab-pane{height: auto;}
.dateWrap{width: 100px;}
.textWrap{ width: calc(100% - 100px);padding-left:20px; }
.hpNewsInnerWrapper .tab-content{padding: 0px 0px 10px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: transparent;}
.filterBtn{width: 95px;height: 95px;}
.filterBtn svg.filter{width: 38px;height: 45px;}
.datesCarousel .owl-prev, .datesCarousel .owl-next{font-size: 29px;width: 24px;height: 24px; line-height: 24px;}
.datesCarousel .owl-carousel{width: calc(100% - 48px);}
.datesCarousel{margin-right: 20px;width: calc(100% - 115px);}
.fixedSideMenu{display: none;}
body:not(.m_hp) .wrapper{background: transparent;}
body:not(.m_contact) .pageHeaderWrap{z-index: 0;padding: 20px 0;}
.pageHeaderWrap h1{font-size: 1.375rem;margin-bottom: 0;}
.breadcrumb>li{font-size: 0.875rem;}
.categoryInnerFilter ul li{display: block;}
.categoryInnerFilter ul li a{font-size: 1.0rem;}
.categoryInnerFilter .dropdown-menu{width: 100%;border-radius: 0;}
.categoryInnerFilter .dropdown-menu a{padding: 7px;border:0;}
.categoryInnerFilter .firstA{border:0;}
.categoryInnerFilter .firstA:hover, .categoryInnerFilter .firstA:focus{text-decoration: none;}
.categoryInnerFilter .firstA i{float: right;}
.datesCarousel .dayDateWrap{padding-top: 20px;}
.datesCarousel .dayDateWrap .day{font-size: 3.125rem;line-height: 2.125rem;}
.datesCarousel .dayDateWrap .date{margin-top: 10px;}
.datesCarouselWrap{padding: 30px 0 15px;}
.eventsWrapper .eventItem{margin-top: 15px;}
#filterModal .modal-title{font-size: 1.5rem;}
.eventCatList{margin-bottom: 10px;}
.innerEventWrap{padding: 15px 0;}
.relatedEvents{padding: 15px 0;}
.relatedEvents>h3{font-size: 1.275rem;margin: 0;}
.mainBanner .owl-item:before{content: initial; display: none;}
.eventItem{margin-top: 20px;}
.mobileMenuBtn {display: block!important;position: absolute;top: 0;right: 0;width: 100%;height: 50px;line-height: 50px;text-align: right;cursor: pointer;}
.menuWrap .dropdown:not(.side_services):not(.side_info)>a {width: calc(100% - 50px);}
.nav li ul.dropdown-menu{width: 100%;border-radius: 0;box-shadow: none;border: 0;background: #eeeeee;border-top: 2px solid #90d26d;margin: 0; position: static;float: none;}
.nav li.mobile_open ul.dropdown-menu{display: block;}
.nav li.mobile_open .mobileMenuBtn{ -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);color:#90d26d;text-align: left;}
.nav li.mobile_open a{color:#023554;}
.menuWrap nav.navbar{height: 100%;overflow: auto;}
/*#mainMenu .nav{overflow: auto;height: calc(100% - 47px);}*/
.g-recaptcha>div{float: left;}
.contactWrap{margin-bottom: -120px;}
.categoryWrap{margin-bottom: -100px;z-index: 1;position: relative;}
body.m_contact.openMap .pageHeaderWrap, .google-map{height: 300px;}
body.m_contact.openMap .pageHeaderWrap, body.m_contact.openMap .mapWrap{z-index: 1;}
.mapBtn{z-index: 2;}
.unsubscribeWrap{padding-bottom: 0;}
.unsubscribeWrap label{font-size: 1.25rem;}
.wrapper404{margin-bottom: -120px;padding-top: 50px;padding-bottom: 0;}
.wrapper404 h1{font-size: 8.63rem;letter-spacing: -15px;padding-right: 30px;}
.wrapper404 h2{font-size: 1.575rem;}
.wrapper404 p{font-size: 1.2rem;}
.specialEvents .eventItemWrap{width: 70%;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background: #006691;}
.infoWrap h4{margin-bottom: 10px;}
.protocolItem .dateYearWrap{padding-right: 70px; width: 180px;}
.protocolItem .dateYearWrap .innerDateYearWrap{ padding-left: 30px;}
.protocolItem .protocolTxt{ width: calc(100% - 180px);}
.innerProtocolTxt{left:25px;}
}
@media only screen and (max-width:650px){
.relatedEvents .col-lg-6{width: 100%;}
.businessItem.open .businessDet .innerBusinessDet, .businessItem:hover .businessDet .innerBusinessDet{width: 80%;}
}
@media only screen and (max-width:600px){
.bussinesWrappers .isotope-list-item{width: 100%;}
}
@media only screen and (max-width:479px){
#newsletterModal form{width: 100%;}
#newsletterModal .modal-header, #newsletterModal .modal-body{padding: 40px;}
html, body{font-size: 15px;}
.logoWrap, .menuWrap, .headerSide{height: 100px!important;}
#searchForm{width: 100%;max-width: 100%;}
.bottomHeader{padding: 10px 0;top:100px;}
body {height: calc(100% - 100px);}
.wrapper{margin: 100px auto -750px;}
.navbar-nav>li>a svg.arrow2{width:11px;height:6px;}
li.side_services a svg, li.side_info a svg{width: 20px;height:20px;}
.slick-arrow{width:30px;height: 60px;font-size: 20px;}
.datesCarousel{width: 100%;}
.filterBtn{width: 100%;height: 45px;margin-top: 15px;}
.filterBtn svg.filter{ width: 36px;height: 33px;display: inline-block;vertical-align: middle;}
.filterBtn>div{display: inline-block;}
.eventDateInfo{ padding: 10px 0px;}
.hpNewsInnerWrapperHeader{margin-bottom: 10px;}
.hpNewsInnerWrapperHeader h2{font-size: 1.488rem;}
.hpEvents{padding-top: 20px;}
.specialEvents h2, .hpEvents h2{font-size: 1.488rem; margin: 0;}
.footerCol.footerBanner{padding: 0 15px;}
#eventCarousel{padding:0 30px;}
.hpEvents .owl-carousel .owl-nav .owl-prev, .hpEvents .owl-carousel .owl-nav .owl-next{width:20px;height: 40px;font-size: 16px;}
.g-recaptcha>div{transform: scale(0.95);-webkit-transform: scale(0.95);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.inputWrapper{margin-top: 15px;}
body.m_contact.openMap .pageHeaderWrap, .google-map{height: 200px;}
.innerBoxItem .imageWrap{width: 120px;margin: 15px auto 0;display: block;float: none;}
.innerBoxItem .infoWrap{width: 100%;padding: 10px;padding-top: 0;border-left: 0;border-bottom:3px solid #90d26d;text-align: center;}
.newsDate{margin-bottom: 10px;font-size: 1.0rem;}
.readMore{margin-top: 10px;}
.infoWrap h2, .infoWrap h3{font-size: 1.238rem;}
.specialEvents .eventItemWrap{width: 100%;}
.protocolItem .protocolTxt{width: 100%;}
.protocolItem .dateYearWrap .innerDateYearWrap{padding-top: 15px;padding-bottom: 15px;}
.innerProtocolTxt{position: relative;transform: translateY(0%);top:auto;left:auto;width: 100%;}
.protocolItem .dateYearWrap .innerDateYearWrap .year{font-size: 1.35rem;line-height: 1.35rem;margin-top: 5px;}
.protocolItem .dateYearWrap .innerDateYearWrap .date{font-size: 1.45rem;line-height: 1.45rem;}
.protocolItem .dateYearWrap .innerDateYearWrap:after{left:25%;}
.protocolItem .dateYearWrap .innerDateYearWrap{padding-left: 10px;}
.galleriesWrapper .isotope-list-item, .bussinesWrappers .isotope-list-item, .eventItemWrap{width: 100%;}
.categoryRotatorItem:before, .eventImagesWrap:before{content: initial;display: none;}
.eventInfoSum{position: relative;padding: 15px 0;text-align: left;}
.eventInfoSum li{display: block;margin: 0;margin-bottom: 10px;}
.eventInfoSum li svg{fill:#215271;}
.eventInfoSum li span{color:#215271;}
.unsubscribeWrap label{
width: 350px;
max-width: 100%;
font-weight: 400;
color:#215271;
font-size: 1.5rem;
}
}
@media only screen and (max-width:360px){
#newsletterModal .modal-header, #newsletterModal .modal-body{padding: 20px;}
svg.newsletterTri1, svg.newsletterTri2{display: none;}
.logoWrap img{max-width: 80%;}
}
@media only screen and (max-width:320px){
}