@font-face { font-family: 'meta_bold'; src: url('../lib/fonts/meta_bold.eot'); src: url('../lib/fonts/meta_boldd41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/meta_bold.woff') format('woff'), url('../lib/fonts/meta_bold.ttf') format('truetype'), url('../lib/fonts/meta_bold.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'firasansot-bold'; src: url('../lib/fonts/firasansot-bold.eot'); src: url('../lib/fonts/firasansot-boldd41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/firasansot-bold.woff') format('woff'), url('../lib/fonts/firasansot-bold.ttf') format('truetype'), url('../lib/fonts/firasansot-bold.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'firasansot-regular'; src: url('../lib/fonts/firasansot-regular.eot'); src: url('../lib/fonts/firasansot-regulard41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/firasansot-regular.woff') format('woff'), url('../lib/fonts/firasansot-regular.ttf') format('truetype'), url('../lib/fonts/firasansot-regular.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'firasansot-medium'; src: url('../lib/fonts/firasansot-medium.eot'); src: url('../lib/fonts/firasansot-mediumd41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/firasansot-medium.woff') format('woff'), url('../lib/fonts/firasansot-medium.ttf') format('truetype'), url('../lib/fonts/firasansot-medium.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'firasansot-mediumitalic'; src: url('../lib/fonts/firasansot-mediumitalic.eot'); src: url('../lib/fonts/firasansot-mediumitalicd41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/firasansot-mediumitalic.woff') format('woff'), url('../lib/fonts/firasansot-mediumitalic.ttf') format('truetype'), url('../lib/fonts/firasansot-mediumitalic.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'firasansot-regular'; src: url('../lib/fonts/firasansot-regular.eot'); src: url('../lib/fonts/firasansot-regulard41dd41d.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/firasansot-regular.woff') format('woff'), url('../lib/fonts/firasansot-regular.ttf') format('truetype'), url('../lib/fonts/firasansot-regular.svg#gafataregular') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'firasansot-regular'; src: url('../lib/fonts/firasansot-regular.svg') format('svg'); } @font-face { font-family: 'firasansot-mediumitalic'; src: url('../lib/fonts/firasansot-mediumitalic.svg') format('svg'); } @font-face { font-family: 'firasansot-medium'; src: url('../lib/fonts/firasansot-medium.svg') format('svg'); } } body { margin: 0; color: #333; font: 13px/16px 'firasansot-regular', Arial, Helvetica, sans-serif; background: #ededed; min-width: 320px; } img { border-style: none; } nav a { color: #e9e9e9; }
 a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } input, textarea, select { color: #333; vertical-align: middle; font: 100% 'firasansot-regular', Arial, Helvetica, sans-serif; } form, fieldset { margin: 0; padding: 0; border-style: none; } a:focus, input:focus, textarea:focus, select:focus { outline: none; } header, footer, section, nav, article, aside { display: block; } q { quotes: none; } q:before { content: ''; } q:after { content: ''; } #wrapper { overflow: hidden; /* padding: 118px 0 0; */ padding: 0; } /* .color-scheme-01 { } */ /* header */ 
 header { /*position: fixed; */ left: 0; top: 0; right: 0; background: #253265; z-index: 100; } header .container { max-width: 1000px; padding: 0 10px 15px; margin: 0 auto; } header .container:after { content: ''; display: block; clear: both; } header .block { float: left; margin: 0 10px 0 0; } header .ttl-page { display: inline-block; font: 16px/19px 'meta_bold', Helvetica, sans-serif; padding: 3px 12px 3px 8px; background: #0f529e; color: #fff; margin: 0 0 26px; max-width: 333px; } 
 header .logo { display: block; width: 260px; height: 105px; text-indent: -9999px;  overflow: hidden; background: url(../images/logo.png) no-repeat; margin-top: 10px;margin-left:-17px;  position: relative; } header .logo a { display: block; height: 100%; } header .frame { overflow: hidden; padding: 15px 0 20px; } .socials { float: right; margin: 0; padding: 0; list-style: none; } .socials li { float: left; padding: 0 0 0 10px; } .socials a { float: left; width: 21px; height: 21px; text-indent: -9999px; overflow: hidden; background: url(../images/bg-socials.png) no-repeat; } #wrapper .socials a:hover { background-position: 0 -21px; } .socials .facebook { background-position: -31px 0; } #wrapper .socials .facebook:hover { background-position: -31px -21px; } .socials .youtube { background-position: -62px 0; } #wrapper .socials .youtube:hover { background-position: -62px -21px; } .socials .linkedin { background-position: -92px 0; } #wrapper .socials .linkedin:hover { background-position: -92px -21px; } header nav { float: right; padding: 17px 0 0; } header nav ul { float: right; margin: 0 -20px 0 0; padding: 0; list-style: none; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; text-transform: uppercase; } header nav ul li { float: left; height: 23px; border-left: 1px solid #888; padding: 0 12px; } header nav ul a { float: left; margin: -3px 0 0; min-height: 30px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header nav ul span { display: block; font: 10px/15px 'firasansot-regular', Helvetica, sans-serif; text-transform: none; color: #888; margin: -1px 0 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header nav ul a:hover { text-decoration: none; color: #67b2c7; } header nav ul a:hover span { color: #c1e3eb; } header nav ul .active { border-left: 3px solid #0f529e; } header nav ul .active a span, header nav ul .active a { color: #0851a4; } /* end header */ /* gallery */ .gallery { overflow: hidden; position: relative; } .gallery .slides { margin: 0; padding: 0; list-style: none; overflow: hidden; } .gallery .slides > li { position: relative; overflow: hidden; display: none; } .gallery .slides li.first { display: block; } .gallery .slides .img { position: relative; float: left; left: 50%; top: 0; width: 100%; min-width: 1276px; } .gallery .slides .img img { position: relative; float: left; left: -50%; width: 100%; } .gallery .container { width: 883px; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -444px; border-left: 1px solid #fff; padding: 0 0 56px; } .gallery .caption { background: url(../images/bg-block-01.gif) no-repeat 0 100%; padding: 0 0 4px; width: 379px; font-family: 'firasansot-regular', Helvetica, sans-serif; } .gallery .caption a { padding: 11px 35px 37px 14px; display: block; background: #0f529e url(../images/arrow-01.png) no-repeat 100% 100%; color: #fff; text-decoration: none; } .gallery .caption .ttl { display: block; font: 21px/25px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 14px; } .gallery .caption p { margin: 0; } .gallery .caption a:hover .ttl { text-decoration: underline; } .gallery .flex-control-nav { margin: 0 0 0 -434px; padding: 0; list-style: none; overflow: hidden; position: absolute; width: 864px; left: 50%; bottom: 34px; } .gallery .flex-control-nav li { float: left; margin: 0 5px 0 0; } .gallery .flex-control-nav a { float: left; width: 8px; height: 8px; text-indent: -9999px; overflow: hidden; background: #fff; border: 2px solid #fff; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .gallery .flex-control-nav .flex-active, .gallery .flex-control-nav a:hover { background: #0f529e; } /* end gallery */ h1 { font: 35px/48px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 10px; } h2 { font: 40px/44px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 5px; } h3 { font: 32px/36px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 10px; } h4 { font: 26px/30px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 10px; } h5 { font: 22px/26px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 10px; } h6 { font: 18px/22px 'firasansot-regular', Helvetica, sans-serif; margin: 0 0 10px; } /* info-area */ .info-area { position: relative; text-align: center; font: 15px/19px 'firasansot-regular', Helvetica, sans-serif; } .info-area .container { max-width: 1000px; margin: 0 auto; padding: 19px 10px 50px; } .btn-scroll { position: absolute; width: 46px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../images/bg-btn-01.png) no-repeat; left: 50%; margin: 0 0 0 -23px; top: -23px; text-align: left; } .info-area p { margin: 0 0 14px; } .carousel { margin: 0 -10px; } .carousel .flex-viewport { overflow: visible !important; } .carousel .slides { margin: 0; padding: 0 0 2px; list-style: none; overflow: hidden; } .carousel .slides > li { width: 320px; } .info-block { float: left; width: 300px; margin: 0 10px; background: #fff; -webkit-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); -moz-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); /*font: 13px/15px 'firasansot-regular', Arial, Helvetica, sans-serif;*/ font: 13px/15px Arial, Helvetica, sans-serif; position: relative; opacity: 0.1; transition: opacity 0.3s; } .info-block .mask-inactive { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/none.gif) repeat; } .carousel .active .info-block { opacity: 1; } .carousel .active .info-block .mask-inactive { display: none; } .info-block > a { display: block; text-decoration: none; } .info-block .img { position: relative; border-bottom: 4px solid #ffa100; margin: 0 0 7px; } .info-block .img img { vertical-align: top; width: 100%; } .info-block .date { position: absolute; width: 35px; top: 0; left: 10px; background: url(../images/arrow-02.png) no-repeat 50% 100%; padding: 0 0 13px; color: #f9f9f9; font: 24px/26px 'firasansot-regular', Helvetica, sans-serif; text-transform: uppercase; z-index: 2; } .info-block .date .frame { background: #ffa100; padding: 2px 2px 0; display: block; } .info-block .date .month { display: block; font: 14px/16px 'firasansot-medium', Helvetica, sans-serif; color: #fdd1a0; margin: 0 0 -5px; } .info-block .date .year { display: block; font: 13px/13px 'firasansot-medium', Helvetica, sans-serif; color: #fdd1a0; margin: -4px 0 0; } .info-block .img .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/bg-block-02.png) repeat; color: #fff; font: 26px/30px 'firasansot-regular', Helvetica, sans-serif; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .info-block a:hover .mask { opacity: 1; } .info-block .img .mask .frame { height: 100%; width: 100%; display: table; } .info-block .img .mask .frame span { vertical-align: middle; display: table-cell; } .info-block .photo { margin: 0 0 5px; } .info-block .photo:after { content: ''; display: block; clear: both; } .info-block .photo img { position: relative; float: left; width: 48px; height: 48px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 4px; background: #ffa100; left: 50%; margin: -37px 0 0 -27px; } .info-block .block { padding: 0 10px 18px; background: url(../images/sep-01.gif) no-repeat 50% 100%; } .info-block .ttl { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 5px; } .info-block .ttl span { color: #ffa100; } .info-block .by { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: -6px 0 10px; } .info-block .by span { color: #ffa100; } .info-block h3 { font: 14px/17px 'firasansot-mediumitalic', Helvetica, sans-serif; margin: 0 0 12px; } .info-block .block p { margin: 0; /*font: 13px/15px 'firasansot-regular', Arial, Helvetica, sans-serif;*/ font: 13px/15px Arial, Helvetica, sans-serif; } .info-block .links { margin: 0; list-style: none; overflow: hidden; padding: 14px; font: 13px/19px 'firasansot-regular', Helvetica, sans-serif; } .info-block .links li { float: left; padding: 0 15px 0 0; } .info-block .links a { float: left; background: url(../images/ico-11.png) no-repeat 0 -60px; padding: 0 0 0 19px; } .info-block .links a:hover { text-decoration: underline; } .info-block .links .watch { background: url(../images/ico-08.png) no-repeat 0 -60px; } .info-block .links .comments { background: url(../images/ico-09.png) no-repeat 0 -60px; padding-left: 21px; } .info-block .arrow { position: absolute; width: 10px; height: 14px; background: url(../images/arrow-03.png) no-repeat; right: 15px; bottom: 17px; } .info-block.color-2 .date { background: url(../images/arrow-04.png) no-repeat 50% 100%; } .info-block.color-2 .date .frame { background: #e43343; } .info-block.color-2 .date .year, .info-block.color-2 .date .month { color: #f0979f; } .info-block.color-2 .img { border-color: #e43146; } .info-block.color-2 .by span, .info-block.color-2 .ttl span { color: #e43146; } .info-block.color-2 .block { background: url(../images/sep-02.gif) no-repeat 50% 100%; } .info-block.color-2 .links a { background-position: 0 -20px; } .info-block.color-2 .links .watch { background-position: 0 -20px; } .info-block.color-2 .arrow { background-position: 0 -14px; } .info-block.color-2 .img .mask { background: url(../images/bg-block-03.png) repeat; } .info-block.color-3 .date { background: url(../images/arrow-09.png) no-repeat 50% 100%; } .info-block.color-3 .date .frame { background: #08a180; } .info-block.color-3 .date .year, .info-block.color-3 .date .month { color: #bbc9d8; } .info-block.color-3 .img { border-color: #08a180; } .info-block.color-3 .by span, .info-block.color-3 .ttl span { color: #08a180; } .info-block.color-3 .block { background: url(../images/sep-06.jpg) no-repeat 50% 100%; } .info-block.color-3 .links .calendar { background: url(../images/ico-07.png) no-repeat; padding-left: 21px; } .info-block.color-3 .arrow { background-position: 0 -42px; } .info-block.color-3 .img .mask { background: url(../images/bg-block-07.png) repeat; } .carousel .flex-direction-nav { margin: 0; padding: 0; list-style: none; float: left; } .carousel .flex-direction-nav .flex-next, .carousel .flex-direction-nav .flex-prev { position: absolute; left: 0; top: 50%; width: 50px; height: 98px; margin: -49px 0 0; background: url(../images/arrow-06.png) no-repeat 0 -98px; text-indent: -9999px; overflow: hidden; opacity: 0.95; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 95; } .carousel .flex-direction-nav .flex-next { left: auto; right: 0; width: 43px; background-position: 0 0; } .carousel .flex-direction-nav .flex-next:hover, .carousel .flex-direction-nav .flex-prev:hover { opacity: 1; } /* end info-area */ /* team */ .team { background: url(../images/bg-block-05.gif) repeat 50% 0; position: relative; z-index: 2; color: #fff; text-align: center; font: 15px/19px 'firasansot-regular', Helvetica, sans-serif; } .team .container { max-width: 1000px; margin: 0 auto; padding: 40px 10px 24px; } .btn-scroll.color-2 { height: 29px; top: -22px; background-position: 0 -46px; } .team h2 { margin-bottom: 3px; } .team p { margin: 0 0 28px; } .team .list { margin: 0 -10px; padding: 0; list-style: none; font: 13px/16px 'firasansot-bold', Helvetica, sans-serif; } .team .list li { width: 140px; display: inline-block; vertical-align: top; padding: 0 7px 24px 10px; } .team .list a { display: block; text-decoration: none; color: #fff; background: url(../images/sep-04.gif) no-repeat 50% 100%; padding: 0 0 7px; } .team .list img { display: block; padding: 7px; background: #fff; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin: 0 0 8px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; } .team .list a:hover img { background: #ffa100; } .team .list .txt { display: block; width: 106px; height: 106px; border: 7px solid #ffa100; background: #222; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin: 0 0 8px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font: 41px/43px 'firasansot-medium', Helvetica, sans-serif; color: #ffa100; padding: 20px 10px 0; letter-spacing: -2px; position: relative; } .team .list .txt span { display: block; font: 13px/16px 'firasansot-bold', Helvetica, sans-serif; color: #fff; letter-spacing: 0; margin: -2px 0 0; } .team .list a:hover .txt { background: #ffa100; color: #fff; } /* end team */ /* main */ #main { max-width: 1000px; margin: 0 auto; padding: 42px 10px 81px; position: relative; z-index: 3; } .btn-scroll.color-3 { height: 28px; top: -5px; background-position: 0 -75px; margin-left: -23px; } .events { padding: 0 0 31px; text-align: center; font: 15px/19px 'firasansot-regular', Helvetica, sans-serif; } .events p { margin: 0 0 28px; } .events .block { max-width: 620px; margin: 0 auto; padding: 0 2px 20px; overflow: hidden; } .events .block .date { float: left; width: 91px; margin: 2px 10px 0 0; } .events .block .month { display: block; width: 80px; background: #08a180; color: #fff; text-transform: uppercase; font: bold 15px/20px 'firasansot-medium', Helvetica, Arial, sans-serif; padding: 4px 0; margin: 0 0 2px; } .events .block .number { display: block; width: 80px; background: #08a180 url(../images/bg-block-08.jpg) no-repeat 50% 100%; padding: 2px 0 11px; font: 55px/60px 'firasansot-regular', Helvetica, Arial, sans-serif; color: #fff; margin: 0 0 5px; } .events .block .date .link { display: inline-block; font-size: 13px; line-height: 16px; margin-left: -2px; } .events .block .video { float: right; width: 210px; padding: 5px; background: #fff; -webkit-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); -moz-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); position: relative; margin: 1px 0 0 20px; } .events .block .video img { vertical-align: top; width: 100%; } .events .block .video .play { position: absolute; width: 56px; height: 56px; text-indent: -9999px; overflow: hidden; background: url(../images/ico-06.png) no-repeat; left: 50%; top: 50%; margin: -28px 0 0 -28px; } .popup-mask { display: none; } .popup img { vertical-align: top; width: 100%; } .events .block .frame { overflow: hidden; text-align: left; font: 13px/15px 'firasansot-regular', Arial, Helvetica, sans-serif; } .events .block h3 { font: 16px/19px 'firasansot-mediumitalic', Helvetica, sans-serif; color: #08a180; margin: 0 0 15px; } .events .block .frame p { margin: 0 0 19px; } .events .block .links { margin: 0; padding: 0; list-style: none; overflow: hidden; font: bold 13px/17px 'firasansot-medium', Arial, Helvetica, sans-serif; } .events .block .links li { float: left; padding: 0 0 0 24px; } .events .block .links li:first-child { padding-left: 0; } .events .block .links a { float: left; background: url(../images/arrow-10.png) no-repeat 100% 1px; padding: 0 15px 0 0; } .testimonials { text-align: center; font: 15px/19px 'firasansot-regular', Helvetica, sans-serif; } .testimonials p { margin: 0 0 15px; } .testimonials .holder { overflow: hidden; margin: 0 -10px; } .testimonials .col { float: left; width: 30.3%; margin: 0 1%; text-align: left; } .testimonials .col.one { float: none; margin: 0 auto; } .testimonials .box { background: #fff; -webkit-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); -moz-box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); box-shadow: 1px 1px 1px rgba(136, 136, 136, 0.34); margin: 0 0 24px; padding: 10px 12px 14px; position: relative; } .testimonials .box .arrow { position: absolute; bottom: -18px; left: 15px; } .testimonials .box blockquote { margin: 0; font-size: 14px; line-height: 17px; } .testimonials .box blockquote q { display: block; margin: 0 0 7px; color: #666; } .testimonials .box blockquote cite { display: block; font-style: normal; } .testimonials .logo { vertical-align: top; } /* end main */ /* main-area */ .main-area { border-top: 2px solid #333; padding: 20px 0 83px; } .popup-page .main-area { border-top: 0px; padding: 10px 0 10px; } .main-area .container { max-width: 1000px; padding: 0 10px; margin: 0 auto; overflow: hidden; } /* content */ #content { float: left; width: 63.98%; } .popup-page #content { max-width: 600px; }
  /* data-line */ .data-line { overflow: hidden; width: 100%; padding: 0px; } .data-line .info { float: left; margin: 0; padding: 0; list-style: none; overflow: hidden; } .data-line .info li { float: left; margin-left: 14px; font: 13px/16px 'firasansot-regular', sans-serif; overflow: hidden; padding-left: 19px; } .data-line .info li:first-child { margin-left: 0; } .data-line .info li a { display: block; padding-top: 3px; } .data-line .info .link-01 { background: url(../images/ico-08.png) no-repeat; margin-left: -19px; float: left; width: 14px; height: 16px; } .red-theme .data-line .info .link-01 { background-position: 0 -20px; } .light-blue-theme .data-line .info .link-01 { background-position: 0 -40px; } .orange-theme .data-line .info .link-01 { background-position: 0 -60px; } .dark-blue-theme .data-line .info .link-01 { background-position: 0 -80px; } .data-line .info .link-02 { background: url(../images/ico-09.png) no-repeat; margin-left: -19px; float: left; width: 16px; height: 16px; } .red-theme .data-line .info .link-02 { background-position: 0 -20px; } .light-blue-theme .data-line .info .link-02 { background-position: 0 -40px; } .orange-theme .data-line .info .link-02 { background-position: 0 -60px; } .dark-blue-theme .data-line .info .link-02 { background-position: 0 -80px; } .data-line .info .link-03 { background: url(../images/ico-11.png) no-repeat; margin-left: -19px; float: left; width: 14px; height: 16px; } .red-theme .data-line .info .link-03 { background-position: 0 -20px; } .light-blue-theme .data-line .info .link-03 { background-position: 0 -40px; } .orange-theme .data-line .info .link-03 { background-position: 0 -60px; } .dark-blue-theme .data-line .info .link-03 { background-position: 0 -80px; } #content .data-line .social { float: right; margin: 0; padding: 0; list-style: none; overflow: hidden; } #content .social li { float: left; margin: 0px 0px 0px 10px; font: 13px/16px 'firasansot-medium', sans-serif; background-image: none; padding: 0 0 0 0; } #content .social li:first-child { margin-left: 0; padding: 3px 5px 0 0; } #content .social a { display: block; height: 15px; background: url(../images/ico-10.png) no-repeat; text-indent: -9999px; } #content .social .twitter { width: 15px; background-position: 0 0; } #content .social .google { width: 16px; background-position: -25px 0; } #content .social .linkedin { width: 15px; background-position: -50px 0; } #content .social .email { width: 18px; background-position: -75px 0; } /* end data-line */ /* detailed-info */ .detailed-info { border-bottom: 1px solid #3f3f3f; padding-bottom: 56px; margin-bottom: 18px; overflow: hidden; } .detailed-info .img { position: relative; border-bottom: 4px solid #08a180; margin-bottom: 10px; } .detailed-info .img img { vertical-align: top; width: 100%; height: auto; } .red-theme .detailed-info .img { border-bottom-color: #e43146; } .light-blue-theme .detailed-info .img { border-bottom-color: #698fb3; } .orange-theme .detailed-info .img { border-bottom-color: #ffa100; } .dark-blue-theme .detailed-info .img { border-bottom-color: #0f529e; } .detailed-info .visual { position: relative; margin-bottom: -72px; } .red-theme .detailed-info .visual { border-color: #e43146; } .light-blue-theme .detailed-info .visual { border-color: #698fb3; } .orange-theme .detailed-info .visual { border-color: #ffa100; } .dark-blue-theme .detailed-info .visual { border-color: #0f529e; } .detailed-info img, .profile-info img { vertical-align: top; max-width: 100%; height: auto; } .detailed-info .visual .video { position: absolute; top: 50%; left: 50%; margin: -65px 0 0 -28px; text-indent: -9999px; width: 80px; height: 56px; background-color: #08a180; opacity: 0.9; } .red-theme .detailed-info .visual .video { background-color: #e43146; } .light-blue-theme .detailed-info .visual .video { background-color: #698fb3; } .orange-theme .detailed-info .visual .video { background-color: #ffa100; } .dark-blue-theme .detailed-info .visual .video { background-color: #0f529e; } .detailed-info .visual .video:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -8px; border: 11px solid transparent; border-left: 18px solid #fff; opacity: 0.9; } .detailed-info .visual a:hover .video:before { content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 56px; margin: -28px 0 0 -40px; background-color: #fff; opacity: 0.15; } .detailed-info .date { position: absolute; width: 35px; top: 0; left: 10px; background: url(../images/arrow-09.png) no-repeat 50% 100%; padding: 0 0 13px; color: #f9f9f9; font: 24px/26px 'firasansot-regular', Helvetica, sans-serif; text-transform: uppercase; text-align: center; z-index: 2; } .red-theme .detailed-info .date { background: url(../images/arrow-04.png) no-repeat 50% 100%; } .light-blue-theme .detailed-info .date { background: url(../images/arrow-05.png) no-repeat 50% 100%; } .orange-theme .detailed-info .date { background: url(../images/arrow-02.png) no-repeat 50% 100%; } .dark-blue-theme .detailed-info .date { background: url(../images/arrow-17.png) no-repeat 50% 100%; } .detailed-info .date .frame { background-color: #08a180; padding: 2px 2px 0; display: block; } .red-theme .detailed-info .date .frame { background-color: #e43146; } .light-blue-theme .detailed-info .date .frame { background-color: #698fb3; } .orange-theme .detailed-info .date .frame { background-color: #ffa100; } .dark-blue-theme .detailed-info .date .frame { background-color: #0f529e; } .detailed-info .date .month { display: block; font: 14px/16px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 -5px; color: #fafafa; opacity: .5; } .detailed-info .date .year { display: block; font: 13px/13px 'firasansot-medium', Helvetica, sans-serif; color: #fafafa; margin: -4px 0 0; opacity: .5; } .detailed-info .block { padding: 15px; background: #ededed url(../images/sep-06.jpg) no-repeat 0 100%; margin-bottom: 20px; -webkit-box-shadow: -10px 0 0 #ededed; -moz-box-shadow: -10px 0 0 #ededed; box-shadow: -10px 0 0 #ededed; position: relative; overflow: hidden; min-height: 56px; } .red-theme .detailed-info .block { background: #ededed url(../images/sep-02.gif) no-repeat 0 100%; } 



 .orange-theme .detailed-info .block { background: #ededed url(../images/sep-01.gif) no-repeat 0 100%; } .dark-blue-theme .detailed-info .block { background: #ededed url(../images/sep-07.jpg) no-repeat 0 100%; } .detailed-info .ttl { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; /*margin: 0 0 9px; */ } .detailed-info .ttl span { color: #08a180; } .red-theme .detailed-info .ttl span, .red-theme .detailed-info .by span { color: #e43146; } .light-blue-theme .detailed-info .ttl span, .light-blue-theme .detailed-info .by span { color: #698fb3; } .orange-theme .detailed-info .ttl span, .orange-theme .detailed-info .by span { color: #ffa100; } .dark-blue-theme .detailed-info .ttl span, .dark-blue-theme .detailed-info .by span { color: #0f529e; } .detailed-info .block h2 { font: 18px/24px 'firasansot', Helvetica, sans-serif; color: #333; margin: 0 0 11px -2px; } .detailed-info .by { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 10px; padding-top: 2px; } .detailed-info .by span { color: #08a180; } .detailed-info p { margin: 0 0 4px; } .detailed-info p:first-child { margin-bottom: 0; } .detailed-info h3, .profile-info h3 { margin: 0; font: 15px/20px 'firasansot-medium', Helvetica, sans-serif; color: #08a180; padding: 6px 0 9px; } .detailed-info h3 a, .profile-info h3 a { color: #08a180; } .red-theme .detailed-info h3, .red-theme .profile-info h3, .red-theme .detailed-info h3 a, .red-theme .profile-info h3 a { color: #e43146; } .light-blue-theme .detailed-info h3, .light-blue-theme .profile-info h3, .light-blue-theme .detailed-info h3 a, .light-blue-theme .profile-info h3 a { color: #698fb3; } .orange-theme .detailed-info h3, .orange-theme .profile-info h3, .orange-theme .detailed-info h3 a, .orange-theme .profile-info h3 a { color: #ffa100; } .dark-blue-theme .detailed-info h3, .dark-blue-theme .profile-info h3, .dark-blue-theme .detailed-info h3 a, .dark-blue-theme .profile-info h3 a { color: #0f529e; } .detailed-info .img-holder, .profile-info .img-holder { /*28px */ padding: 0; } .detailed-info h4, .profile-info h4, .detailed-info .summary, .profile-info .summary { font: bold 13px/16px 'firasansot-medium', Arial, Helvetica, sans-serif; margin: 2px 10px 10px 2px; } .detailed-info h5, .profile-info h5 { font: bold 13px/16px 'firasansot-medium', Arial, Helvetica, sans-serif; margin: 2px 0 4px 2px; } .detailed-info h6, .profile-info h6 { font: bold 13px/16px 'firasansot-medium', Arial, Helvetica, sans-serif; margin: 2px 0 4px 2px; } .detailed-list, .detailed-info ul, .profile-info ul, .corp-service ul { margin: 0 0 14px; padding: 0; list-style: none; } .detailed-list li, .detailed-info ul li, .profile-info ul li, .corp-service ul li { padding-left: 60px; font-size: 13px; line-height: 17px; margin-top: 1px; background: url(../images/sep-detailed-info-01.jpg) no-repeat 32px 7px; } .detailed-list li:first-child, .detailed-info ul:first-child, .profile-info ul:first-child, , .corp-service ul:first-child { margin-top: 0; } .red-theme .detailed-list.list li, .red-theme .detailed-info ul li, .red-theme .profile-info ul li { background: url(../images/sep-detailed-info-02.jpg) no-repeat 32px 7px; } .light-blue-theme .detailed-list li, .light-blue-theme .detailed-info ul li, .light-blue-theme .profile-info ul li, .corp-service ul li { background: url(../images/sep-detailed-info-03.jpg) no-repeat 32px 7px; } .orange-theme .detailed-list li, .orange-theme .detailed-info ul li, .orange-theme .profile-info ul li { background: url(../images/sep-detailed-info-04.jpg) no-repeat 32px 7px; } .dark-blue-theme .detailed-list li, .dark-blue-theme .detailed-info ul li, .dark-blue-theme .profile-info ul li { background: url(../images/sep-detailed-info-05.jpg) no-repeat 32px 7px; } #content .detailed-info .social { margin: 0; padding: 20px 0 0 2px; list-style: none; overflow: hidden; } /* profile */ .detailed-info .profile { background-color: #08a180; width: 183px; float: left; position: relative; margin: -119px 21px 10px 9px; padding: 16px 14px; color: #fff; } .red-theme .detailed-info .profile { background-color: #e43146; } .light-blue-theme .detailed-info .profile { background-color: #698fb3; } .orange-theme .detailed-info .profile { background-color: #ffa100; } .dark-blue-theme .detailed-info .profile { background-color: #0f529e; } /* photo */ .detailed-info .profile .photo { width: 68px; height: 68px; margin: 0 auto 4px; background-color: #fff; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; position: relative; } .detailed-info .profile .photo img { width: 58px; height: 58px; margin: 5px 0 0 5px; } /* end photo */ .detailed-info .profile .by { display: block; text-align: center; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin-bottom: 13px; } /* info */ .detailed-info .profile .info { position: relative; padding: 22px 0 17px; margin-bottom: 26px; } .detailed-info .profile .info.no-link { padding-bottom: 0px; margin-bottom: 10px; } .detailed-info .profile .info:after { content: ''; position: absolute; top: 0; left: 50%; margin-left: -19px; width: 35px; height: 2px; background-color: #fff; } .detailed-info .profile .info:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -19px; width: 35px; height: 2px; background-color: #fff; } .detailed-info .profile .info.no-link:before { height: 0px; } .detailed-info .profile .info .title, .detailed-info .profile .info p strong { font: 14px/17px 'firasansot-mediumitalic', Helvetica, sans-serif; display: block; margin-bottom: 8px; } .detailed-info .profile .info a { color: #fff; } .detailed-info .profile a.view-profile { color: #fff; font: 13px/17px 'firasansot-regular', Helvetica, sans-serif; background: url(../images/arrow-19.png) no-repeat 100% 50%; padding-right: 15px; text-decoration: none; } .detailed-info .profile a.view-profile:hover { text-decoration: underline; } /* info */ /* end profile */ /* end detailed-info */ /* comments-area */ .comments-area { font: 15px/19px 'firasansot-regular', Helvetica, sans-serif; border-bottom: 4px solid #08a180; padding-bottom: 29px; } .red-theme .comments-area { border-color: #e43146; } .light-blue-theme .comments-area { border-color: #698fb3; } .orange-theme .comments-area { border-color: #ffa100; } .dark-blue-theme .comments-area { border-color: #0f529e; } .comments-area .title { color: #08a180; margin-bottom: 24px; display: block; } .red-theme .comments-area .title { color: #e43146; } .light-blue-theme .comments-area .title { color: #698fb3; } .orange-theme .comments-area .title { color: #ffa100; } .dark-blue-theme .comments-area .title { color: #0f529e; } .comments-area p { margin: 0 0 3px; } .comments-area p a { text-decoration: underline; font-family: 'firasansot-medium', Helvetica, sans-serif; } .comments-area p a:hover { text-decoration: none; } .comments-area .placeholder img { width: 100%; vertical-align: top; } /* end comments-area */ /* information */ .information { padding-bottom: 24px; font: 15px/20px 'firasansot-regular', sans-serif; margin-bottom: 5px; } #content .information { margin-bottom: 0; } .information h1 { font-size: 40px; line-height: 40px; margin-bottom: 8px; } .information p { margin: 0 0 18px; } .information p a { text-decoration: underline; } .information p a:hover { text-decoration: none; } /* filter */ .filter-list { overflow: hidden; border: 1px solid #333333; border-width: 1px 0 1px; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; } .filter-list strong { float: left; font-weight: normal; padding: 13px 9px 10px 10px; background-color: #0f529e; color: #fff; text-transform: uppercase; } .filter-list ul { margin: 0; padding: 0; list-style: none; } .filter-list li { display: inline-block; padding: 13px 7px 4px 10px; text-transform: uppercase; } .filter-list a { padding-bottom: 2px; } .filter-list a:hover, .filter-list li.active a { color: #0f529e; text-decoration: none; border-bottom: 2px solid #0f529e; } /* filter */ /* end information */ /* intro-block */ .intro-block { background-color: #fff; -webkit-box-shadow: 2px 0 1px rgba(136, 136, 136, .34); -moz-box-shadow: 2px 0 1px rgba(136, 136, 136, .34); box-shadow: 2px 0 1px rgba(136, 136, 136, .34); margin-bottom: 19px; } .intro-block a { overflow: hidden; display: block; } .intro-block a:hover { text-decoration: none; } .intro-block a:hover .mask { opacity: 1; } .intro-block .img-holder { position: relative; float: left; border-bottom: 4px solid #08a180; width: 48.5%; } .red-theme .intro-block .img-holder { border-color: #e43146; } .light-blue-theme .intro-block .img-holder { border-color: #698fb3; } .orange-theme .intro-block .img-holder { border-color: #ffa100; } .dark-blue-theme .intro-block .img-holder { border-color: #0f529e; } .intro-block .img-holder img { vertical-align: top; width: 100%; } .intro-block .img-holder .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; font: 24px/36px 'firasansot-regular', sans-serif; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: url(../images/bg-block-07.png) repeat; text-align: center; } .red-theme .intro-block .img-holder .mask { background: url(../images/bg-block-03.png) repeat; } .light-blue-theme .intro-block .img-holder .mask { background: url(../images/bg-block-04.png) repeat; } .orange-theme .intro-block .img-holder .mask { background: url(../images/bg-block-02.png) repeat; } .dark-blue-theme .intro-block .img-holder .mask { background: url(../images/bg-block-09.png) repeat; } .intro-block .img-holder .mask .frame { width: 100%; height: 100%; display: table; } .intro-block .img-holder .mask .frame span { display: table-cell; vertical-align: middle; } .intro-block .date { position: absolute; width: 35px; top: 0; left: 10px; background: url(../images/arrow-09.png) no-repeat 50% 100%; padding: 0 0 13px; color: #f9f9f9; font: 24px/26px 'firasansot-regular', Helvetica, sans-serif; text-transform: uppercase; text-align: center; z-index: 2; } .red-theme .intro-block .date { background: url(../images/arrow-04.png) no-repeat 50% 100%; } .light-blue-theme .intro-block .date { background: url(../images/arrow-05.png) no-repeat 50% 100%; } .orange-theme .intro-block .date { background: url(../images/arrow-02.png) no-repeat 50% 100%; } .dark-blue-theme .intro-block .date { background: url(../images/arrow-17.png) no-repeat 50% 100%; } .intro-block .date .frame { background-color: #08a180; padding: 2px 2px 0; display: block; } .red-theme .intro-block .date .frame { background-color: #e43146; } .light-blue-theme .intro-block .date .frame { background-color: #698fb3; } .orange-theme .intro-block .date .frame { background-color: #ffa100; } .dark-blue-theme .intro-block .date .frame { background-color: #0f529e; } .intro-block .date .month { display: block; font: 14px/16px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 -5px; color: #fafafa; opacity: .5; } .intro-block .date .year { display: block; font: 13px/13px 'firasansot-medium', Helvetica, sans-serif; color: #fafafa; margin: -4px 0 0; opacity: .5; } .intro-block .box { padding: 12px 22px 18px 14px; background: url(../images/sep-06.jpg) no-repeat 15px 100%; margin-bottom: 17px; position: relative; overflow: hidden; display: block; } .red-theme .intro-block .box { background: url(../images/sep-02.gif) no-repeat 15px 100%; } .light-blue-theme .intro-block .box { background: url(../images/sep-03.gif) no-repeat 15px 100%; } .orange-theme .intro-block .box { background: url(../images/sep-01.gif) no-repeat 15px 100%; } .dark-blue-theme .intro-block .box { background: url(../images/sep-07.jpg) no-repeat 15px 100%; } .red-theme .intro-block .by span { color: #e43146; } .light-blue-theme .intro-block .by span { color: #698fb3; } .orange-theme .intro-block .by span { color: #ffa100; } .dark-blue-theme .intro-block .by span { color: #0f529e; } .intro-block .box h2 { font: 14px/17px 'firasansot-mediumitalic', Helvetica, sans-serif; color: #333; margin-bottom: 4px; } .intro-block .by { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 10px; padding-top: 2px; } .intro-block .by span { color: #08a180; } .intro-block .info { margin: 0 0 12px; padding: 0 6% 0 0; list-style: none; overflow: hidden; float: right; font: 13px/16px 'firasansot-regular', sans-serif; background: url(../images/arrow-12.png) no-repeat 95% 50%; width: 43.2%; } .intro-block .info li { float: left; overflow: hidden; padding-left: 19px; margin-right: 13px; } .intro-block .info li strong { display: block; padding-top: 2px; font-weight: normal; } .red-theme .intro-block .info { background: url(../images/arrow-13.png) no-repeat 95% 100%; } .light-blue-theme .intro-block .info { background: url(../images/arrow-14.png) no-repeat 95% 100%; } .orange-theme .intro-block .info { background: url(../images/arrow-15.png) no-repeat 95% 100%; } .dark-blue-theme .intro-block .info { background: url(../images/arrow-18.png) no-repeat 95% 100%; } .intro-block .info .watch { background: url(../images/ico-08.png) no-repeat; float: left; margin-left: -19px; width: 14px; height: 16px; } .red-theme .intro-block .info .watch { background-position: 0 -20px; } .light-blue-theme .intro-block .info .watch { background-position: 0 -40px; } .orange-theme .intro-block .info .watch { background-position: 0 -60px; } .dark-blue-theme .intro-block .info .watch { background-position: 0 -80px; } .intro-block .info .read { background: url(../images/ico-11.png) no-repeat; float: left; margin-left: -19px; width: 14px; height: 16px; } .red-theme .intro-block .info .read { background-position: 0 -20px; } .light-blue-theme .intro-block .info .read { background-position: 0 -40px; } .orange-theme .intro-block .info .read { background-position: 0 -60px; } .dark-blue-theme .intro-block .info .read { background-position: 0 -80px; } .intro-block .info .comments { background: url(../images/ico-09.png) no-repeat; float: left; margin-left: -19px; width: 16px; height: 16px; } .red-theme .intro-block .info .comments { background-position: 0 -20px; } .light-blue-theme .intro-block .info .comments { background-position: 0 -40px; } .orange-theme .intro-block .info .comments { background-position: 0 -60px; } .dark-blue-theme .intro-block .info .comments { background-position: 0 -80px; } /* end intro-block */ /* btn-more */ .btn-more { position: relative; border-top: 1px solid #333; padding-top: 33px; text-align: center; text-transform: uppercase; margin-bottom: 47px; } #content .btn-more { margin: 54px 0 0; } .btn-more:hover { text-decoration: none; } .btn-more a:after { content: ''; position: absolute; top: -57px; left: 50%; width: 46px; height: 46px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; margin-left: -25px; background: url("../images/btn-more.png") no-repeat; } .btn-more a { position: relative; } .btn-more a:hover { text-decoration: none; } .btn-more a:hover:after { background-position: 0 -51px; } /* end btn-more */ /* corp-service */ .corp-service { max-width: 776px; padding: 0 10px; margin: 0 auto 47px; text-align: center; } .corp-service p { margin: 0 0 9px; } .corp-service h1 { font-size: 40px; line-height: 40px; margin-bottom: 7px; } .corp-service strong { font-weight: normal; font: 15px/20px 'firasansot-regular', Helvetica, sans-serif; display: block; margin-bottom: 23px; } .corp-service a { text-decoration: underline; } .corp-service a:hover { text-decoration: none; } .corp-service .frame { overflow: hidden; text-align: left; } .corp-service .box { overflow: hidden; padding: 12px 0 26px; } .corp-service .img-holder { float: right; padding: 5px; background-color: #fff; -webkit-box-shadow: 0 0 2px rgba(136, 136, 136, .34); -moz-box-shadow: 0 0 2px rgba(136, 136, 136, .34); box-shadow: 0 0 2px rgba(136, 136, 136, .34); margin: 2px 37px 0 67px; } .corp-service .img-holder a { position: relative; display: block; } .corp-service .img-holder .video { text-indent: -9999px; content: ''; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -22px; width: 52px; height: 35px; background: rgba(51, 51, 51, .9); } .corp-service .img-holder .video:before { content: ''; position: absolute; top: 50%; left: 50%; width: 13px; height: 15px; background: url(../images/ico-15.png) no-repeat; margin: -7px 0 0 -5px; z-index: 5; } .corp-service .img-holder img { vertical-align: top; } /* end corp-service */ .boxes-container { max-width: 1000px; margin: 0 auto; padding: 0px 10px 51px; position: relative; } .services-container { max-width: 1000px; margin: 0 auto; padding: 26px 10px 31px; position: relative; } .services-container.no-pad { padding-top: 0px; } /* our-services */ .our-services { background: url(../images/bg-01.jpg) repeat; text-align: center; color: #fff; } .btn-corp { position: absolute; top: -21px; left: 50%; margin-left: -23px; width: 46px; height: 26px; background: url(../images/bg-btn-02.png) no-repeat; text-indent: -9999px; } .our-services h1 { font-size: 40px; line-height: 48px; margin-bottom: 2px; } .our-services h1 a { color: #fff; text-decoration: none; } .our-services h1 a:hover { color: #fff; text-decoration: none; } .our-services strong { font-weight: normal; font: 15px/20px 'firasansot-regular', Helvetica, sans-serif; display: block; margin-bottom: 29px; } .our-services h3 { font: 15px/20px 'firasansot-medium', Helvetica, sans-serif; margin-bottom: 9px; } .our-services ul img { vertical-align: top; width: 100%; -webkit-box-shadow: 0 0 0 2px rgba(136, 136, 136, .34); -moz-box-shadow: 0 0 0 2px rgba(136, 136, 136, .34); box-shadow: 0 0 0 2px rgba(136, 136, 136, .34); margin-bottom: 14px; } .our-services ul p { margin: 0 0 15px; background: url(../images/sep-07.jpg) no-repeat 0 100%; padding-bottom: 25px; } .our-services ul { margin: 0 0 0 -20px; padding: 0; list-style: none; text-align: left; } .our-services ul:after { clear: both; content: ''; display: block; } .our-services ul li { float: left; width: 31.23%; margin-left: 2.1%; font-size: 13px; line-height: 15px; } .our-services ul a { font: bold 13px/13px 'firasansot-medium', Arial, Helvetica, sans-serif; background: url(../images/arrow-18.png) no-repeat 100% 50%; padding-right: 19px; color: #fff; } /* end our-services */ /* main-info */ .main-info .btn-corp, .contact .btn-corp { background-position: 0 -35px; top: -2px; } .main-info h1 { font-size: 40px; line-height: 46px; margin: 23px 0 3px; text-align: center; } .main-info .ttl { font-weight: normal; font: 15px/20px 'firasansot-regular', Helvetica, sans-serif; display: block; margin-bottom: 16px; text-align: center; } /* end main-info */ /* corp-team */ .main-info .corp-team h3, .main-info .partners h3 { font: 15px/20px 'firasansot-medium', Helvetica, sans-serif; color: #0d529e; text-align: center; margin-bottom: 26px; } .main-info .corp-team .list { margin: 0 auto 39px; padding: 0; list-style: none; width: 82.6%; } .main-info .corp-team .list li { overflow: hidden; margin-bottom: 23px; } .main-info .corp-team .list .img-holder { vertical-align: top; float: left; border: 7px solid #0f529e; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; width: 125px; margin-right: 20px; } .main-info .corp-team .list img { vertical-align: top; } .main-info .corp-team .list .frame { overflow: hidden; padding-top: 8px; } .main-info .corp-team .list h4 { font: bold 13px/18px 'firasansot-medium', Arial, Helvetica, sans-serif; margin-bottom: 14px; background: url("../images/sep-07.jpg") no-repeat 0 100%; padding-bottom: 13px; } .main-info .corp-team p { margin: 0 0 5px; } .main-info .partners { padding-top: 20px; } .main-info .partners .list { margin: 0 0 -10px; padding: 0; list-style: none; text-align: center; display: table; } .main-info .partners .list li { display: inline-block; margin: 0 40px 23px; } .main-info .partners .list a { display: table; } .main-info .partners .list img { vertical-align: middle; } /* end corp-team */ /* contact */ .contact { background: url(../images/bg-01.jpg) repeat; color: #fff; text-align: center; padding: 26px 0 81px; margin-bottom: -83px; } .contact#contact-nobkg { background-image: none; color: #333; position: relative; padding-top: 40px; } .contact h1 { font-size: 40px; line-height: 48px; margin-bottom: 2px; } .contact h1 a { text-decoration: none; color: #fff; cursor: default; } .contact#contact-nobkg h1 a { color: #333; } .contact strong { font-weight: normal; display: block; font: 15px/20px 'firasansot-regular', Helvetica, sans-serif; margin-bottom: 25px; } /* end contact */ /* contact-form */ .contact-form { width: 100%; margin: 0 auto; } .contact-form .text, .contact-form input[type='text'] { color: #888888; font: 13px/14px 'firasansot-medium', Helvetica, sans-serif; width: 100%; height: 14px; border: none; padding: 11px 0 10px; margin: 0; background-color: #fff; } .contact-form .frame { overflow: hidden; /*margin-bottom: 18px; */ } .contact-form .left { float: left; background-color: #fff; padding: 0 11px; margin-right: 20px; width: 218px; } .contact-form .right { width: 218px; float: right; background-color: #fff; padding: 0 11px; } .contact-form .row { padding: 0 11px; background-color: #fff; margin-bottom: 20px; } .contact-form .textarea, .contact-form textarea { background-color: #fff; color: #888888; font: 13px/14px 'firasansot-medium', Helvetica, sans-serif; min-width: 100%; height: 60px; border: 0; padding: 11px 0 9px; resize: none; margin: 0; } /*.contact-form .submit, */ .contact-form input.cms_submit { font: 13px/14px 'firasansot-medium', Helvetica, sans-serif; color: #fff; cursor: pointer; border: none; text-align: center; margin-top: 9px; padding: 1px 32px 0 0; width: 140px; height: 35px; background: #0f529e url(../images/arrow-16.png) no-repeat 93px 8px; text-transform: uppercase; position: relative; } /*.contact-form .submit:hover*/ .contact-form input.cms_submit:hover { background-color: #336cac; } /* contact-form */ /* main-profile */ .main-profile { margin: -20px 0 20px; background-color: #f7f7f7; -webkit-box-shadow: 0 1px 2px rgba(136, 136, 136, .34); -moz-box-shadow: 0 1px 2px rgba(136, 136, 136, .34); box-shadow: 0 1px 2px rgba(136, 136, 136, .34); padding-bottom: 7px; } .main-profile .img-holder { overflow: hidden; max-height: 350px; position: relative; margin-bottom: -107px; } .main-profile .img-holder:after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 20%; background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(32, 32, 32, 0.06) 8%, rgba(29, 29, 29, 0.16) 17%, rgba(28, 28, 28, 0.19) 20%, rgba(9, 9, 9, 0.76) 62%, rgba(3, 3, 3, 0.89) 74%, rgba(2, 2, 2, 0.94) 79%, rgba(0, 0, 0, 0.99) 85%, rgba(0, 0, 0, 1) 86%, rgba(0, 0, 0, 1) 100%); } .main-profile .img-holder img { vertical-align: top; width: 100%; } .main-profile .img-holder .video { position: absolute; top: 50%; left: 50%; margin: -39px 0 0 -33px; text-indent: -9999px; width: 80px; height: 56px; background-color: #08a180; opacity: 0.9; } .red-theme .main-profile .img-holder .video { background-color: #e43146; } .light-blue-theme .main-profile .img-holder .video { background-color: #698fb3; } .orange-theme .main-profile .img-holder .video { background-color: #ffa100; } .dark-blue-theme .main-profile .img-holder .video { background-color: #0f529e; } .main-profile .img-holder .video:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -8px; border: 11px solid transparent; border-left: 18px solid #fff; opacity: 0.9; } .main-profile .img-holder a:hover .video:before { content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 56px; margin: -28px 0 0 -40px; background-color: #fff; opacity: 0.15; } .main-profile .info { max-width: 910px; margin: 0 auto; padding: 0 12px; overflow: hidden; } .main-profile .info .img-profile { float: left; width: 140px; height: 140px; background-color: #fff; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; position: relative; margin-right: 16px; } .main-profile .info .img-profile img { vertical-align: top; padding: 7px 0 0 7px; } .main-profile .info .frame { overflow: hidden; padding-top: 41px; } .main-profile .info .frame strong { position: relative; display: block; font-size: 18px; line-height: 24px; font-weight: normal; padding-left: 2px; } .main-profile .info .name { color: #fff; font-family: 'firasansot-medium', Helvetica, sans-serif; margin-bottom: 1px; } .main-profile .info .post { font-family: 'firasansot-regular', sans-serif; text-transform: uppercase; color: #08a180; margin-bottom: 30px; } .red-theme .main-profile .info .post { color: #e43146; } .light-blue-theme .main-profile .info .post { color: #698fb3; } .orange-theme .main-profile .info .post { color: #ffa100; } .dark-blue-theme .main-profile .info .post { color: #0f529e; } .main-profile .info .social { margin: 0; padding: 0; list-style: none; overflow: hidden; position: relative; } .main-profile .info .social li { float: left; margin-left: 17px; font: 13px/16px 'firasansot-regular', sans-serif; } .main-profile .info .social li:first-child { margin-left: 0; } .main-profile .info .social a { padding-left: 21px; display: block; } .main-profile .info .social span { width: 15px; height: 15px; float: left; } .main-profile .info .social .web { background: url(../images/ico-12.png) no-repeat; } .red-theme .main-profile .info .social .web { background-position: 0 -20px; } .light-blue-theme .main-profile .info .social .web { background-position: 0 -40px; } .orange-theme .main-profile .info .social .web { background-position: 0 -60px; } .dark-blue-theme .main-profile .info .social .web { background-position: 0 -80px; } .main-profile .info .social .twitter { background: url(../images/ico-13.png) no-repeat; } .main-profile .info .social .twitter { background-position: 0 1px; } .red-theme .main-profile .info .social .twitter { background-position: 0 -15px; } .light-blue-theme .main-profile .info .social .twitter { background-position: 0 -32px; } .orange-theme .main-profile .info .social .twitter { background-position: 0 -49px; } .dark-blue-theme .main-profile .info .social .twitter { background-position: 0 -67px; } .main-profile .info .social .linkedin { background: url(../images/ico-14.png) no-repeat; } .red-theme .main-profile .info .social .linkedin { background-position: 0 -21px; } .light-blue-theme .main-profile .info .social .linkedin { background-position: 0 -41px; } .orange-theme .main-profile .info .social .linkedin { background-position: 0 -61px; } .dark-blue-theme .main-profile .info .social .linkedin { background-position: 0 -81px; } /* end main-profile */ /* profile-info */ .profile-info { padding-bottom: 55px; margin-bottom: 19px; border-bottom: 1px solid #333; } .profile-info .block { margin-bottom: 10px; padding-top: 4px; overflow: hidden; } .profile-info .block .read { display: block; padding: 2px 13px 0 19px; margin-bottom: 12px; position: relative; } .profile-info .block .read:after { content: ''; width: 14px; height: 16px; background: url(../images/ico-11.png) no-repeat; position: absolute; top: 0; left: 0; } .profile-info .block .read.watch:after { background: url(../images/ico-08.png) no-repeat; } .red-theme .profile-info .block .read:after { background-position: 0 -20px; } .light-blue-theme .profile-info .block .read:after { background-position: 0 -40px; } .orange-theme .profile-info .block .read:after { background-position: 0 -60px; } .dark-blue-theme .profile-info .block .read:after { background-position: 0 -80px; } .profile-info .block h2 { font: 18px/24px 'firasansot-mediumitalic', Helvetica, sans-serif; background: url(../images/sep-06.jpg) no-repeat 0 100%; padding-bottom: 20px; margin-bottom: 16px; } .red-theme .profile-info .block h2 { background: url(../images/sep-01.gif) no-repeat 0 100%; } .light-blue-theme .profile-info .block h2 { background: url(../images/sep-03.gif) no-repeat 0 100%; } .orange-theme .profile-info .block h2 { background: url(../images/sep-01.gif) no-repeat 0 100%; } .dark-blue-theme .profile-info .block h2 { background: url(../images/sep-07.jpg) no-repeat 0 100%; } .profile-info p { margin: 0 0 5px; } .profile-info a, .detailed-info a { text-decoration: underline; } .profile-info a:hover, .detailed-info a:hover { text-decoration: none; } .profile-info h4, .detailed-info h4 { font: bold 13px/16px 'firasansot-medium', Arial, Helvetica, sans-serif; padding: 10px 0; margin: 0 0 1px; } .profile-info .list, .detailed-info .list { margin: 0 0 14px; padding: 0; list-style: none; } .profile-info .list li, .detailed-info list li { padding-left: 58px; font-size: 13px; line-height: 18px; background: url(../images/sep-detailed-info-04.jpg) no-repeat 30px 7px; } .profile-info blockquote, .detailed-info blockquote { width: 100%; margin: 0 auto; padding: 30px 0 37px; } .profile-info blockquote q, .detailed-info blockquote q { display: block; font: 21px/24px 'firasansot-medium', Helvetica, sans-serif; text-transform: uppercase; background: url(../images/sep-06.jpg) no-repeat 0 100%; padding-bottom: 9px; margin-bottom: 9px; } .red-theme .profile-info blockquote q, .red-theme .detailed-info blockquote q { background: url(../images/sep-02.gif) no-repeat 0 100%; } .light-blue-theme .profile-info blockquote q, .light-blue-theme .detailed-info blockquote q { background: url(../images/sep-03.gif) no-repeat 0 100%; } .orange-theme .profile-info blockquote q, .orange-theme .detailed-info blockquote q { background: url(../images/sep-01.gif) no-repeat 0 100%; } .dark-blue-theme .profile-info blockquote q, .dark-blue-theme .detailed-info blockquote q { background: url(../images/sep-07.jpg) no-repeat 0 100%; } .profile-info blockquote cite, .detailed-info blockquote cite { font-style: normal; } .profile-info table, .detailed-info table { width: 100%; border-collapse: collapse; margin: 24px 0 30px; border-bottom: 2px solid #08a180; } .red-theme .profile-info table, .red-theme .detailed-info table { border-color: #e43146; } .light-blue-theme .profile-info table, .light-blue-theme .detailed-info table { border-color: #698fb3; } .orange-theme .profile-info table, .orange-theme .detailed-info table { border-color: #ffa100; } .dark-blue-theme .profile-info table, .dark-blue-theme .detailed-info table { border-color: #0f529e; } .profile-info table tr.even, .detailed-info table tr.even, .profile-info table tr:nth-child(odd), .detailed-info table tr:nth-child(odd) { background-color: #fff; } .profile-info table.no-top-margin, .detailed-info table.no-top-margin { margin-top: 0px; } .profile-info table th, .detailed-info table th, .profile-info table thead tr, .detailed-info table thead tr, .profile-info table thead tr:nth-child(odd), .detailed-info table thead tr:nth-child(odd) { text-transform: uppercase; background-color: #08a180; text-align: left; font-weight: normal; color: #fff; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; padding: 15px 0 10px 15px; } .red-theme .profile-info table th, .red-theme .detailed-info table th, .red-theme .profile-info table thead tr, .red-theme .detailed-info table thead tr, .red-theme .profile-info table thead tr:nth-child(odd), .red-theme .detailed-info table thead tr:nth-child(odd) { background-color: #e43146; } .light-blue-theme .profile-info table th, .light-blue-theme .detailed-info table th, .light-blue-theme .profile-info table thead tr, .light-blue-theme .detailed-info table thead tr, .light-blue-theme .profile-info table thead tr:nth-child(odd), .light-blue-theme .detailed-info table thead tr:nth-child(odd) { background-color: #698fb3; } .orange-theme .profile-info table th, .orange-theme .detailed-info table th, .orange-theme .profile-info table thead tr, .orange-theme .detailed-info table thead tr, .orange-theme .profile-info table thead tr:nth-child(odd), .orange-theme .detailed-info table thead tr:nth-child(odd) { background-color: #ffa100; } .dark-blue-theme .profile-info table th, .dark-blue-theme .detailed-info table th, .dark-blue-theme .profile-info table thead tr, .dark-blue-theme .detailed-info table thead tr, .dark-blue-theme .profile-info table thead tr:nth-child(odd), .dark-blue-theme .detailed-info table thead tr:nth-child(odd) { background-color: #0f529e; } .profile-info table td, .detailed-info table td { border: 1px solid #d1d1d1; border-width: 1px 0 1px 1px; padding: 6px 2.5% 8px; vertical-align: top; } .profile-info table td:first-child, .detailed-info table td:first-child { border-left: none; } .profile-info table .cell-01, .detailed-info table .cell-01 { width: 27.6%; } .profile-info table .cell-02, .detailed-info table .cell-02 { width: 63.4%; padding-left: 3.8%; } .profile-info table .cell-03, .detailed-info table .cell-03 { width: 9.4%; } .profile-info .info-box, .detailed-info .info-box { background-color: #fff; padding: 0 16px 9px; margin: 24px 0 30px; } .profile-info .info-box strong, .detailed-info .info-box strong { background-color: #08a180; color: #fff; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; text-transform: uppercase; display: block; margin: 0 -16px 11px; padding: 14px 15px 9px; } .red-theme .profile-info .info-box strong, .red-theme .detailed-info .info-box strong { background-color: #e43146; } .light-blue-theme .profile-info .info-box strong, .light-blue-theme .detailed-info .info-box strong { background-color: #698fb3; } .orange-theme .profile-info .info-box strong, .orange-theme .detailed-info .info-box strong { background-color: #ffa100; } .dark-blue-theme .profile-info .info-box strong, .dark-blue-theme .detailed-info .info-box strong { background-color: #0f529e; } .profile-info h5, .detailed-info h5 { font: italic 13px/16px 'firasansot-regular', Arial, Helvetica, sans-serif; margin: 14px 0 11px; } .profile-info ol, .detailed-info ol { counter-reset: section; margin: 0 0 14px; padding: 0; list-style: none; } .profile-info ol li, .detailed-info ol li { font-size: 13px; line-height: 18px; padding-left: 52px; } .profile-info ol li:before, .detailed-info ol li:before { content: counter(section)'.'; counter-increment: section; font-weight: bold; padding-right: 13px; margin-left: -23px; } .profile-info h6, .detailed-info h6 { font: italic bold 13px/16px 'firasansot-medium', Arial, Helvetica, sans-serif; margin: 15px 0 17px; } .profile-info .download, .detailed-info .download, .corp-service .download { display: block; padding: 2px 13px 0 19px; margin-bottom: 12px; position: relative; color: #08a180; } .red-theme .profile-info .download, .red-theme .detailed-info .download { color: #e43146; } .light-blue-theme .profile-info .download, .light-blue-theme .detailed-info .download, .corp-service .download { color: #698fb3; } .orange-theme .profile-info .download, .orange-theme .detailed-info .download { color: #ffa100; } .dark-blue-theme .profile-info .download, .dark-blue-theme .detailed-info .download { color: #0f529e; } .profile-info .download:after, .detailed-info .download:after, .corp-service .download:after { content: ''; width: 16px; height: 16px; background: url(../images/ico-16.png) no-repeat; position: absolute; top: 0; left: 0; } .red-theme .profile-info .download:after, .red-theme .detailed-info .download:after { background-position: 0 -20px; } .light-blue-theme .profile-info .download:after, .light-blue-theme .detailed-info .download:after, .corp-service .download:after { background-position: 0 -40px; } .orange-theme .profile-info .download:after, .orange-theme .detailed-info .download:after { background-position: 0 -60px; } .dark-blue-theme .profile-info .download:after, .dark-blue-theme .detailed-info .download:after { background-position: 0 -80px; } .profile-info .img-holder, .detailed-info .img-holder { position: relative; margin: 25px 0 30px; } .profile-info .img-holder img, .detailed-info .img-holder img { width: 100%; vertical-align: top; } .profile-info .img-holder .ttl, .detailed-info .img-holder .ttl { position: absolute; bottom: 0; left: 0; padding: 5px 24px 5px 11px; background-color: #08a180; color: #fff; font-weight: normal; font: 13px/16px 'firasansot-regular', sans-serif; } .red-theme .profile-info .img-holder .ttl, .red-theme .detailed-info .img-holder .ttl { background-color: #e43146; } .light-blue-theme .profile-info .img-holder .ttl, .light-blue-theme .detailed-info .img-holder .ttl { background-color: #698fb3; } .orange-theme .profile-info .img-holder .ttl, .orange-theme .detailed-info .img-holder .ttl { background-color: #ffa100; } .dark-blue-theme .profile-info .img-holder .ttl, .dark-blue-theme .detailed-info .img-holder .ttl { background-color: #0f529e; } .profile-info .img-holder .ttl span, .detailed-info .img-holder .ttl span { font-family: 'firasansot-medium', Helvetica, sans-serif; } .profile-info .frame, .detailed-info .frame { overflow: hidden; margin-bottom: 23px; } .profile-info .date .frame, .detailed-info .date .frame { margin-bottom: 0px; } .profile-info .frame img, .detailed-info .frame img { vertical-align: top; } .profile-info .frame .img-01, .detailed-info .frame .img-01 { margin: 3px 0 4px 30px; float: right; width: auto; } .profile-info .frame .img-02, .detailed-info .frame .img-02 { float: left; margin: 4px 22px 1px 0; width: auto; } .profile-info .credits, .detailed-info .credits { background-color: #08a180; padding: 0 16px; font-size: 13px; line-height: 18px; padding-bottom: 10px; margin-bottom: 29px; } .red-theme .profile-info .credits, .red-theme .detailed-info .credits { background-color: #e43146; } .light-blue-theme .profile-info .credits, .light-blue-theme .detailed-info .credits { background-color: #698fb3; } .orange-theme .profile-info .credits, .orange-theme .detailed-info .credits { background-color: #ffa100; } .dark-blue-theme .profile-info .credits, .dark-blue-theme .detailed-info .credits { background-color: #0f529e; } .profile-info .credits .title, .detailed-info .credits .title { font-weight: normal; color: #fff; display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: 0 -16px 11px; padding: 15px 16px 9px; border-bottom: 1px solid #f7c46f; } #content .profile-info .social { margin: 0; padding: 0; list-style: none; overflow: hidden; } /* end profile-info*/ /* listing */ .listing { position: relative; text-align: center; margin: 0 auto 31px; } .listing .info-block { opacity: 1; margin: 0 auto 20px; float: none; } .listing-holder { margin-right: -20px; } /* isotop */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* end isotop */ /* end listing */ /* aside */ aside { float: right; width: 34.91%; } /* latest-vision */ .latest-vision { border-bottom: 2px solid #08a180; margin-bottom: 16px; } .red-theme .latest-vision { border-color: #e43146; } .light-blue-theme .latest-vision { border-color: #698fb3; } .orange-theme .latest-vision { border-color: #ffa100; } .dark-blue-theme .latest-vision { border-color: #0f529e; } .latest-vision .title { background-color: #08a180; font-weight: normal; color: #fff; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; text-transform: uppercase; overflow: hidden; padding: 13px 15px 11px; display: block; } .red-theme .latest-vision .title { background-color: #e43146; } .light-blue-theme .latest-vision .title { background-color: #698fb3; } .orange-theme .latest-vision .title { background-color: #ffa100; } .dark-blue-theme .latest-vision .title { background-color: #0f529e; } .latest-vision .title span { float: left; } .latest-vision .title a { float: right; color: #fff; font-size: 13px; line-height: 17px; padding: 1px 15px 0 0; background: url(../images/arrow-11.png) no-repeat 100% 50%; text-decoration: underline; } .latest-vision .title a:hover { text-decoration: none; } .latest-vision .vision { border-top: 1px solid #e1e1e1; background: #fff; } .latest-vision .vision:first-child { border-top: none; } .latest-vision .vision .vision-area { display: block; padding: 7px 15px 9px; overflow: hidden; } .latest-vision .vision .vision-area:hover { background: rgba(51, 51, 51, .05); text-decoration: none; } .latest-vision .vision .box { display: block; background: url(../images/sep-06.jpg) no-repeat 0 100%; padding: 0 15px 11px 0; margin-bottom: 10px; } .red-theme .latest-vision .vision .box { background: url(../images/sep-02.gif) no-repeat 0 100%; } .light-blue-theme .latest-vision .vision .box { background: url(../images/sep-03.gif) no-repeat 0 100%; } .orange-theme .latest-vision .vision .box { background: url(../images/sep-01.gif) no-repeat 0 100%; } .dark-blue-theme .latest-vision .vision .box { background: url(../images/sep-07.jpg) no-repeat 0 100%; } .latest-vision .vision .ttl { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; margin: 0 0 6px; } .latest-vision .vision .ttl span { color: #08a180; } .red-theme .latest-vision .vision .ttl span, .red-theme .latest-vision .vision .by span { color: #e43146; } .light-blue-theme .latest-vision .vision .ttl span, .light-blue-theme .latest-vision .vision .by span { color: #698fb3; } .orange-theme .latest-vision .vision .ttl span, .orange-theme .latest-vision .vision .by span { color: #ffa100; } .dark-blue-theme .latest-vision .vision .ttl span, .dark-blue-theme .latest-vision .vision .by span { color: #0f529e; } .latest-vision .vision .topic { font: 14px/17px 'firasansot-mediumitalic', Helvetica, sans-serif; color: #333; margin: 0 0 5px; display: block; } .latest-vision .vision .by { display: block; font: 13px/17px 'firasansot-medium', Helvetica, sans-serif; } .latest-vision .vision .by span { color: #08a180; } .latest-vision .vision .info { margin: 0; padding: 0 15px 2px 0; list-style: none; overflow: hidden; background: url(../images/arrow-12.png) no-repeat 100% 50%; } .latest-vision .vision .info li { font: 13px/16px 'firasansot-regular', sans-serif; float: left; overflow: hidden; margin: 0 15px -3px 0; padding-top: 3px; padding-left: 18px; } .latest-vision .vision .info li strong { display: block; font-weight: normal; } .red-theme .latest-vision .vision .info { background: url(../images/arrow-13.png) no-repeat 100% 100%; } .light-blue-theme .latest-vision .vision .info { background: url(../images/arrow-14.png) no-repeat 100% 100%; } .orange-theme .latest-vision .vision .info { background: url(../images/arrow-15.png) no-repeat 100% 100%; } .dark-blue-theme .latest-vision .vision .info { background: url(../images/arrow-18.png) no-repeat 100% 100%; } .latest-vision .vision .info .watch { background: url(../images/ico-08.png) no-repeat; margin: -3px 0 0 -18px; width: 14px; height: 16px; float: left; } .red-theme .latest-vision .vision .info .watch { background-position: 0 -20px; } .light-blue-theme .latest-vision .vision .info .watch { background-position: 0 -40px; } .orange-theme .latest-vision .vision .info .watch { background-position: 0 -60px; } .dark-blue-theme .latest-vision .vision .info .watch { background-position: 0 -80px; } .latest-vision .vision .info .read { background: url(../images/ico-11.png) no-repeat; margin: -2px 0 0 -18px; width: 14px; height: 16px; float: left; } .red-theme .latest-vision .vision .info .read { background-position: 0 -20px; } .light-blue-theme .latest-vision .vision .info .read { background-position: 0 -40px; } .orange-theme .latest-vision .vision .info .read { background-position: 0 -60px; } .dark-blue-theme .latest-vision .vision .info .read { background-position: 0 -80px; } .latest-vision .vision .info .comments { background: url(../images/ico-09.png) no-repeat; margin: -2px 0 0 -18px; width: 16px; height: 16px; float: left; } .red-theme .latest-vision .vision .info .comments { background-position: 0 -20px; } .light-blue-theme .latest-vision .vision .info .comments { background-position: 0 -40px; } .orange-theme .latest-vision .vision .info .comments { background-position: 0 -60px; } .dark-blue-theme .latest-vision .vision .info .comments { background-position: 0 -80px; } /* end latest-vision */ /* info-boxes */ .info-boxes { overflow: hidden; padding-bottom: 5px; } .info-boxes .box { float: left; margin: 0 0 0 2.15%; width: 31.9%; background-color:rgb(60,60,60) ; position: relative; } .info-boxes .box:first-child { margin-left: 0; } aside .info-boxes { margin-bottom: 21px; } aside .info-boxes .box { width: auto; margin: 25px 0 0; float: none; } aside .info-boxes .box { margin-top: 25px; } .info-boxes .box:first-child { margin-top: 0; } .info-boxes .box a { height: 210px; color: #fff; padding: 12px 16px; display: block; position: relative; overflow: hidden; } .info-boxes .box:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 150px; height: 5px; background: url(../images/bg-box.png) no-repeat; } .info-boxes .box a:hover { text-decoration: none; background: rgba(255, 255, 255, .15); } 
 
 .info-boxes .box .info { display: block; overflow: hidden;  margin-bottom: 7px; }

 
 .info-boxes .box .title { font: 14px/14px 'firasansot-medium', Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 12px; margin-bottom: 14px; display: block; background: url(../images/sep-03.gif) no-repeat 0 100%; word-spacing: 1px; } .info-boxes .box span { word-spacing: 1px; } .info-boxes .box .tie-in { font: 13px/16px 'firasansot-medium', Helvetica, sans-serif; background: url(../images/arrow-16.png) no-repeat 100% 50%; padding-right: 18px; margin-right: -2px; float: right; } /* end info-boxes */ /* twitter-placeholder */ .twitter-placeholder img { width: 100%; } /* end twitter-placeholder */ /* end aside */ /* footer */ footer { background: url(../images/bg-block-05.gif) repeat 50% 0; z-index: 4; position: relative; text-transform: uppercase; color: #fff; font-size: 12px; letter-spacing: 0.08em; } footer a { color: #fff; } .btn-scroll.color-4 { height: 26px; background-position: 0 -103px; top: -23px; } footer .container { max-width: 938px; margin: 0 auto; padding: 18px 10px 18px 12px; } footer .container:after { content: ''; display: block; clear: both; } footer .socials { margin: 7px 0 0 10px; } footer .socials a { background: url(../images/bg-socials.png) no-repeat 0 -42px; } footer .socials .facebook { background-position: -31px -42px; } footer .socials .youtube { background-position: -62px -42px; } footer .socials .linkedin { background-position: -92px -42px; } footer p { margin: 0 0 2px; } footer .nav { margin: 0; padding: 0; list-style: none; overflow: hidden; } footer .nav li { float: left; background: url(../images/sep-05.gif) no-repeat 0 2px; padding: 0 6px 0 7px; } footer .nav li:first-child { padding-left: 0; background: none; } .slicknav_menu { display: none; } /* end footer */ @media only screen and (max-width: 991px) { .gallery .container { width: auto; left: 10px; margin: 0; } .gallery .flex-control-nav { margin: 0; width: auto; left: 20px; } .latest-vision .vision .info span { float: none; display: block; } .our-services ul { margin-left: -15px; } footer { letter-spacing: 0; } footer .nav { width: 100%; text-align: center; padding: 15px 0 0; } footer .nav li { float: none; display: inline-block; padding-right: 4px; } footer .socials { margin: -5px 0 0; } } @media only screen and (max-width: 767px) { #wrapper { padding: 0; } 
 header { position: static; } .animated { -webkit-animation-name: none; animation-name: none;} header .container { padding-bottom: 10px; } header .frame { display: none; } header nav ul { display: none; } .slicknav_menu { display: block; } header .block { float: none; margin: 0 0 10px; } header nav { float: none; padding: 0; position: relative; } header nav .slicknav_menutxt { width: 30px; height: 17px; text-indent: -9999px; overflow: hidden; background: url(../images/bg-btn-02.gif) no-repeat; position: absolute; top: -27px; right: 0; } header nav ul { float: none; margin: 0; border-top: 1px solid #888; } header nav ul li { float: none; height: auto; padding: 0; border-bottom: 1px solid #888; border-left: 0; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } header nav ul a { float: none; display: block; min-height: 1px; padding: 5px 10px; margin: 0; } header nav ul .active { border-left: 0; } header nav ul span { display: none; } header nav ul .active a, header nav ul a:hover { background: #0f529e; color: #fff; } .gallery .flex-control-nav { display: none; } .gallery .slides .img { min-width: 1px; height: 188px; width: auto; } .gallery .slides .img img { height: 100%; width: auto; } .gallery .container { position: relative; border: 0; margin: 0; left: auto; float: left; width: 100%; padding-bottom: 0; } .gallery .caption { background: none; width: auto; padding: 0; } .gallery .caption p { display: none; } .gallery .caption a { background: #0f529e; padding: 9px 12px 35px; } .gallery .caption .ttl { font-size: 18px; line-height: 22px; margin: 0; } h2 { font-size: 22px; line-height: 26px; } .events p, .team p, .carousel .flex-direction-nav, .info-area p { display: none; } .info-area .container { padding-top: 18px; padding-bottom: 30px; } .info-block .block { padding-bottom: 5px; } .carousel { margin: 0; } .carousel .slides { margin: 0 !important; width: auto !important; } .carousel .slides > li { float: none !important; width: auto !important; padding: 10px 0; } .info-block { margin: 0 auto; float: none; } .team .container { padding-top: 20px; padding-bottom: 5px; } .team h2 { margin-bottom: 16px; } .team .list { margin-left: -14px; } .hidden-mobile { display: none !important; } #main { padding-bottom: 54px; } .events { padding-bottom: 41px; } .events h2 { margin-bottom: 16px; } .events .block .date { width: 100px; margin: 0 auto 15px; float: none; } .events .block .month { margin: 0 auto 2px; } .events .block .number { margin: 0 auto 5px; } .events .block { padding-bottom: 148px; position: relative; } .events .block .links li { padding-left: 21px; } .events .block .video { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -110px; float: none; } .events .block .frame { text-align: center; } .events .block .links li { float: none; display: inline-block; overflow: hidden; vertical-align: top; } .testimonials h2 { margin-bottom: 15px; } .testimonials p { display: none; } .testimonials .holder { margin: 0; } .testimonials .col { float: none; width: auto; margin: 0 0 18px; } #content { width: 100%; margin-bottom: 15px; } 
 .data-line .info { text-align: center; width: 100%; margin-bottom: 10px; } .data-line .info li { float: none; display: inline-block; } .main-area { padding-bottom: 40px; } #content .data-line .social, #content .detailed-info .social { overflow: hidden; text-align: center; width: 100%; } #content .data-line .social li, #content .detailed-info .social li { float: none; display: inline-block; } #content .detailed-info .social { float: none; } .detailed-list li, .red-theme .detailed-list li, .light-blue-theme .detailed-list li, .orange-theme .detailed-list li, .dark-blue-theme .detailed-list li { padding-left: 35px; background-position: 10px 50%; } .filter-list { padding-bottom: 5px; } .filter-list strong { float: none; display: block; } .latest-vision .vision .info li { margin-bottom: -1px; } .filter-list ul { text-align: center; } .filter-list li { vertical-align: top; padding: 13px 15px 4px; } .intro-block .img-holder { width: 300px; float: none; margin: 0 auto; } .intro-block .info { width: 89%; padding: 0 6% 0 5%; } .corp-service .frame { text-align: center; } .corp-service .box { padding-bottom: 0; } .corp-service .img-holder { float: none; width: 210px; margin: 0 auto; } .our-services ul { margin: 0; text-align: center; } .our-services ul li { width: 300px; float: none; margin: 0 20px 25px 0; display: inline-block; vertical-align: top; text-align: left; } .main-info .corp-team .list .img-holder { float: none; margin: 0 auto; } .main-info .partners .list li { margin: 0 15px 23px; padding: 20px;
    background: #d9e7e7;} .contact-form { width: 96%; padding: 0 2% 10px; } .contact-form .frame { margin-bottom: 0; } .contact-form .left, .contact-form .right { float: none; margin-bottom: 18px; width: 100%; } .main-profile .img-holder { margin: 0; } .main-profile .img-holder .video { margin-top: -30px; } .main-profile .info .img-profile { margin: 0 auto; float: none; } .main-profile .info .frame { padding-top: 10px; text-align: center; } .main-profile .info .frame strong { color: #333; } .main-profile .info .social { text-align: center; } .main-profile .info .social li { float: none; display: inline-block; margin: 0 10px 10px; } .profile-info blockquote { width: 100%; padding: 15px 0; } .profile-info table { margin: 15px 0; } .profile-info ol li { padding-left: 30px; } .profile-info ol li:before { margin-left: -20px; padding-right: 10px; } .profile-info .frame .img-01, .profile-info .frame .img-02 { float: none; display: block; margin: 10px auto; } .profile-info { padding-bottom: 25px; } .information { text-align: center; } .info-boxes { text-align: center; } .info-boxes .box, aside .info-boxes .box { width: 300px; float: none; display: inline-block; vertical-align: top; text-align: left; margin: 0 0 25px; } aside .info-boxes { margin-bottom: 0; } aside { width: 100%; } .twitter-placeholder { width: 300px; margin: 0 auto; } .latest-vision .vision .box .info span { float: none; display: block; margin-top: 7px; } .latest-vision .vision .box .info span:first-child { margin-top: 0; } .detailed-info .visual { margin: 0 0 10px; } .detailed-info .profile { margin: 0; float: none; width: auto; } .detailed-info .visual .video { margin-top: -30px; } footer { text-align: center; } footer .container { position: relative; padding: 23px 10px 63px; } footer .socials { position: absolute; left: 0; right: 0; bottom: 22px; } footer .socials li { float: none; display: inline-block; vertical-align: top; padding: 0 3px; overflow: hidden; } footer .nav { padding: 3px 0 0; } }
 
 
 .frame li a {
   	font-size: 15px!important;

}
.twitter{
    position: fixed;
    left: 10px;
    bottom: 190px;
    z-index: 2000;

}


.skype{
    position: fixed;
    left: 10px;
    bottom: 155px;
    z-index: 2000;

}

.linkedin{
    position: fixed;
    left: 10px;
    bottom: 120px;
    z-index: 2000;

}


.facebook{
    position: fixed;
    left: 10px;
    bottom: 85px;
    z-index: 2000;
}

.instagram{
    position: fixed;
    left: 10px;
    bottom: 50px;
    z-index: 2000;
}



.whatsapp {
    position: fixed;
    left: 10px;
    bottom: 15px;
    z-index: 2000;
        -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}


.loading-icon a{
    z-index:999;
}

.loading-icon {
    position: relative !important;
    vertical-align: middle;
    background: transparent !important;
}
.loading-icon:hover, .loading-icon a:hover {
    background: #23409200  !important;
}
.loading-icon::before,
.loading-icon::after {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    vertical-align: middle;
    background: #75b94b;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.loading-icon::before {
    content: "";
    animation: bounce-icon 1.5s infinite;
}
.loading-icon::after {
    content: "";
    animation: bounce-icon 1.5s -0.4s infinite;
}
@keyframes bounce-icon {
    0% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes bounce-icon {
    0% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@-moz-keyframes bounce-icon {
    0% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@-o-keyframes bounce-icon {
    0% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@media (max-width: 400px) {
  .pie-mobile {
    padding: 10px 55px;
  }
  .ocultar-mb{
    display: none;
  }
}