a, input, select, textarea {outline:none !important; } body { overflow-x:hidden; } .font { font-family: 'Gruen Lemonograf; font-weight:400; /*Normal*/ font-weight:600; /*Semi-Bold*/ font-weight:700; /*Bold*/ font-weight:800; /*Extra-Bold*/ } .header { padding:36px 0 21px 0; background:#fff; border-top:5px #d00b01 solid; } .fleft {float:left; } .fright {float:right; } .clear { height:0; clear:both; font-size:0; } img { outline:0; vertical-align:top; } .logo {padding-bottom:6px; } .logo img {max-width:100%; } .follow_us { text-align:right; padding:3px 4px 9px 0; } .follow_us ul li { padding:0; margin:0 0 0 5px; display:inline-block; line-height:30px; } .follow_us a { background-image:url(../img/top_socials.png); background-repeat:no-repeat; height:30px; width:30px; display:block; text-indent:-9999px; text-align:left; } .follow_us a.facebook {background-position:0 0; } .follow_us a.facebook:hover {background-position:0 -30px; } .follow_us a.vimeo {background-position:-35px 0; } .follow_us a.vimeo:hover {background-position:-35px -30px; } .follow_us a.tumbrl {background-position:-70px 0; } .follow_us a.tumbrl:hover {background-position:-70px -30px; } .follow_us a.twitter {background-position:-105px 0; } .follow_us a.twitter:hover {background-position:-105px -30px; } .follow_us a.delicious {background-position:-140px 0; } .follow_us a.delicious:hover {background-position:-140px -30px; } /*nav*/ #main_menu { position: relative; float:right; } .menu_wrap { padding-top: 10px; float:right; } .menu_wrap .nav li { margin: 0; padding: 0; position: relative; zoom: 1; } .menu_wrap .nav > li { padding: 0 0 0 25px; display:inline-block; } .menu_wrap .nav > li:first-child { } #main_menu select { display: none; font-family:Arial; font-size:12px; } .menu_wrap .nav li a { line-height:18px; color:#0044cc; font-family: 'Open Sans', sans-serif; font-weight:800; font-size:14px; text-transform: uppercase; text-shadow: none; text-decoration: none; padding:0; text-align:left; } .menu_wrap .nav > li.sfHover > a, .menu_wrap .nav > li.sfHover > a:hover, .menu_wrap .nav > li > a:hover, .menu_wrap .nav > li.current > a, .menu_wrap .nav > li.current > a:hover { color: #80b600; background:none; } .sub-menu > a {position: relative; } .menu_wrap .nav > li.sub-menu > a:before { content: " "; position: absolute; background: none; width: 7px; height: 4px; right: 50%; top: 51px; margin: 0 -3px 0 0; } .menu_wrap .nav > li.sfHover > a:before, .menu_wrap .nav > li.sfHover > a:hover:before, .menu_wrap .nav > li > a:hover:before, .menu_wrap .nav > li.current > a:before, .menu_wrap .nav > li.current > a:hover:before { background: url('../img/li-marker.png') left top no-repeat; } .menu_wrap .nav > li.current > a:before { background: none; } .menu_wrap .nav > li.current.sfHover > a:before { background: url('../img/li-marker.png') left top no-repeat; } .menu_wrap .nav ul { position: absolute; display: none; width: 133px; left: 0; top: 55px; list-style: none; zoom: 1; z-index: 25; background:#fff; border-top:4px #d00b01 solid; padding: 14px 0 7px 0; margin: 0; } .menu_wrap .nav > li li.sub-menu > a:before { content: " "; position: absolute; background: none; width: 7px; height: 4px; right: 10px; top: 13px; } .menu_wrap .nav ul li a { display: block; text-transform: none; font-size: 12px; font-weight:400; color:#111111; line-height: 18px; padding: 0 10px 7px 15px; background: none; } .menu_wrap .nav ul li a span {display:none; } .menu_wrap .nav > li > ul li > a:hover, .menu_wrap .nav > li > ul li.sfHover > a, .menu_wrap .nav > li > ul li.current > a { text-decoration: none; color:#d00b01; } .menu_wrap .nav > li > ul li > a:hover:before, .menu_wrap .nav > li > ul li.sfHover > a:before { background: none; } .menu_wrap .nav ul ul { position: absolute; display: none; width: 133px; left: 133px; top: -6px; height: auto; list-style: none; z-index: 111; padding: 14px 0 7px 0; margin: 0; border-top:0; } .page_container { padding-bottom:40px; background:#FFF; } .separator { } .block {padding-bottom:50px; } #main_slider {padding-bottom:70px; } .planning { padding-bottom:50px; text-align:center; } .planning a { display:block; margin-bottom:15px; padding:0; color: #111111; font-weight: 500; } .planning a span.img_icon { display:block; width:70px; height:70px; margin:0 auto 14px auto; } .planning a span.ICON { background-image:url(../img/ICON.png); background-position:left top; background-repeat:no-repeat; } .planning a:hover span.icon1 {background-position:left bottom; } .planning a span.icon21 { background-image:url(../img/icon21.png); background-position:left top; background-repeat:no-repeat; } .planning a:hover span.icon2 {background-position:left bottom; } .planning a span.i9con31 { background-image:url(../img/i9con31.png); background-position:left top; background-repeat:no-repeat; } .planning a:hover span.icon3 {background-position:left bottom; } .planning a span.icon41{ background-image:url(../img/icon41.png); background-position:left top; background-repeat:no-repeat; } .planning a:hover span.icon4 {background-position:left bottom; } .planning a span.link_title { display:block; line-height:24px; font-size:20px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:800; padding-bottom:8px; color:#313131; } .planning a:hover {text-decoration:none; } .welcome_block { text-align:center; padding:36px 0; line-height:20px; font-size:18px; color:#3b3b3b; font-family: 'Open Sans', sans-serif; font-weight:400; position:relative; text-transform:uppercase; } .welcome_block span { line-height:31px; padding-top:7px; font-size:30px; display:block; } .welcome_line { height:1px; background:url(../img/welcome_bg.png) no-repeat center top; position:absolute; left:0; right:0; } .welcome_t {top:0; } .welcome_b {bottom:0; } h2.title { padding:0; margin:0 0 19px 0; line-height:28px; text-transform:uppercase; color:#313131; font-family: 'Open Sans', sans-serif; font-weight:800; } h2.title a { font-size:21px; color:#313131; font-family: 'Open Sans', sans-serif; font-weight:800; text-transform:uppercase; } h2.title a:hover { color:#d00b01; text-decoration:none; } p.last {margin-bottom:15px; } .block [class*="span"] {margin-bottom:15px; } [class*="span"] img, [class*="span"] iframe {max-width:100%; } .grey {color:#9d9d9d; } .block ul.the-icons { margin-left:0; margin-bottom:5px; } .upper {text-transform:uppercase; } h2.upper { margin-bottom:12px; margin-top:0; } .tt-grid *, .tt-grid *:after, .tt-grid *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tt-grid { position: relative; padding-top: 16px; margin: 0px -10px 8px; max-width: 960px; list-style: none; text-align: center; font-size: 0px; } .tt-grid:before, .tt-grid:after { display: table; content: ' '; } .tt-grid:after { clear: both; } .tt-grid li { position: relative; display: inline-block; margin: 8px 10px 9px; width: 300px; height: 229px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tt-grid li a, .tt-grid li a img { display: block; margin: 0 auto; border: none; } .tt-grid li a { background: #000; position: absolute; top: 0; left: 0; } .tt-grid li a:nth-child(2) { z-index: 1; visibility: hidden; } /* Navigation */ .tt-grid-wrapper nav { text-align: center; } .tt-grid-wrapper nav a { display: inline-block; margin: 0 4px 0 3px; width: 16px; height: 16px; border-radius: 50%; background: #a8a8a8; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; } .tt-grid-wrapper nav a+a+a { margin-left: 4px; } .touch .tt-grid-wrapper nav a { width: 30px; height: 30px; } .tt-grid-wrapper nav a:hover { opacity: 1; } .tt-grid-wrapper nav a.tt-current { opacity: 1; box-shadow: 0 0 0 4px #b2e1e0; } .tt-grid.tt-effect-active li a { pointer-events: none; } /* Individual grid effects */ /* Fall down / scale up */ .tt-effect-fall.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: fallDown 0.6s forwards; animation: fallDown 0.6s forwards; } .tt-effect-fall.tt-effect-active li a:nth-child(2), .tt-effect-fall.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: scaleUpFadeIn 0.6s forwards; animation: scaleUpFadeIn 0.6s forwards; } /* Slide and reveal */ .tt-effect-slide.tt-effect-active li:not(.tt-empty) a:first-child { z-index: 100; overflow: hidden; margin: 0; -webkit-animation: slideOut 0.5s forwards; animation: slideOut 0.5s forwards; } .tt-effect-slide.tt-effect-active a:nth-child(2) { visibility: visible; } .tt-effect-slide.tt-effect-active li:not(.tt-empty) a:only-child { -webkit-animation: fadeOut 0.5s forwards; animation: fadeOut 0.5s forwards; } .tt-effect-slide.tt-effect-active li.tt-empty a { -webkit-animation: fadeIn 0.5s forwards; animation: fadeIn 0.5s forwards; } /* Fall and rotate */ .tt-effect-fallrotate.tt-effect-active li:not(.tt-empty) a:first-child { z-index: 10; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: fallRotate 0.6s ease-in forwards; animation: fallRotate 0.6s ease-in forwards; } .tt-effect-fallrotate.tt-effect-active li a:nth-child(2), .tt-effect-fallrotate.tt-effect-active li.tt-empty a { visibility: visible; } .tt-effect-fallrotate.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: fadeIn 0.6s forwards; animation: fadeIn 0.6s forwards; } .tt-effect-fallrotate li:nth-child(4) { z-index: 1; } /* order for correct overlapping */ .tt-effect-fallrotate li:nth-child(5) { z-index: 2; } .tt-effect-fallrotate li:nth-child(6) { z-index: 3; } .tt-effect-fallrotate li:first-child { z-index: 4; } .tt-effect-fallrotate li:nth-child(2) { z-index: 5; } .tt-effect-fallrotate li:nth-child(3) { z-index: 6; } /* Scale and rotate */ .tt-effect-scalerotate.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: scaleRotateOut 0.6s forwards; animation: scaleRotateOut 0.6s forwards; } .tt-effect-scalerotate.tt-effect-active li a:nth-child(2), .tt-effect-scalerotate.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: scaleRotateIn 0.6s forwards; animation: scaleRotateIn 0.6s forwards; } .tt-effect-scalerotate.tt-effect-active li:not(.tt-empty) a:only-child { -webkit-animation: fadeOut 0.6s forwards; animation: fadeOut 0.6s forwards; } .tt-effect-scalerotate li:nth-child(-n+3) { z-index: 2; } /* order for correct overlapping */ .tt-effect-scalerotate li:nth-last-child(-n+3) { z-index: 1; } /* Stack back 3D */ .tt-effect-stackback li { -webkit-perspective: 1000px; perspective: 1000px; } .tt-effect-stackback li a { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tt-effect-stackback.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: moveLeft 0.8s forwards; animation: moveLeft 0.8s forwards; } .tt-effect-stackback.tt-effect-active li a:nth-child(2), .tt-effect-stackback.tt-effect-active li.tt-empty a { z-index: -1; -webkit-animation: popUp 0.8s ease-in forwards; animation: popUp 0.8s ease-in forwards; } .tt-effect-stackback.tt-effect-active li:not(.tt-empty) a:only-child { -webkit-animation: fadeOut 0.8s forwards; animation: fadeOut 0.8s forwards; } .tt-effect-stackback.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: fadeIn 0.8s forwards; animation: fadeIn 0.8s forwards; } /* 3d flip */ .tt-effect-3dflip li { -webkit-perspective: 1000px; perspective: 1000px; } .tt-effect-3dflip li a { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tt-effect-3dflip.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateOutLeft 0.6s forwards; animation: rotateOutLeft 0.6s forwards; } .tt-effect-3dflip.tt-effect-active li a:nth-child(2), .tt-effect-3dflip.tt-effect-active li.tt-empty a { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateInRight 0.6s ease-in forwards; animation: rotateInRight 0.6s ease-in forwards; } /* Bring back */ /* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */ .tt-effect-bringback li { -webkit-perspective: 1000px; perspective: 1000px; } .tt-effect-bringback li a { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tt-effect-bringback.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: hideLeft 0.8s forwards; animation: hideLeft 0.8s forwards; } .tt-effect-bringback.tt-effect-active li a:nth-child(2) { z-index: -1; -webkit-animation: showRight 0.8s forwards; animation: showRight 0.8s forwards; } .tt-effect-bringback.tt-effect-active li:not(.tt-empty) a:only-child { -webkit-animation: fadeOut 0.8s forwards; animation: fadeOut 0.8s forwards; } .tt-effect-bringback.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: fadeIn 0.8s forwards; animation: fadeIn 0.8s forwards; } /* Superscale */ .tt-effect-superscale.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: scaleDown 0.6s ease-in-out forwards; animation: scaleDown 0.6s ease-in-out forwards; } .tt-effect-superscale.tt-effect-active li a:nth-child(2), .tt-effect-superscale.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: scaleIn 0.6s ease-in-out forwards; animation: scaleIn 0.6s ease-in-out forwards; } /* Center flip */ .tt-effect-flip li { -webkit-perspective: 1500px; perspective: 1500px; } .tt-effect-flip li a { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tt-effect-flip.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: flipOut 0.8s ease-in forwards; animation: flipOut 0.8s ease-in forwards; } .tt-effect-flip.tt-effect-active li a:nth-child(2), .tt-effect-flip.tt-effect-active li.tt-empty a { opacity: 0; -webkit-animation: flipIn 0.8s ease-in forwards; animation: flipIn 0.8s ease-in forwards; } /* Front row */ .tt-effect-frontrow li { overflow: hidden; } .tt-effect-frontrow.tt-effect-active li:not(.tt-empty) a:first-child { -webkit-animation: moveToBack 0.8s forwards; animation: moveToBack 0.8s forwards; } .tt-effect-frontrow.tt-effect-active li a:nth-child(2), .tt-effect-frontrow.tt-effect-active li.tt-empty a { -webkit-animation: moveToFront 0.8s forwards; animation: moveToFront 0.8s forwards; } .tt-effect-frontrow.tt-effect-active li.tt-empty a { opacity: 0; } .tt-effect-frontrow.tt-effect-active li:not(.tt-empty) a:only-child { -webkit-animation: fadeOut 0.5s forwards; animation: fadeOut 0.5s forwards; } /* Animation delays */ .tt-grid-wrapper .tt-effect-delay.tt-effect-active li:nth-child(2) a { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .tt-grid-wrapper .tt-effect-delay.tt-effect-active li:nth-child(3) a { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tt-grid-wrapper .tt-effect-delay.tt-effect-active li:nth-child(4) a { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tt-grid-wrapper .tt-effect-delay.tt-effect-active li:nth-child(5) a { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tt-grid-wrapper .tt-effect-delay.tt-effect-active li:nth-child(6) a { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* Reverse delays */ .tt-grid-wrapper .tt-effect-delay-reversed.tt-effect-active li:nth-child(5) a { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .tt-grid-wrapper .tt-effect-delay-reversed.tt-effect-active li:nth-child(4) a { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tt-grid-wrapper .tt-effect-delay-reversed.tt-effect-active li:nth-child(3) a { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tt-grid-wrapper .tt-effect-delay-reversed.tt-effect-active li:nth-child(2) a { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tt-grid-wrapper .tt-effect-delay-reversed.tt-effect-active li:nth-child(1) a { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* Animations */ @-webkit-keyframes fallDown { to { opacity: 0; -webkit-transform: translateY(70%); } } @keyframes fallDown { to { opacity: 0; transform: translateY(70%); } } @-webkit-keyframes scaleUpFadeIn { from { opacity: 0; -webkit-transform: scale(0.8); } to { visibility: visible; opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleUpFadeIn { from { opacity: 0; transform: scale(0.8); } to { visibility: visible; opacity: 1; transform: scale(1); } } @-webkit-keyframes slideOut { from { width: 100%; } to { width: 0%; } } @keyframes slideOut { from { width: 100%; } to { width: 0%; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fallRotate { 0% { -webkit-transform: translateY(0%) rotate(0deg); -webkit-animation-timing-function: ease-in;} 40% { -webkit-transform: translateY(0%) rotate(20deg); -webkit-animation-timing-function: ease-out;} 60% { -webkit-transform: translateY(0%) rotate(15deg); opacity: 1;} 100% { -webkit-transform: translateY(150%) rotate(17deg); opacity: 0; } } @keyframes fallRotate { 0% { transform: translateY(0%) rotate(0deg); animation-timing-function: ease-in;} 40% { transform: translateY(0%) rotate(20deg); animation-timing-function: ease-out;} 60% { transform: translateY(0%) rotate(15deg); opacity: 1;} 100% { transform: translateY(150%) rotate(17deg); opacity: 0; } } @-webkit-keyframes scaleRotateOut { 100% { opacity: 0; -webkit-transform: scale(0); } } @keyframes scaleRotateOut { 100% { opacity: 0; transform: scale(0); } } @-webkit-keyframes scaleRotateIn { 0% { opacity: 0; -webkit-transform: translateX(50%) translateY(100%) rotate(25deg); } 100% { visibility: visible; opacity: 1; -webkit-transform: translateX(0%) translateY(0%) rotate(0deg); } } @keyframes scaleRotateIn { 0% { opacity: 0; transform: translateX(50%) translateY(100%) rotate(25deg); } 100% { visibility: visible; opacity: 1; transform: translateX(0%) translateY(0%) rotate(0deg); } } @-webkit-keyframes moveLeft { 50% { opacity: 1; -webkit-transform: translateX(-100%) rotateY(35deg) rotateX(10deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); } } @keyframes moveLeft { 50% { opacity: 1; transform: translateX(-100%) rotateY(35deg) rotateX(10deg); } 100% { opacity: 1; transform: translateX(0%) rotateY(0deg) rotateX(0deg); } } @-webkit-keyframes popUp { 0% { -webkit-transform: translateZ(-200px); } 50% { z-index: -1; } 51% { z-index: 1; } 70% { z-index: 1; visibility: visible; -webkit-transform: translateZ(50px); -webkit-animation-timing-function: ease-out; } 100% { z-index: 1; visibility: visible; -webkit-transform: translateZ(0px); } } @keyframes popUp { 0% { transform: translateZ(-200px); } 50% { z-index: -1; } 51% { z-index: 1; } 70% { z-index: 1; visibility: visible; transform: translateZ(50px); animation-timing-function: ease-out; } 100% { z-index: 1; visibility: visible; transform: translateZ(0px); } } @-webkit-keyframes rotateOutLeft { 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes rotateOutLeft { 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes rotateInRight { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes rotateInRight { 0% { opacity: 0; transform: rotateY(-90deg); } 100% { visibility: visible; opacity: 1; transform: rotateY(0deg); } } @-webkit-keyframes hideLeft { 0% { -webkit-transform: translateZ(0px); } 40% { -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg); } 100% { opacity: 1; -webkit-transform: translateZ(-400px); } } @keyframes hideLeft { 0% { transform: translateZ(0px); } 40% { transform: translate(-40%, 0) scale(0.8) rotateY(20deg); } 100% { transform: translateZ(-400px); } } @-webkit-keyframes showRight { 0% { -webkit-transform: translateZ(-400px); } 40% { z-index: -1; -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg); } 41% { z-index: 1; } 100% { z-index: 1; visibility: visible; -webkit-transform: translateZ(0px); } } @keyframes showRight { 0% { transform: translateZ(-400px); } 40% { z-index: -1; transform: translate(40%, 0) scale(0.8) rotateY(-20deg); } 41% { z-index: 1; } 100% { z-index: 1; visibility: visible; transform: translateZ(0px); } } @-webkit-keyframes scaleDown { 100% { opacity: 0; -webkit-transform: scale(0); } } @keyframes scaleDown { 100% { opacity: 0; transform: scale(0); } } @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(1.2); } 100% { visibility: visible; opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; transform: scale(1.2); } 100% { visibility: visible; opacity: 1; transform: scale(1); } } @-webkit-keyframes flipOut { 50% { opacity: 0; -webkit-transform: rotateY(90deg); } 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flipOut { 50% { opacity: 0; transform: rotateY(90deg); } 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flipIn { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 50% { opacity: 0; -webkit-transform: rotateY(-90deg); } 75% { visibility: visible; opacity: 1; -webkit-transform: rotateY(15deg); -webkit-animation-timing-function: ease-in; } 100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flipIn { 0% { opacity: 0; transform: rotateY(-90deg); } 50% { opacity: 0; transform: rotateY(-90deg); } 75% { visibility: visible; opacity: 1; transform: rotateY(15deg); animation-timing-function: ease-in; } 100% { visibility: visible; opacity: 1; transform: rotateY(0deg); } } @-webkit-keyframes moveToBack { 100% { -webkit-transform: translateX(-60%) scale(.8); } } @keyframes moveToBack { 100% { transform: translateX(-60%) scale(.8); } } @-webkit-keyframes moveToBack { 100% { -webkit-transform: translateX(-60%) scale(.8); } } @-webkit-keyframes moveToFront { 0% { -webkit-transform: translateX(100%) scale(.8); } 100% { visibility: visible; opacity: 1; -webkit-transform: translateX(0%) scale(1); } } @keyframes moveToFront { 0% { transform: translateX(100%) scale(.8); } 100% { visibility: visible; opacity: 1; transform: translateX(0%) scale(1); } } .tt-grid-wrapper { margin-bottom: 6px; } .hor { padding-top: 43px; border-bottom: 1px solid #d9d9d9; } .text1 { font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 19px; } .clear.cl1 { height: 39px; } .serv img { margin-bottom: 35px; } .serv .clear { height: 42px; } .gallery { overflow: hidden; padding-top: 3px; } .gallery .clear { height: 43px; } .blog .text1 { margin-bottom: 17px; } .blog a.btn { position: relative; top: 1px; margin-bottom: 2px; margin-right: 45px; } .blog .clear { height: 42px; } .blog table { border-top: 1px solid #d9d9d9; width: 100%; line-height: 40px; } .blog table tr { border-bottom: 1px solid #d9d9d9; } .blog table .fa { font-size: 20px; color: #5ec0bd; min-width: 24px; margin-right: 27px; line-height: 40px; } .blog table td+td .fa { margin-right: 5px; } .blog table td:first-child { width: 238px; } .blog table td+td+td { text-align: right; } .blog +.blog { padding-top: 84px; } a.gal { display: block; background: url(../images/magnify.png) center center no-repeat #009b97; } a.gal img { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; width: 100%; box-shadow: 0 0 0 #fff; } a.gal:hover img { opacity: 0.2; } /*SLIDER*/ .banner {position: relative;color: #fff;} .banner p{font:300 1.35em/4em 'Old Standard TT', serif;margin:0; } .banner img.img-responsive{width: 100%;} .banner .welcome-message{position: absolute;left: 0;right:0;bottom:0;top:0;text-align: center;} .banner .welcome-message .wrap-info{display: table;height: 100%;width: 100%;} .banner .welcome-message .wrap-info .information{display: table-cell;vertical-align: middle;} .banner .arrow-nav{position: absolute;bottom:-3.5em;background-color: #bfa145;height: 7em;width: 7em;display: inline-block;z-index: 100;left: 50%;margin-left: -52px;color: #fff;border-radius: 50%;} .banner .arrow-nav i{font-size: 5em;line-height:105px;} .banner .arrow-nav:hover{background: #756534;} .pl { padding-bottom:50px; text-align:center; } .pl a { display:block; margin-bottom:15px; padding:0; color: #111111; font-weight: 500; } .pl a span.img_icon { display:block; width:70px; height:70px; margin:0 auto 14px auto; } .pl a span.w { background-image:url(../img/k.jpg); background-position:left top; background-repeat:no-repeat; } .pl a:hover span.icon1 {background-position:left bottom; } .pl a span.x { background-image:url(../img/a.jpg); background-position:left top; background-repeat:no-repeat; } .pl a:hover span.icon2 {background-position:left bottom; } .pl a span.y { background-image:url(../img/m.jpg); background-position:left top; background-repeat:no-repeat; } .pl a:hover span.icon3 {background-position:left bottom; } .pl a span.z{ background-image:url(../img/e.JPG); background-position:left top; background-repeat:no-repeat; } .pl a:hover span.icon4 {background-position:left bottom; } pl a span.link_title { display:block; line-height:24px; font-size:20px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:800; padding-bottom:8px; color:#313131; } .pl a:hover {text-decoration:none; }