/* Theme Name: Ocean Group Theme URI: http:// Description: Twenty Fifteen Child Theme Author: C2W Author URI: http://colors2web.com Template: twentyfifteen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-fifteen-child */ @import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300); @import url(../twentyfifteen/style.css); @import url(assets/bootstrap/css/bootstrap.min.css); @import url(assets/flexslider/css/flexslider.css); /*@import url(css/icons.css);*/ html{height:100%;min-height:100%}body{background-color:#fff;font-family:'Raleway',sans-serif;font-size:13px;line-height:1.5em;color:#627076;font-weight:300;letter-spacing:.5px;min-height:100%}body:before{background:none;box-shadow:none;display:none}.container{overflow:hidden}p{margin:0 0 30px}a{color:#627076}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;text-transform:uppercase;color:#000;margin:0;font-weight:700}.clearfix:before; .clearfix:after{content:'';display:block;clear:both}.navbar-toggle{background-color:gray}.home .navbar-toggle{background:none}.navbar-toggle .icon-bar{background-color:#fff}label{color:#fff;font-weight:300;padding:0 10px}.form-inline .form-control{width:320px}input[type=text],input[type=email],input[type=number],input[type=submit]{height:51px;border-radius:0;border:1px solid #7e9fd7;line-height:51px;background:none;padding:0 25px;color:#fff}input[type=submit]{font-weight:500}input[type=submit]:focus,input[type=submit]:hover{background:none;color:#fff;border:1px solid #7e9fd7}textarea{border-radius:0;border:1px solid #7e9fd7;background:none;padding:20px 25px;color:#fff!important;height:204px}textarea:focus{background:none;border:1px solid #7e9fd7;color:#fff}::-webkit-input-placeholder{color:#fff!important;font-weight:300!important;font-family:'Raleway',sans-serif!important}:-moz-placeholder{color:#fff!important;font-weight:300!important;font-family:'Raleway',sans-serif!important}::-moz-placeholder{color:#fff!important;font-weight:300!important;font-family:'Raleway',sans-serif!important}:-ms-input-placeholder{color:#fff!important;font-weight:300!important;font-family:'Raleway',sans-serif!important}.home{font-size:16px}.home .navbar{background-color:rgba(000,000,000,0.8)}.navbar{padding:30px 0;position:fixed;width:100%;z-index:999;top:0;margin-bottom:0}.navbar ul li{padding:20px 5px 1px}.navbar ul li a{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;color:#fff;padding:5px 20px}.navbar ul li a:hover,.navbar ul li a:focus{background:none;border-radius:3px;-webkit-box-shadow:0 0 0 1px #787c85;-moz-box-shadow:0 0 0 1px #787c85;box-shadow:0 0 0 1px #787c85}.navbar ul li.current-menu-item a{background:#fff;border-radius:3px;-webkit-box-shadow:0 0 0 1px #787c85;-moz-box-shadow:0 0 0 1px #787c85;box-shadow:0 0 0 1px #787c85}.navbar-fixed{top:0;background-color:rgba(000,000,000,0.8);padding:30px 0}.navbar-fixed ul li{padding-top:10px}.navbar-fixed .navbar-brand{padding-top:10px}.no-home{position:static;background-color:#f4f4f4}.no-home ul li a{color:#2f3e61}.banner-wrap .flexslider{box-shadow:none;border:0;padding:0;margin:0;background:none}.banner-wrap .flexslider .flex-control-paging{position:absolute;bottom:50px;z-index:1}.banner-wrap .flexslider .flex-control-paging li a{border:2px solid #fff;width:15px;height:15px;background:none;box-shadow:none}.banner-wrap .flexslider .flex-control-paging li a.flex-active{background-color:#122951}.banner-wrap{position:relative;overflow:hidden}.banner-wrap .flexslider ul li figure{position:relative}.banner-wrap .information{padding:260px 0;color:#fff;font-weight:200;line-height:24px;letter-spacing:1px}.banner-wrap .information h2{font-size:72px;color:#fff;text-transform:uppercase}.section{padding:70px 0}.section-top-70{padding-top:70px}.section h2{margin-bottom:70px}.border{border-radius:3px;border:1px solid;border-color:#7f7f7f}.page-header{color:#000;font-size:30px;text-transform:uppercase;margin:0;line-height:1.875em;position:relative;padding:30px;margin-bottom:40px;background:none}.page-header h1{margin:0;padding:0}.main-title{font-size:24px;font-family:'Montserrat',sans-serif;font-weight:700}.arrow{position:relative}.arrow:before,.arrow:after{content:'';position:absolute}.arrow.right-arrow:after{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:5px solid #fff;right:-5px;top:40px}.arrow.right-arrow:before{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:6px solid #7f7f7f;right:-6px;top:39px}.arrow.arrow-bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid #f8f8f8;bottom:-5px;right:40px}.arrow.arrow-bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid #7f7f7f;bottom:-6px;right:39px}.arrow.arrow-bottom-left:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid #f8f8f8;bottom:-5px;left:40px}.arrow.arrow-bottom-left:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid #7f7f7f;bottom:-6px;left:39px}.color-bg{background-color:#f8f8f8}.color-bg1{background-color:#132646;color:#fff}.color-bg2{background-color:#f4f4f4}.color-bg3{background-color:#fbfbfb}.servies-item h4{font-size:16px;margin:40px 0}.testimonial{padding:20px;font-size:14px;margin-bottom:40px}.vcard-wrap{margin-bottom:30px}.testimonial-image{width:86px;border-radius:3px;overflow:hidden;height:86px}.testimonial h3{font-size:14px;font-weight:700}.testimonial-vcard{margin-left:16px;padding-top:20px}.flex-wrap-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-align-content:center;align-content:center}.flex-wrap-center p{margin-bottom:0}.color-bg1 h2{color:#fff}.partners img{margin:10px}.no-home-footer{background-color:#f4f4f4}#footer{font-size:14px}#footer ul li{display:inline-block;list-style:none;margin-right:30px}#footer ul li a{color:#858c97}.contact .main-title{font-size:24px;font-weight:700;color:#fff;font-family:'Montserrat',sans-serif}.contact .border{border-color:#7e9fd7}.contact .border:after{border-top:#132646 solid 5px}.contact .border:before{border-top:#7e9fd7 solid 5px}.contact-bg{background-image:url(images/contact-bg.svg),none;background-position:center center;background-repeat:no-repeat}.contact{background-size:850px}.contact input[type=submit]{width:100%}.half{width:50%;float:left}.vcard{color:#fff}.vcard address,.vcard .tel,.vcard .email{padding-left:60px;position:relative}.vcard address:before,.vcard .tel:before,.vcard .email:before{position:absolute;left:0;top:5px}.vcard address:before{content:url(images/map.svg)}.vcard .tel:before{content:url(images/mobile.svg)}.vcard .email:before{content:url(images/envelope.svg)}.google-map{height:350px}.google-map iframe{height:100%;width:100%}.case-item>div{margin-bottom:30px}figure.case{background-color:#1a335f;position:relative}figure.case img{opacity:.5;width:100%}figure.case figcaption{width:184px;padding:30px 20px;border:1px solid #fff;border-radius:3px;position:absolute;top:30px;left:30px;color:#fff}figure.case figcaption .posted-date{font-size:10px;text-transform:uppercase;font-family:'Montserrat',sans-serif}figure.case figcaption h3{color:#fff;font-size:18px;font-weight:700}figure.case figcaption a{text-transform:uppercase;color:#fff;font-size:12px;font-weight:500;font-family:'Montserrat',sans-serif;padding-top:60px;display:inline-block}figure.case figcaption a i{font:1.5em Georgia,"Apple Symbols",serif}.pagination{border:0;box-shadow:none;display:block;font-size:14px;color:#1a335f;font-family:'Montserrat',sans-serif;text-transform:uppercase;position:static}.pagination span{display:inline-block;vertical-align:top;line-height:34px;margin:0 5px}.pagination a.prev,.pagination a.next{height:34px;width:34px;display:inline-block;text-indent:-4000px;position:static;line-height:34px}.pagination a.prev{background:url(images/left-arrow.png),no-repeat}.pagination a.next{background:url(images/right-arrow.png),no-repeat}.pagination a.prev:focus,.pagination a.prev:hover{background:url(images/left-arrow.png),no-repeat}.pagination a.next:focus,.pagination a.next:hover{background:url(images/right-arrow.png),no-repeat}.pagination a.prev:hover,.pagination a.next:hover,.pagination a.prev:focus,.pagination a.next:focus{text-decoration:none}.our-team{font-size:14px;color:#cdcece}.our-team h3{color:#fff;margin-bottom:30px;font-size:18px}.our-team .main-title{color:#fff}.our-team .border:after{border-top:#3c445a solid 5px}.our-team .border:before{border-top:#7f7f7f solid 5px}.team-wrap{border-radius:3px;border:1px solid #7f7f7f;padding:15px;margin-bottom:30px}.team-wrap img{width:100%}.team-wrap h4{font-size:14px;margin:20px 0 10px}.team-wrap .position{font-size:14px}.team-wrap hr{margin:15px 0;border-top:1px solid #7f7f7f}.team-wrap a{font-weight:500;color:#858c97;font-size:14px}.team-wrap .team-social-media{list-style:none}.team-wrap .team-social-media li{display:inline-block;padding-right:10px}.team-wrap .team-social-media li a{font-size:22px;color:#c3c3c3}.team-wrap .team-social-media li a:hover{text-decoration:none}.services-item .page-header{padding:20px 30px;min-height:185px;margin-right:120px;width:190px}.services .service-item-last{margin-right:0}.services-item .page-header h1{font-size:16px}.services-item{font-size:14px}.services-item ul{margin:0 0 0 15px;padding:0}.services-item ul li{line-height:36px;font-size:14px;list-style:square}.cls-1{fill:#0e9a95;fill-rule:evenodd}.services .services-item{padding-right:80px}.plan-event ul{margin-left:20px}.plan-event ul li{line-height:36px;font-size:14px;list-style:square}.plan-event .page-header{background-color:#fff;padding:20px 40px 20px 20px;display:inline-block}.plan-event h3.main-title{font-size:16px}.single{font-size:16px}.img-left{float:left;margin-right:30px}.how-we-work{font-size:14px;color:#bac1cd}.how-we-work .border{border-color:#7e9fc8}.how-we-work .page-header h1.main-title{color:#fff}.how-we-work .page-header:after{border-top:6px solid #132646}.how-we-work .page-header:before{border-top:5px solid #7e9fc8}.timeline-container{margin-bottom:120px;position:relative}.one_half{float:left;width:45%;position:relative;margin-top:-30px}:last-child.one_half{float:right}.timeline{position:absolute;z-index:999;padding:12px 8px;background-color:#132646;color:#7e9fc8;font-weight:700;font-size:36px;font-family:'Montserrat',sans-serif}.timeline.left{left:-17%}.timeline.right{right:-17%}.line-seperator{position:absolute;height:100%;width:7px;left:-12%;top:0;background:url(images/dotted.png) repeat-y}:first-child.one_half .timeline-container .line-seperator{right:-12%;left:auto}.timeline small{font-family:'Montserrat',sans-serif;text-transform:uppercase;font-weight:700;font-size:10px;display:block;color:#7e9fc8}.timeline-content{padding:40px 30px 0;font-size:14px;color:#bac1cd}.timeline-content h3{color:#fff;font-size:18px;margin-bottom:10px}.grid-4,.grid-8{float:left}.grid-4{width:30%}.grid-8{width:70%}.timeline-container .timeline-1{border-color:#ff7878}.timeline-container .timeline-2{border-color:#139199}.timeline-container .timeline-3{border-color:#ff9600}.timeline-container .timeline-4{border-color:#a0be27}.timeline-container .timeline-5{border-color:#27b9be}.timeline-container .timeline-6{border-color:#149a82}.arrow-left,.arrow-right{position:relative}.arrow-left:before,.arrow-left:after,.arrow-right:before,.arrow-right:after{position:absolute;top:30px;content:''}.arrow-left:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:5px solid #132646;left:-5px;top:32px;z-index:1}.arrow-left:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:6px solid #139199;left:-6px}.arrow-right:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:5px solid #132646;right:-5px;top:32px;z-index:1}.arrow-right:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:6px solid #139199;right:-6px}.timeline-1.arrow-left:after{border-right:6px solid #ff7878}.timeline-2.arrow-left:after{border-right:6px solid #ff7878}.timeline-3.arrow-left:after{border-right:6px solid #ff9600}.timeline-4.arrow-right:after{border-left:6px solid #a0be27}.timeline-5.arrow-left:after{border-right:6px solid #27b9be}.timeline-6.arrow-right:after{border-left:6px solid #149a82}.xs-screen{display:none}.btn-outline{border-radius:3px;border:solid 1px;border-color:#84abe1;color:#fff}.btn-outline:hover,.btn-outline:focus{color:#fff}.landing-page{font-size:16px;line-height:1.5em}.landing-intro{min-height:700px;position:relative;color:#fefefe}.landing-intro .flexslider{position:absolute;width:100%;height:100%;border:0;box-shadow:none;border-radius:0;z-index:1;padding:0;margin-bottom:0}.landing-intro .flexslider>div,.landing-intro .flexslider>div ul,.landing-intro .flexslider>div ul li{height:100%;position:relative}.landing-intro .flexslider>div ul li{background-position:center top;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;overflow:hidden;background-repeat:no-repeat}.landing-intro .flexslider .flex-control-nav{bottom:40px;z-index:999}.landing-intro .flexslider .flex-control-nav.flex-control-paging li a{width:13px;height:13px;border:2px solid;border-color:#fff;background:none}.landing-intro .flexslider .flex-control-nav.flex-control-paging li a.active{background-color:#122951}#landing-header{position:relative;z-index:2}.landing-intro .intro-text{margin:250px 0 60px 0;position:relative;z-index:2}.landing-intro .intro-text .intro-title{font-size:52px;color:#fefefe;font-family:'Montserrat',sans-serif;margin-bottom:60px;line-height:normal}.landing-intro .intro-text .intro-text-content{font-size:16px;font-weight:500;margin-bottom:60px;padding:0 60px;color:#fefefe;text-transform:none;font-family:'Raleway',sans-serif;letter-spacing:2.4px}.intro-item{padding-left:50px;position:relative;margin-bottom:90px;font-weight:600;display:inline-block;padding-right:50px}.intro-item.list{font-weight:300;font-size:16px;color:#fff}.intro-item.list a{color:#97beff}.intro-item.list a:hover{color:#b1ceff}.intro-item .icon{position:absolute;left:0;top:0}.intro-item .icon.mobile{top:-13px}.intro-item .icon.envelope{top:-6px}.landing-page .page-header{margin-bottom:40px}.landing-page .page-header h2{margin-bottom:0}.landing-page .item{margin-bottom:20px;font-size:16px;padding-right:30px}.landing-page .item .page-header{margin-bottom:20px;display:inline-block}.landing-page .item .page-header .main-title{margin:10px 0 0;font-size:18px}.landing-page h2{font-size:36px;letter-spacing:2px;font-family:'Montserrat',sans-serif;font-weight:700}.btn-readmore{background-color:#1a335f;color:#fff}.btn-readmore:hover{color:#fff}.seperator-wrapper{display:table}.title-singleline{display:inline-block;padding:0 15px;position:relative}.title-singleline:before,.title-singleline:after{background:#7f7f7f;content:"";display:block;height:1px;position:absolute;top:50%;width:400%}.title-singleline:before{right:100%}.title-singleline:after{left:100%}.landing-page .case{margin-bottom:40px} .services-item .service-img h1 { position: absolute; top: 0; padding-top: 5.5em; padding-left: 1.5em; color: #ffffff; font-size: 1.5em;} .services-item .service-img p { padding-top: 1.25em;} .bottom-section { padding-top: 0; background-color: #132646; color: #6b7c99;} .bottom-section a { color: #6b7c99;} .bottom-section .row { background-image: url('images/bottom-section-bcg.png'); background-position: top center; background-repeat: no-repeat; padding-top: 5em;} .bottom-section header { background-color: transparent !important;} .bottom-section header.left { border-color: #9c7fbc;} .bottom-section header.right { border-color: #0a8d88;} .bottom-section header.left:after { border-top: 5px solid #9c7fbc;} .bottom-section header.right:after { border-top: 5px solid #0a8d88;} .bottom-section header h3 { color: #ffffff;} /* case-study category posts */ .case-study .col-left, .jc-landing-page .col-left { float: left;} .case-study .col-right, .jc-landing-page .col-right { float: left;} .case-study .col-right p, .jc-landing-page .col-right p { font-size: 14px; font-family: 'Open Sans'; line-height: 1.5;} .case-study .col-right p.event-date, .jc-landing-page .col-right p.event-date { font-family: Montserrat; text-transform: uppercase; font-weight: bold; padding-top: 1em;} .case-study .col-right h1, .jc-landing-page .col-right h1 { font-size: 22px;} .case-study .col-right .button-wrap, .jc-landing-page .col-right .button-wrap { text-align: left;} .case-study .other-events { padding: 4em 30px;} .jc-landing-page .other-events { padding: 0 30px;} .case-study .other-events .event-block, .jc-landing-page .other-events .event-block { padding-left: 0;} .case-study .other-events h1, .jc-landing-page .other-events h1 { font-size: 22px; padding-bottom: 2em;} .case-study .other-events .event-block .event-date, .jc-landing-page .other-events .event-block .event-date { text-transform: uppercase; margin-bottom: 0; font-weight: bold; font-family: Montserrat;} .case-study .other-events .event-block h2, .jc-landing-page .other-events .event-block h2 { text-transform: uppercase; color: #000000; font-weight: bold; font-size: 1em; line-height: 1.5; padding-top: 1em; margin-bottom: 0.5em;} .case-study .other-events .event-block h2 a, .jc-landing-page .other-events .event-block h2 a { text-decoration: none; color: #000000;} .case-study .other-events .event-block p, .jc-landing-page .other-events .event-block p { font-size: 14px;} .case-study .other-events .event-block p a, .jc-landing-page .other-events .event-block p a { font-style: italic;} .case-study .other-events h4, .jc-landing-page .other-events h4 { text-transform: none; padding-top: 2em;} .case-study .container-wrapper, .jc-landing-page .container-wrapper { background-color: #f8f8f8;} /* case-study category posts - end */ /* nextgen gallery for event page (own nextgen template) */ .jc-ngg-galleryoverview { margin-top: 3px !important;} .jc-ngg-galleryoverview .gallery_main_image { padding-left: 4px; padding-right: 4px;} .jc-ngg-galleryoverview .ngg-gallery-thumbnail-box { margin: 0; padding: 0;} .jc-ngg-galleryoverview .ngg-gallery-thumbnail img { border: 0; margin: 0; padding: 8px 4px 4px 4px;} .jc-ngg-galleryoverview .ngg-gallery-thumbnail img:hover { background-color: transparent;} /* nextgen gallery for event page (own nextgen template) - END */ .jc-top-bar-overlay .form-container .wpcf7-textarea, .jc-top-bar-overlay .form-container .wpcf7-text { border: 1px solid #22a5f3 !important;} @media(max-width: 768px){.banner-wrap .information{padding:240px 0 128px}.banner-wrap .information h2{font-size:42px}.one_half{width:100%;float:none!important}.line-seperator,.lg-screen{display:none}.xs-screen{display:block}.timeline{top:-35px}.timeline.left{left:10px}.timeline.right{right:10px}.form-inline .form-control{width:100%}.landing-intro .intro-text .intro-text-content{padding:0 10px}.intro-item{margin-bottom:30px}#footer .menu-footer-menu-container,#footer .text-right{text-align:center}#footer .menu-footer-menu-container{padding-bottom:40px}.services .services-item{padding-right:0}} @media(max-width: 650px) { .landing-intro .intro-text .intro-title { font-size: 36px;} } @media(max-width: 400px) { .landing-intro .intro-text { margin-top: 150px;} }