/*
  Theme Name    : Seafood theme
  Developed by  : Wixe Arie
  Theme Author  : Logocross
*/
@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('fontawesome-all.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('slick.css');
@font-face {
  font-family: 'p22 corinthia';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/p22-corinthia.woff2) format('woff2');
}
/* Structure */
body {font-family: 'Roboto', sans-serif;overflow-x: hidden;position: relative;}
.bg {background-size: cover;background-position: top center;}
.parallex {background-attachment: fixed;}
.uc {text-transform: uppercase;}
.btn { border-radius: 0; line-height: 40px; padding: 0 40px;color:#fff !important;}
.btn-lg {line-height: 50px;}
.btn-primary {background-color: #00a3e5;border: 0;}
.input-group-btn .btn-primary {border: 1px solid #00a3e5;}
.form-control {color: #333 !important;}
.CTA {margin:20px 0;}
.btn-dark {background-color: #333;}
.btn-light {background-color: #fff;color: #333 !important;}
.border-left {border-left: 3px solid #00a3e5;}
.sep {display:inline-block;height:1px;background-color: #ccc; width:120px;margin:20px 0;}
h2 {margin:0px;font-size:30px;}
main section {padding: 80px 0;}
main section:nth-child(even) {background-color: #f9f9f9;}
main {margin-top: 119px;}
footer {padding: 50px 0;}
.mt5 {margin-top: 50px !important;}
.no-space {padding: 0;}
.color-light * {color: #fff;line-height: 42px;margin-bottom: 0;}
.color-dark * {color: #333;}
.five-col-row div[class^='col'] {width: 20%;}
.border {border:7px solid #fff;}
.glow {box-shadow:0 0 20px 0 #ccc;}
.content {margin-top: 20px;}
.pos-bottom {vertical-align: bottom !important;}
.border-1 {border: 1px solid;padding: 10px;}
.icons a i, a {transition: .5s ease 0s;}
.banner-caption h2 a {color: #fff;}
.banner-caption h2 a:hover {text-decoration: none;}

.v-align {display: table;width: 100%}
.align-top, .align-middle, .align-bottom {display: table-cell;}
.align-top {vertical-align: top;}
.align-middle {vertical-align: middle;}
.align-bottom {vertical-align: bottom;}
.imagebox div{background-color: #eee;display: table;width: 100%;}
.imagebox div:not(:nth-child(1)), .imagebox img:not(:nth-child(1)) {margin-top: 30px;}
.imagebox div:before {z-index: 0;position: relative;opacity: 0.2;color: #000;content: 'Image goes here!';display: table-cell;vertical-align: middle;text-align: center;font-size: 50px;font-weight: 300;}
.content h2 {font-size: 34px;line-height: 44px;}
.content h3 {font-size: 28px;line-height: 38px;}
.content h4 {font-size: 24px;line-height: 34px;}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {margin-bottom: 30px;font-weight: 300;}
.content p {font-size: 16px; line-height: 26px;}
.cotnent .btn {margin-top: 20px;}
.content ul li {font-size: 16px; line-height: 30px;}
.content ul li:not(:last-child) {padding-bottom: 20px;}
.content ul, .content p {padding-bottom: 20px;}
.content ul {padding-left: 15px;}
.content {margin-bottom: 30px;}
.content li p {margin-bottom: 0;}
.content .row:not(:nth-child(1)) {margin-top: 30px;}
.person .title {display: block;}
.person .name {margin: 0;}
.person {margin-bottom: 20px;display: table;}
.person img {margin-right: 20px;}
.person .detail {display: table-cell;height: 150px;vertical-align: middle;}
ul.alph li, ul.numeric li {padding: 0 0 0 20px;}
ul.alph li {list-style-type: upper-alpha;}
.alph.small li {list-style-type: lower-alpha;}
ul.numeric li {list-style-type:decimal;}
section .content:last-of-type,
section .content:last-of-type ul:last-of-type {margin-bottom: 0;padding-bottom: 0;}
.line-after {margin-bottom: 0;}
.line-after:after {content: '';width: 100px;height: 1px;background-color: #333;margin: 32px 0;display: block;}
.text-center .line-after:after {margin: 32px auto;}
.dropdown-menu {padding: 0;border: 0;right: inherit !important;left: 0 !important;}
.dropdown-menu li a {line-height: 30px;background-color: #33b3e1;color: #fff;}
.theme-header .nav li .dropdown-menu li a:hover {color: #333 !important;background: #fff !important;box-shadow: 0 0 0 0 !important;}
li:hover .dropdown-menu {display: block;}
.navbar-toggle {    background: #31addd;top: 15px;}
.icon-bar {background-color: #fff;}
/* Structure ends */
.blue {color: #33b3e1;}
.blue:after {background-color: #33b3e1;}

.theme-header .icons {margin-bottom: 15px;}
.theme-header .logo, .home .navbar-brand, .home .icons {display: none;}
.theme-header .navbar-brand {padding: 10px 15px;height: inherit;}
.home .logo {display: inline-block;}
.theme-header .navbar  {background-color: #fff !important;position: relative;top: 0;border: 0;border-radius: 0;margin:  0;}

.home .navbar {height: 50px;}
.theme-header .nav a:hover, .theme-header .nav li.active a {color: #fff !important;box-shadow: inset 0 50px 0 0 #33b3e1;}
.theme-header .navbar-brand img {max-width: 120px;}
.home .navbar {background-color: rgba(0, 0, 0, 0.5) !important;position: absolute;top: 89px;overflow:  hidden;border: 0;width: 100%;left:  0;}
.theme-header .logo {position: relative;z-index: 999;margin-top: 10px;}
.theme-header .nav-link {font-weight: 500;color: #333 !important;font-size: 12px;}
.home .navbar .nav-link {color:#fff !important;}
.theme-font {font-family: 'p22 corinthia';}
.banner {display: table;width: 100%;min-height: 700px;position: relative;overflow: hidden;}
.banner-caption{display: table-cell;vertical-align: middle;top: 0px;}
.banner-caption, .title-caption {color: #fff;position: relative;}
.banner-caption h3 {font-size: 20px;letter-spacing: 12px;font-weight: 300;margin:0;}
.banner-caption h3.theme-font {font-size: 50px;letter-spacing: 0;}
.banner-caption h1 {font-weight: 700;margin-bottom: 20px;}
.banner-caption p {max-width:500px;display:inline-block;}
.banner-caption .CTA {margin-top: 40px;}
.banner-caption .col-md-8 {position:relative;}
.banner-caption .sep {position: absolute;height: 3px;width: 100%;background-color: #00a3e5;margin:10px;max-width: 35%;}
.banner-caption .sep.left {left: 0}
.banner-caption .sep.right {right: 0}


.banner1 .icons {margin-top: 0;}
.banner1 .icons a {margin-top: 5px;}
.banner1 .content {margin: 10px 0 0 0;}
.banner1 .content p {padding-bottom: 0;}


.sub-banner .icons a i.fa-3x {width: 100px;line-height:100px;border-radius: 50%;background-color: #33B3E1 !important;font-size: 60px;}
.sub-banner h2, .title-caption h2{font-weight:  100;font-size: 70px;}
.sub-banner p {max-width: inherit;line-height: 24px;font-size: 16px; line-height: 26px;}
.sub-banner a {display: block;margin-top: 20px;color: #33b3e1;}
.sub-banner h2 strong {font-size: 50px;display:  block;line-height:  50px;color: #33B3E1;}

.sub-banner .border-1 {border-color: #33b3e1;}
.sub-banner .border-1 a {color: #33b3e1;}
.info-box .col-md-3 {display: table;}
.info-box .box {height: 250px;display: table-cell;vertical-align: middle;padding: 0 30px; }
.info-box div[class^=col] {padding:0;}
.info-box .nav-pills {margin-top:20px}
.info-box .nav-pills a {border:1px solid #fff;border-radius:0;line-height: 30px;padding: 2px 24px 0;}
.info-box .nav-pills li {padding:0;margin:-1px;}
.info-box .nav-pills li:last-child a {border-left:0;}
.counter .sep {width: 90%;}
.counter {text-align: center;padding: 24px 0;}
.counter * {color:#fff;}
.test-name {display:inline-block;border:1px solid #ccc;font-weight:600;border-left:0;border-right:0;padding:10px;}
.testimonial-person a {display: inline-block;max-width: 95px;max-height: 95px;margin-bottom: 20px;}
.testimonial-person img.glow {box-shadow: 0 0 0px 2px;}
.testimonial-person img {display: inline-block;}
.logobox a:focus {outline: none;}
.contact-list { list-style: none;padding: 0;margin: 0; }
.contact-list li { line-height: 50px; }
.contact-list i {font-size: 20px;min-width: 34px;}
footer .contentbox h2 {line-height: 118px;color: #00a3e5;}
footer form .form-control {height: 42px;border-radius: 0;}
.icons {margin-top: 20px;}
.icons a {font-size: 20px;display: inline-block;width: 32px;line-height: 32px;border-radius: 50%;border:0px solid #fff;color: #fff;text-align: center;}
footer .icons {margin-top: 0;}
footer .icons a:hover i {transform: scale(1.3);}
.sub-banner .icons a:hover {background-color: transparent !important;}
.icons a i {background-color: #33b3e1;border-radius:  50%;width:  30px;line-height: 30px;font-size: 12px}
.icons a:hover i {background-color: #333; color: #ccc;}

.page-title { padding: 80px}
.page-title h2 {padding-bottom: 30px;}


/* Media Queries*/
@media (min-width: 992px) {
  .banner-caption h1 {font-size: 70px;letter-spacing: 15px;}
  .banner-caption .sep {margin-top: -10px;}
}
@media(min-height: 1024px) {
  .banner {height: 100vh;}
}
@media (min-width: 767px) {
  .theme-header {top: 0;width: 100%;left: 0;z-index: 999;position: fixed;box-shadow: 0 -39px 85px 0px #000;}
  .theme-header .navbar {height: 119px;}
  .banner1 .banner-caption {top: 40px;}
  .theme-header + .page-title {margin-top: 100px;}
}
@media (max-width: 767px) {
  .banner {height: inherit;}
  .theme-header .col-md-12 {clear: both;}
  .icons.pull-right {float: left!important;}
  .sub-banner h2, .title-caption h2 {font-size: 40px;}
}