body,h1,h2,h3,h4,h5,h6 {
font-family:Gotham,sans-serif
}

h1,h2,h3,h4,h5,h6 {
color:#000;
line-height:1.5
}

html {
overflow-x:hidden
}

body {
background:#fff;
color:#333 !important;
font-size:16px;
font-weight:300;
margin:0;
line-height: 24px;
}

h2,h4 {
font-size:36px
}

h3 {
font-size:28px
}

h5,h6 {
font-size:14px;
font-weight:800
}

.mb30,.proboostrap-clients .client-logo,.probootstrap-block-image,.probootstrap-team,ol,p,ul {
margin-bottom:5px
}

a {
-webkit-transition:.3s;
transition:.3s;
color:#ff6600;
font-weight:400
}

a:active,a:focus,a:hover {
color:#ff9725;
text-decoration:none
}

.probootstrap-section-bg.overlay_new:before {
content:"";
background:#000000b3;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.dis_w {
background:#fbd923!important;
color:#0d4a81;
border:none!important;
font-weight:700
}

.hero-text-heading,.probootstrap-hero h1 {
font-size:52px;
font-weight:300;
margin-bottom:10px;
margin-top:0;
line-height:64px;
color:#fff
}

@media screen and (max-width:768px) {
.hero-text-heading,.probootstrap-hero h1 {
font-size:40px;
line-height:1.5
}
}

.probootstrap-navbar .dropdown-submenu>a:before,.probootstrap-navbar .dropdown>a:before {
font-weight:400
}

.hero-text-subheading,.probootstrap-hero p {
font-size:16px;
color:#ffffffe6
}

.grid-item,.grid-sizer,.hero-text-subheading:last-child,.mb0,.probootstrap-block-image .text p:last-child,.probootstrap-cell .text p:last-child,.probootstrap-copyright p:last-child,.probootstrap-footer .probootstrap-footer-widget,.probootstrap-hero p:last-child {
margin-bottom:0
}

.probootstrap-navbar {
border:none;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
margin-bottom:0;
background:0 0;
-webkit-transition:.3s;
transition:.3s;
box-shadow:0 1px 6px rgba(0,0,0, .4);
}

.probootstrap-navbar .navbar-toggle:focus,.probootstrap-navbar .navbar-toggle:hover {
background-color:transparent
}

.probootstrap-navbar .navbar-toggle {
border:none
}

.probootstrap-navbar .navbar-toggle span.icon-bar {
-webkit-transition:.15s;
transition:.15s
}

.probootstrap-navbar .navbar-toggle span:nth-child(2) {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:10% 10%;
transform-origin:10% 10%
}

.probootstrap-navbar .navbar-toggle span:nth-child(3) {
opacity:0
}

.probootstrap-navbar .navbar-toggle span:nth-child(4) {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:10% 90%;
transform-origin:10% 90%
}

.probootstrap-navbar .navbar-toggle.collapsed span:nth-child(2),.probootstrap-navbar .navbar-toggle.collapsed span:nth-child(4) {
-webkit-transform:rotate(0);
transform:rotate(0)
}

.flexslider:hover .flex-direction-nav .flex-prev:hover,.probootstrap-navbar .navbar-toggle.collapsed span:nth-child(3) {
opacity:1
}

.probootstrap-navbar .navbar-brand,.probootstrap-navbar .navbar-nav>li>a,.probootstrap-navbar .parent-nav-link-padding {
margin-left:15px;
margin-right:15px;

}

.probootstrap-navbar .dropdown-header {
color:#fff3;
padding-left:10px;
text-transform:uppercase
}

.probootstrap-navbar .dropdown>a {
padding-right:10px!important;
position:relative;
display:block
}

.probootstrap-navbar .dropdown>a:before {
text-transform:none;
position:absolute;
top:50%;
right:0;
margin-right:-10px;
margin-top:-11px;
content:"\e924";
font-size:20px;
color:#ffffff80;
-webkit-transition:.3s;
transition:.3s
}

.probootstrap-navbar .dropdown.open>a:before,.probootstrap-navbar .dropdown:active>a:before,.probootstrap-navbar .dropdown:focus>a:before,.probootstrap-navbar .dropdown:hover>a:before,.probootstrap-navbar .dropdown>a:hover:before {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}

.probootstrap-navbar .dropdown.open>a,.probootstrap-navbar .dropdown:active>a,.probootstrap-navbar .dropdown:focus>a,.probootstrap-navbar .dropdown:hover>a {
-webkit-transition:.3s;
transition:.3s
}

.probootstrap-navbar .dropdown>.dropdown-menu>li a {
padding:10px;
color:#fffc
}

.probootstrap-footer,.probootstrap-navbar .navbar-nav>li>a:active,.probootstrap-navbar .navbar-nav>li>a:focus,.probootstrap-navbar .navbar-nav>li>a:hover {
color:#FFEB3B
}

.probootstrap-navbar .dropdown>.dropdown-menu>li a:hover,.probootstrap-navbar .dropdown>.dropdown-menu>li.open>a,.probootstrap-navbar .dropdown>.dropdown-menu>li:active>a,.probootstrap-navbar .dropdown>.dropdown-menu>li:focus>a,.probootstrap-navbar .dropdown>.dropdown-menu>li:hover>a {
color:#85c8dd;
background:#fff;
border-top:none
}

.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu.open>a,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:active>a,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:focus>a,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:hover>a {
border-top:none
}

.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-next i,.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu.open>a:before,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:active>a:before,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:focus>a:before,.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:hover>a:before {
color:#000
}

.flexslider .probootstrap-slider-text .sub-heading a,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i,.probootstrap-copyright a:hover,.probootstrap-hero.probootstrap-hero-colored h1,.probootstrap-navbar .dropdown>.dropdown-menu>li.active>a,.probootstrap-team .probootstrap-team-info h3 {
color:#fff
}

.probootstrap-navbar .navbar-right .dropdown-menu {
right:auto
}

.probootstrap-navbar .dropdown-menu {
border:none;
background:#85c8dd;
border-radius:0;
-webkit-box-shadow:0 0 7px 0 #00000026;
box-shadow:0 0 7px 0 #00000026;
min-width:200px;
white-space:normal;
word-wrap:break-word
}

.probootstrap-navbar .dropdown-menu a {
white-space:normal
}

@media screen and (max-width:768px) {
.probootstrap-navbar {
background:#fff;
-webkit-box-shadow:0 2px 10px 0 #0000001a;
box-shadow:0 2px 10px 0 #0000001a
}

.probootstrap-navbar .navbar-brand,.probootstrap-navbar .navbar-nav>li>a,.probootstrap-navbar .parent-nav-link-padding {
padding-top:15px!important;
padding-bottom:15px!important
}

.probootstrap-navbar .dropdown>a:before {
color:#0003
}

.probootstrap-navbar .dropdown-menu {
width:100%;
padding:10px 15px
}

.probootstrap-navbar .dropdown-menu a {
color:#fff
}
}

.probootstrap-navbar .navbar-brand {
padding-top:0!important;
padding-bottom:0!important;
font-size:30px;
text-transform:uppercase;
background:url(../img/logo.png) left top no-repeat;
top:40px;
position:relative;
width:117px;
height:40px;
text-indent:-999999px;
-webkit-transition:.2s;
transition:.2s
}

@media screen and (max-width:768px) {
.probootstrap-navbar .navbar-brand {
top:5px!important;
background-position:left 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
.probootstrap-navbar .navbar-brand {
position:relative;
width:117px;
height:40px;
background:url(../img/logo@2x.png) left 100%/cover no-repeat
}
}

.probootstrap-navbar .navbar-nav>li>a {
color:#fff;
font-size:14px;
position:relative;
text-transform:uppercase;
font-weight:300;
padding-top:40px;
}

.probootstrap-navbar .navbar-nav .dropdown li.active>a,.probootstrap-navbar .navbar-nav>li.open>a,.probootstrap-navbar .navbar-nav>li.open>a:focus,.probootstrap-navbar .navbar-nav>li.open>a:hover {
background:0 0
}

.probootstrap-navbar .navbar-nav>li.active>a,.probootstrap-navbar .navbar-nav>li.active>a:active,.probootstrap-navbar .navbar-nav>li.active>a:focus,.probootstrap-navbar .navbar-nav>li.active>a:hover {
background:0 0;
color:#fff
}

.probootstrap-navbar .navbar-nav>li>.dropdown-menu:before {
border:10px solid #85c8dd00;
content:"";
position:absolute;
top:-20px;
left:40px;
border-bottom-color:#85c8dd;
margin-left:-10px
}

.probootstrap-navbar .navbar-nav.active>a,.probootstrap-navbar.scrolled .navbar-nav>li.active>a {
color:#ffa33e!important
}

.container-fluid .dropdown-submenu,.flexslider,.modal .probootstrap-modal-flex .form-group,.probootstrap-form .form-group .form-field,.probootstrap-navbar .dropdown-submenu,.probootstrap-pricing,.probootstrap-pricing-wrap {
position:relative
}

.probootstrap-navbar .dropdown-submenu .dropdown-menu {
top:0;
left:100%;
margin-top:-1px
}

.modal .probootstrap-modal-flex .probootstrap-or>span,.probootstrap-navbar .dropdown-submenu>a {
display:block
}

.probootstrap-navbar .dropdown-submenu>a:before {
text-transform:none;
position:absolute;
top:50%;
right:0;
margin-right:10px;
margin-top:-11px;
content:"\e926";
font-size:20px;
color:#ffffff80;
-webkit-transition:.3s;
transition:.3s
}

.probootstrap-navbar .dropdown-submenu>a:hover:before {
color:#000000;
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}

.probootstrap-navbar.scrolled {
background:#fff;
}

.probootstrap-navbar.scrolled .navbar-brand, .probootstrap-navbar.scrolled .navbar-nav>li>a,.probootstrap-navbar.scrolled .parent-nav-link-padding {
padding-top:25px;
padding-bottom:20px
}

.probootstrap-navbar.scrolled .navbar-brand {
top:10px;
background-position:left 100%
}

.probootstrap-navbar.scrolled .dropdown>a:before {
color:#0006
}

.probootstrap-navbar.scrolled .navbar-nav>li>a {
color:#fff;
}

.probootstrap-navbar.scrolled .navbar-nav>li>a:hover {
color:#FFEB3B
}

.container-fluid .navbar-brand {
margin-left:15px
}

.container-fluid .dropdown-submenu .dropdown-menu {
top:0;
left:auto;
right:100%;
margin-top:-1px
}

.probootstrap-hero {
background-size:cover;
background-position:center center
}

.probootstrap-hero>.overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#0000004d;
z-index:1
}

.btn.btn-primary,.probootstrap-hero.probootstrap-hero-colored {
background:#ffa33e
}

.probootstrap-hero>.container {
position:relative;
z-index:2
}

.probootstrap-hero .probootstrap-hero-text {
padding-top:200px;
padding-bottom:200px
}

.probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text {
padding-top:150px;
padding-bottom:150px
}

.probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
padding-top:90px;
padding-bottom:90px
}

.probootstrap-hero .btn {
position:relative;
font-size:18px;
width:200px
}

.probootstrap-hero .btn.btn-primary {
text-transform:uppercase;
padding:15px 20px
}

.probootstrap-hero.probootstrap-hero-colored p {
color:#fffc
}

.btn {
border:none;
border-radius:30px;
text-transform:uppercase;
padding-left:30px;
padding-right:30px
}

.btn:active {
-webkit-transition:.2s;
transition:.2s;
-webkit-transform:scale(.95);
transform:scale(.95);
-webkit-box-shadow:none;
box-shadow:none
}

.btn.btn-lg {
font-size:14px;
line-height:1.5
}

.btn.btn-primary {
background:#1981b4;
color:#fff;
font-weight:300
}

.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {
background:#ff8703;
color:#333
}

.btn.btn-primary:active,.btn.btn-primary:focus {
outline:0;
border:1px solid #ffa33e
}

.btn.btn-ghost {
background:0 0;
border:1px solid #ffa33e;
color:#ffa33e
}

.btn.btn-ghost:hover {
background:#ffa33e;
color:#fff;
font-weight:500
}

.btn.btn-ghost:active,.btn.btn-ghost:focus {
outline:0;
background:0 0;
color:#ffa33e;
border:1px solid #ffa33e
}

section[data-section=menu] {
position:relative;
margin-top:10px;
z-index:-1
}

.probootstrap-flex-section,.probootstrap-section {
padding:6em 0
}

.probootstrap-section.probootstrap-border-top {
border-top:1px solid #0000001a
}

.probootstrap-section.probootstrap-border-bottom {
border-bottom:1px solid #0000001a
}

.probootstrap-section>.container.probootstrap-border-top {
padding-top:50px;
border-top:1px solid #0000001a
}

.probootstrap-flex-section.probootstrap-bg-white,.probootstrap-section.probootstrap-bg-white {
background:#fff
}

.probootstrap-section.probootstrap-bg-grey {
background:#e3eff1
}

.probootstrap-heading.dark {
padding-bottom:10px
}

.probootstrap-section-bg {
background-size:cover;
background-repeat:no-repeat;
padding:11em 0;
position:relative
}

.flexslider .slides>li.overlay:before,.probootstrap-section-bg.overlay:before {
content:"";
background:#0003;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.probootstrap-section-bg .probootstrap-heading {
margin-top:175px
}

.futer_link {
font-weight:300
}

.probootstrap-footer {
font-size:14px;
background:#000;
padding:2em
}

.probootstrap-footer h4{
font-size:16px;
color:#036;
font-weight:600;
text-align: left;
}

.probootstrap-copyright {
background:#0d4a80;
padding:20px 0
}

.probootstrap-copyright a {
color:#D3D3D3
}

.probootstrap-copyright p {
font-size:14px
}

.menus,.probootstrap-footer-social {
padding:0;
margin:0
}

.probootstrap-footer-social.right {
text-align:right
}

.probootstrap-footer-social li {
display:inline;
padding:0;
margin:0;
list-style:none
}

.probootstrap-footer-social li a {
padding:10px;
font-size:22px
}

.probootstrap-footer-social li:first-child>a {
padding-left:0
}

.home {
color:#fff;
font-size:16px
}

.probootstrap-block-image figure img {
max-width:100%
}

.probootstrap-block-image .text {
padding:20px 0
}

.probootstrap-block-image .text .date {
display:block;
color:#333;
font-size:12px
}

.probootstrap-block-image .text h3 {
margin:0 0 10px;
font-size:20px
}

.probootstrap-block-image .text h3 a {
color:#214669;
font-weight:400!important
}

.probootstrap-block-image .text h3 a:hover {
color:#ff8703
}

.probootstrap-custom-link {
font-size:16px;
color:#000;
display:inline-block;
text-decoration:none;
position:relative;
padding:10px 20px;
border:1px solid #0d4a81
}

.probootstrap-custom-link.link-sm {
font-size:14px;
border-radius:5px
}

.probootstrap-custom-link:before {
content:"";
display:block;
width:0;
height:2px;
position:absolute;
bottom:0;
z-index:2;
-webkit-transition:width .5s;
transition:width .5s
}

.probootstrap-custom-link:after {
z-index:1;
position:absolute;
bottom:0;
content:"";
display:block;
width:100%;
height:2px
}

.probootstrap-custom-link:hover {
background-color:#0d4a81;
color:#fff
}

.probootstrap-custom-link:hover:before {
width:100%
}

.image-wrap {
overflow:hidden;
position:relative
}

.image-wrap .image-bg {
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateY(-50%) translateX(-50%);
transform:translateY(-50%) translateX(-50%)
}

.image-wrap .image-bg img {
min-width:100%;
min-height:100%
}

.menus li {
padding:0;
margin:0 0 10px;
list-style:none;
display:block;
position:relative
}

.menus li .image,.menus li .text {
display:table-cell;
vertical-align:top
}

.menus li .image {
width:80px
}

.menus li .image img {
max-width:100%;
border-radius:50%;
padding:20px 0
}

.menus li .text {
padding-left:20px
}

.menus li .text h3 {
margin:15px 0 0;
font-size:18px;
text-transform:uppercase;
color:#000
}

.menus li .text .price {
position:absolute;
top:15px;
right:0;
font-size:20px;
color:#ffa33e
}

.probootstrap-cell-retro {
width:100%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:-13%;
position:relative
}

.probootstrap-cell-retro .half {
width:50%;
float:left
}

.probootstrap-cell {
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative
}

.modal .probootstrap-modal-flex .probootstrap-modal-figure,.probootstrap-cell .image {
background-size:cover;
background-position:center center;
background-repeat:no-repeat
}

.probootstrap-cell .image,.probootstrap-cell .text {
width:50%
}

.probootstrap-cell .text {
padding:40px;
position:relative
}

.probootstrap-cell .text h3 {
margin:0 0 10px;
font-size:18px;
text-transform:uppercase;
color:#000
}

.probootstrap-cell .text:before,.probootstrap-cell.reverse .text:before {
z-index:22;
top:15%;
content:" ";
height:0;
margin-top:-12px;
pointer-events:none
}

.probootstrap-cell .text p.price {
font-size:20px;
color:#ffa33e
}

.probootstrap-cell .text:before {
right:100%;
border:12px solid #ffe1ff00;
width:0;
position:absolute;
border-right-color:#fff
}

.probootstrap-cell.reverse .image {
position:absolute;
right:0;
width:50%;
min-height:100%
}

.probootstrap-cell.reverse .text:before {
left:100%;
border:12px solid #ffe1ff00;
width:0;
position:absolute;
border-left-color:#fff
}

.probootstrap-gallery {
width:100%;
float:left
}

.probootstrap-gallery figure {
display:block;
width:32%;
margin-right:2%;
float:left;
margin-bottom:20px
}

.probootstrap-gallery figure:nth-of-type(3n+3),.probootstrap-gallery.four-col figure:nth-of-type(4n+4),.probootstrap-gallery.three-col figure:nth-of-type(3n+3),.probootstrap-gallery.two-col figure:nth-of-type(2n+2) {
margin-right:0
}

.probootstrap-gallery figure figcaption {
display:none
}

.probootstrap-gallery img {
width:100%;
height:auto
}

.probootstrap-gallery.four-col figure {
width:23.5%;
margin-right:2%;
float:left
}

.probootstrap-gallery.three-col figure {
width:32%;
margin-right:2%;
float:left
}

.probootstrap-gallery.two-col figure {
width:49%;
margin-right:2%;
float:left
}

.grid-item,.modal .probootstrap-modal-flex .probootstrap-remember {
float:left
}

.gutter-sizer {
width:2%
}

.isotope .isotope-item {
-webkit-transition-duration:.6s;
transition-duration:.6s;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:transform,opacity,-webkit-transform
}

.grid-item img,.grid-sizer img {
max-width:100%;
margin-bottom:0;
transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-webkit-transition:.3s ease-in-out
}

.two-cols .grid-item,.two-cols .grid-sizer {
width:49%
}

@media screen and (max-width:768px) {
.probootstrap-navbar .navbar-nav>li>a {
padding-top:8px;
padding-bottom:8px;
color:#000000b3
}

.probootstrap-navbar .navbar-nav>li.active>a,.probootstrap-navbar .navbar-nav>li.active>a:active,.probootstrap-navbar .navbar-nav>li.active>a:focus,.probootstrap-navbar .navbar-nav>li.active>a:hover,.probootstrap-navbar .navbar-nav>li>a:active,.probootstrap-navbar .navbar-nav>li>a:focus,.probootstrap-navbar .navbar-nav>li>a:hover {
color:#000000b3
}

.probootstrap-cell .text:before,.probootstrap-cell.reverse .text:before,.probootstrap-navbar .navbar-nav>li>.dropdown-menu:before {
display:none
}

.probootstrap-navbar .dropdown-submenu>a:before {
color:#0003
}

.probootstrap-navbar.scrolled .navbar-nav>li.active>a {
color:#ffa33e!important
}

.probootstrap-hero .probootstrap-hero-text,.probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text,.probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
padding-top:50px;
padding-bottom:50px
}

.menus li .text h3,section[data-section=menu] {
margin-top:0
}

.probootstrap-copyright p.copyright-text,.probootstrap-footer .probootstrap-footer-widget {
margin-bottom:20px
}

.probootstrap-footer-social.right {
text-align:left
}

.menus li .text .price {
top:0;
position:relative;
display:block;
margin-bottom:0
}

.probootstrap-cell-retro .half {
width:100%;
margin-top:0
}

.two-cols .grid-item,.two-cols .grid-sizer {
width:49%
}
}

@media screen and (max-width:768px) and (max-width:992px) {
.two-cols .grid-item img,.two-cols .grid-sizer img {
margin-bottom:10px
}
}

@media screen and (max-width:768px) and (max-width:768px) {
.two-cols .grid-item img,.two-cols .grid-sizer img {
margin-bottom:10px
}
}

.three-cols .grid-item,.three-cols .grid-sizer {
width:32%
}

@media screen and (max-width:768px) {
.three-cols .grid-item,.three-cols .grid-sizer {
width:48%;
margin-bottom:10px
}
}

.four-cols .grid-item,.four-cols .grid-sizer {
width:23.5%
}

@media screen and (max-width:768px) {
.four-cols .grid-item,.four-cols .grid-sizer {
width:32%;
margin-bottom:10px
}

.proboostrap-clients .client-logo {
margin-bottom:30px
}
}

.probootstrap-gallery-item {
padding:0;
margin:0 0 20px;
list-style:none;
float:left;
cursor:pointer;
position:relative
}

.probootstrap-gallery-item img {
max-width:100%;
-webkit-transition:.3s;
transition:.3s
}

.probootstrap-gallery-item a {
display:block;
float:left;
width:100%
}

.probootstrap-gallery-item:hover img {
opacity:.7
}

.mb50,.probootstrap-form,.probootstrap-pricing .probootstrap-price-wrap {
margin-bottom:50px
}

.probootstrap-form label {
font-weight:300;
color:#002a33
}

.probootstrap-form .form-control {
height:46px;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

.probootstrap-form .form-control:active,.probootstrap-form .form-control:focus {
-webkit-box-shadow:none;
box-shadow:none;
border-color:#ffa33e
}

.probootstrap-form .form-group .form-field .icon {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:20px
}

.probootstrap-form .form-group .form-field .form-control {
padding-right:50px
}

.probootstrap-form textarea.form-control {
height:inherit;
resize:vertical
}

.modal .modal-content .close {
position:absolute;
top:10px;
right:10px;
z-index:100;
font-size:26px
}

.modal .probootstrap-modal-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}

.modal .probootstrap-modal-flex .probootstrap-modal-figure {
width:40%
}

.modal .probootstrap-modal-flex .probootstrap-modal-content {
width:60%;
padding:40px;
position:relative
}

.modal .probootstrap-modal-flex .form-control {
height:40px
}

.modal .probootstrap-modal-flex .probootstrap-forgot {
float:right
}

.modal .probootstrap-modal-flex .probootstrap-or {
padding:10px 0;
text-align:center;
display:block;
font-size:11px;
text-transform:uppercase
}

.modal .probootstrap-modal-flex .probootstrap-or>span:before {
height:1px;
left:0;
right:0;
top:50%;
background:#ccc;
width:100%;
content:"";
position:absolute
}

.modal .probootstrap-modal-flex .probootstrap-or em {
color:#ccc;
display:inline-block;
background:#fff;
position:relative;
z-index:2;
padding:0 4px;
font-style:normal
}

.modal .probootstrap-modal-flex .btn-connect-facebook {
background:#3b5998;
border-color:#3b5998;
color:#fff
}

.modal .probootstrap-modal-flex .btn-connect-twitter {
background:#1da1f2;
border-color:#1da1f2;
color:#fff
}

.modal .probootstrap-modal-flex .btn-connect-google {
background:#ea4335;
border-color:#ea4335;
color:#fff
}

.modal .vertical-alignment-helper {
display:table;
height:100%;
width:100%;
pointer-events:none
}

.modal .vertical-align-center {
display:table-cell;
vertical-align:middle;
pointer-events:none
}

.modal .modal-content {
border-radius:0;
border:none;
position:relative;
-webkit-box-shadow:0 0 40px 0 #0003;
box-shadow:0 0 40px 0 #0003;
width:inherit;
height:inherit;
margin:0 auto;
pointer-events:all
}

.probootstrap-contact-info {
padding:0;
margin:0 0 30px
}

.probootstrap-contact-info li {
padding:0;
margin:20px 0 15px;
list-style:none;
line-height:24px
}

.probootstrap-contact-info li>i,.probootstrap-contact-info li>span {
vertical-align:top;
display:table-cell
}

.probootstrap-contact-info li>i {
font-size:20px;
position:relative;
top:2px;
width:30px
}

.probootstrap-team {
float:left;
display:block;
position:relative;
overflow:hidden;
z-index:2;
border-radius:6px
}

.probootstrap-team img {
-webkit-transition:.3s cubic-bezier(0.57,0.21,0.69,1.25);
transition:.3s cubic-bezier(0.57,0.21,0.69,1.25)
}

.probootstrap-team .probootstrap-team-info {
visibility:hidden;
opacity:0;
position:absolute;
top:50%;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:.3s cubic-bezier(0.57,0.21,0.69,1.25);
transition:.3s cubic-bezier(0.57,0.21,0.69,1.25);
text-align:center;
margin-top:20px;
z-index:3;
display:block
}

.probootstrap-team .probootstrap-team-info h3 .position {
display:block;
font-size:14px;
color:#fff6
}

.probootstrap-team:before {
visibility:hidden;
opacity:0;
position:absolute;
content:"";
top:0;
bottom:0;
left:0;
right:0;
background:#000c;
-webkit-transition:.3s;
transition:.3s;
z-index:1;
border-radius:5px
}

.probootstrap-team:focus img,.probootstrap-team:hover img {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}

.probootstrap-team:focus:before,.probootstrap-team:hover:before {
visibility:visible;
opacity:1
}

.probootstrap-team:focus .probootstrap-team-info,.probootstrap-team:hover .probootstrap-team-info {
opacity:1;
visibility:visible;
margin-top:0
}

.probootstrap-pricing {
background:#fff;
float:left;
width:100%;
padding:20px;
text-align:center;
-webkit-box-shadow:0 0 40px 0 #00000014;
box-shadow:0 0 40px 0 #00000014;
z-index:2;
margin-top:-200px
}

.probootstrap-pricing.popular {
z-index:10;
margin-top:-215px;
padding-top:40px
}

@media screen and (max-width:992px) {
.probootstrap-cell .image,.probootstrap-cell .text {
width:100%
}

.probootstrap-cell .image {
height:200px
}

.probootstrap-cell.reverse .image {
position:relative;
width:100%
}

.probootstrap-pricing {
margin-top:0!important;
margin-bottom:30px
}

.probootstrap-pricing.popular {
margin-top:0!important
}
}

.probootstrap-pricing h3 {
font-size:16px;
text-transform:uppercase;
letter-spacing:.1em;
margin-bottom:50px
}

.probootstrap-pricing h3>span {
margin-top:10px;
display:block;
text-transform:none;
letter-spacing:normal;
color:#ffa33e;
font-size:14px
}

.probootstrap-pricing .probootstrap-price-wrap .probootstrap-price {
font-size:50px;
color:#ffa33e;
font-weight:100;
display:block;
margin-bottom:10px
}

.probootstrap-pricing .probootstrap-price-wrap .probootstrap-price-per-month {
font-size:13px
}

.probootstrap-pricing ul {
padding:0 30px;
margin:0 0 50px
}

.probootstrap-pricing ul li {
padding:0;
margin:0 0 20px;
line-height:24px;
list-style:none
}

.probootstrap-testimony-wrap {
border-radius:4px;
padding:20px
}

.mb20,.probootstrap-testimony-wrap figure {
margin-bottom:20px
}

.probootstrap-testimony-wrap figure img {
height:80px;
width:80px!important;
margin:0 auto;
border-radius:50%
}

.probootstrap-testimony-wrap blockquote {
border-left:none;
padding:0;
margin-bottom:0;
color:#000
}

.probootstrap-testimony-wrap blockquote cite {
margin-top:30px;
display:block;
font-size:14px;
color:#0000004d
}

.probootstrap-testimony-wrap blockquote cite span {
font-style:normal;
color:#000;
font-weight:700
}

.owl-carousel-testimony .item {
padding-bottom:40px;
padding-top:20px
}

.owl-carousel-testimony .probootstrap-testimony-wrap {
border:1px solid #f2f2f2;
max-width:700px;
margin:0 auto;
-webkit-box-shadow:0 2px 17px 0 #00000017;
box-shadow:0 2px 17px 0 #00000017
}

.flexslider,.flexslider .slides>li,.slider-height {
height:750px
}

.probootstrap-heading .primary-heading {
font-family:"Pinyon Script",serif;
color:#ffa33e;
margin:0;
padding:0
}

.probootstrap-heading .secondary-heading {
font-family:"Gotham Bold",sans-serif;
color:#fff;
margin:0;
padding:0;
font-size:32px;
position:relative;
font-weight:400;
line-height:40px
}

.flexslider .probootstrap-slider-text .heading {
font-size:54px;
color:#fad823;
font-weight:600;
text-shadow:2px 4px 6px rgba(0,0,0,.6)
}

.flexslider .probootstrap-slider-text .sub-heading {
font-size:32px;
font-weight:400;
color:#fff;
text-shadow:2px 2px 4px #00000080
}

.probootstrap-heading.dark .secondary-heading,h1 {
padding:0;
color:#036;
font-weight:600;
font-size:32px
}

.probootstrap-heading .seperator {
display:block;
margin:0 auto 10px;
color:#ccc;
font-weight:300
}

.flexslider {
z-index:2;
background:0 0;
border:none;
margin:0;
max-width:100%;
filter:brightness(.9);
opacity:1
}

.flexslider .probootstrap-slider-text {
margin-top:370px
}

.flexslider .slides>li {
background-size:cover;
background-repeat:none
}

.flexslider .slides>li.overlay:before {
    content: "";
    background: rgba(0, 0, 0, .2);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.flexslider .flex-control-paging {
position:absolute;
bottom:30px;
z-index:20
}

.flexslider .flex-direction-nav a {
    text-decoration: none;
    display: none;
    width: 30px;
    height: 30px;
    margin: -60px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(0, 0, 0, .8);
    border-radius: 0;
    padding: 30px
}

.mt0,.owl-carousel .owl-controls,.owl-carousel-posts .owl-controls {
margin-top:0;
display:none;
}

.flexslider .flex-direction-nav a:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\e929";
    -webkit-transition: .3s all;
    transition: .3s all;
    font-size: 30px;
    display: inline-block;
    color: rgba(255, 255, 255, .8);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.flexslider .flex-direction-nav a.flex-next:before {
    content: "\e92a";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.flex-direction-nav .flex-prev {
left:0
}

.flex-direction-nav .flex-next {
right:0;
text-align:right
}

.flexslider:hover .flex-direction-nav .flex-prev {
opacity:.7;
left:0
}

.flexslider:hover .flex-direction-nav .flex-next {
opacity:.7;
right:0
}

.flex-control-paging li a {
width:10px;
height:10px;
display:block;
background:#fff3;
cursor:pointer;
text-indent:-9999px;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
border-radius:50%;
-webkit-transition:.3s;
transition:.3s
}

.flex-control-paging li a:hover {
background:#ffffffb3
}

.flex-control-paging li a.flex-active {
background:#fff;
cursor:default
}

.mb100,.owl-carousel {
margin-bottom:100px
}

.owl-carousel.border-rounded .item {
border:1px solid #0000001a;
border-radius:4px;
overflow:hidden
}

.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
z-index:9999;
position:absolute;
-webkit-transition:.2s;
transition:.2s
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top:24%
}

.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right:20px
}

.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left:20px
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
background:0 0!important
}

.owl-theme .owl-controls .owl-nav [class*=owl-] i {
font-size:24px;
padding:12px;
-webkit-transition:.5s;
transition:.5s
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:focus i,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover i {
background:#ffa33e!important
}

.owl-theme .owl-dots {
position:absolute;
bottom:-30px;
width:100%;
text-align:center
}

.owl-carousel-fullwidth.owl-theme .owl-dots,.owl-work.owl-theme .owl-dots {
bottom:-30px;
margin-bottom:-2.5em
}

.owl-theme .owl-dots .owl-dot span {
width:8px;
height:8px;
background:#0003;
-webkit-transition:.2s;
transition:.2s;
border:2px solid transparent
display:none;
}

.owl-theme .owl-dots .owl-dot span:hover {
background:0 0;
border:2px solid #0003
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background:0 0;
border:2px solid #000
}

.probootstrap-gutter0>div[class*=col-] {
padding-right:0;
padding-left:0
}

.probootstrap-gutter40>div[class*=col-] {
padding-right:20px;
padding-left:20px
}

.probootstrap-gutter60>div[class*=col-] {
padding-right:30px;
padding-left:30px
}

@media screen and (max-width:480px) {
.hero-text-heading,.probootstrap-hero h1 {
font-size:30px
}

.probootstrap-navbar .dropdown>a {
display:block;
padding-right:0
}

.probootstrap-navbar .navbar-brand {
top:6px!important
}

.container-fluid .dropdown-submenu:hover>.dropdown-menu,.probootstrap-navbar .dropdown-submenu:hover>.dropdown-menu {
display:block
}

.probootstrap-hero .btn {
width:100%;
margin-bottom:10px
}

.image-wrap {
width:100%;
height:200px
}

.four-cols .grid-item,.four-cols .grid-sizer,.three-cols .grid-item,.three-cols .grid-sizer,.two-cols .grid-item,.two-cols .grid-sizer {
width:100%;
margin-left:0;
margin-right:0
}

.modal .modal-content .close {
top:20px;
right:20px
}

.modal .probootstrap-modal-flex .probootstrap-modal-figure {
height:200px
}

.modal .probootstrap-modal-flex .probootstrap-modal-content {
padding-left:15px;
padding-right:15px
}

.modal .probootstrap-modal-flex .probootstrap-modal-content,.modal .probootstrap-modal-flex .probootstrap-modal-figure {
width:100%
}

.modal .probootstrap-modal-flex .btn {
margin-bottom:10px
}

.modal .probootstrap-modal-flex .probootstrap-forgot {
float:left
}

.probootstrap-team {
overflow:visible
}

.probootstrap-team img {
max-width:100%
}

.probootstrap-team .probootstrap-team-info {
position:relative;
top:inherit!important;
margin-top:0!important;
visibility:visible;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}

.probootstrap-team .probootstrap-team-info h3 {
color:#000000b3
}

.probootstrap-team .probootstrap-team-info h3 .position {
display:block;
font-size:14px;
color:#0006
}

.flexslider .flex-direction-nav,.probootstrap-team:focus:before,.probootstrap-team:hover:before {
display:none
}

.probootstrap-pricing ul {
padding:0 10px
}

.flexslider,.flexslider .slides>li,.slider-height {
height:350px
}

.flexslider .probootstrap-slider-text {
margin-top:100px
}

.probootstrap-gutter0>div[class*=col-],.probootstrap-gutter40>div[class*=col-],.probootstrap-gutter60>div[class*=col-] {
padding-right:15px;
padding-left:15px
}
}

.mb10 {
margin-bottom:10px
}

.mb40 {
margin-bottom:40px
}

.mb60 {
margin-bottom:60px
}

.mb70 {
margin-bottom:70px
}

.mb80 {
margin-bottom:80px
}

.mb90 {
margin-bottom:90px
}

.mt10 {
margin-top:10px
}

.mt20 {
margin-top:20px
}

.mt30 {
margin-top:30px
}

.mt40 {
margin-top:40px
}

.mt50 {
margin-top:50px
}

.mt60 {
margin-top:60px
}

.mt70 {
margin-top:70px
}

.mt80 {
margin-top:80px
}

.mt90 {
margin-top:90px
}

.mt100 {
margin-top:100px
}

.pb0 {
padding-bottom:0!important
}

@media screen and (max-width:768px) {
.probootstrap-heading .primary-heading {
font-size:70px
}

.probootstrap-heading .secondary-heading {
font-size:24px
}

.flexslider .probootstrap-slider-text .heading {
font-size:32px;
color:#fad823;
font-weight:700;
text-shadow:0 2px 2px #000c
}

.flexslider .probootstrap-slider-text .sub-heading {
font-size:18px;
font-weight:400;
color:#fff;
margin-bottom:0;
text-shadow:0 2px 2px #00000080
}

.probootstrap-section-bg {
padding:2em;
max-width:100%
}

.probootstrap-section-bg .probootstrap-heading {
margin-top:50px
}

.probootstrap-section {
padding:2em 0
}

.logo_m {
display:none!important
}

#navbar-collapse {
background:#1981b4
}

.baris_hp,.d_pro_m,.kategori_hp,.ket_video_hp,.logo_header,.logo_hp,.nutrisi_hp {
display:inline
}

.d_pro_d,.kategori_d,.ket_video_d,.logo_d,.logo_s,.nutrisi_d,.owl-theme .owl-controls .owl-nav,.rfq_m,.supp,.tempat_menu_atas {
display:none
}

.rfq_d {
display:inline!important
}

.rfq_d_n {
padding:10px 3px
}

.probootstrap-navbar .navbar-nav>li>a {
color:#fff
}

.d_vid {
height:100px
}

.way {
margin-top:none
}

.our_sertif {
margin-top:0
}

.about_us_header {
margin-top:4em!important
}

.t_breadcrumbs {
padding:7em .4em 0
}

.breadcrumbs {
font-size:10pt
}

.partner {
margin-top:20%
}

.n_kat {
text-align:center
}

.probootstrap-heading.dark .secondary-heading {
margin-top:5%;
margin-bottom:10%
}

.see_more_products {
width:50%
}

.img_komoditas {
height:200px
}

.partner_h {
width:100%
}

.img-sm-responsive,.img-xs-responsive {
max-width:100%
}


@font-face {
font-family:Gotham;
src:url(fonts/Gotham-Bold.eot);
src:url(fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Gotham-Bold.woff) format("woff"),url(fonts/Gotham-Bold.ttf) format("truetype"),url(fonts/Gotham-Bold.svg#svgFontName) format("svg");
font-weight:800;
font-style:normal;
font-display:swap
}

@font-face {
font-family:Gotham;
src:url(fonts/Gotham-Medium.eot);
src:url(fonts/Gotham-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/Gotham-Medium.woff) format("woff"),url(fonts/Gotham-Medium.ttf) format("truetype"),url(fonts/Gotham-Medium.svg#svgFontName) format("svg");
font-weight:500;
font-style:normal;
font-display:swap
}

@font-face {
font-family:Gotham;
src:url(fonts/Gotham-Thin.eot);
src:url(fonts/Gotham-Thin.eot?#iefix) format("embedded-opentype"),url(fonts/Gotham-Thin.woff) format("woff"),url(fonts/Gotham-Thin.ttf) format("truetype"),url(fonts/Gotham-Thin.svg#svgFontName) format("svg");
font-weight:300;
font-style:normal;
font-display:swap
}

.nama_komoditas {
position:absolute;
top:40px;
text-align:center;
z-index:2;
color:#fff
}

.img_komoditas:hover {
box-shadow:0 0 20px #0003
}

.partner_h:hover {
box-shadow:0 0 20px #0003;
padding:5px
}

.youtube-container {
display:block;
margin:20px auto;
width:100%;
max-width:600px
}

.youtube-player {
padding-bottom:56.25%;
overflow:hidden;
position:relative;
max-width:100%;
height:100%;
cursor:hand;
cursor:pointer;
display:block
}

img.youtube-thumb {
bottom:0;
display:block!important;
left:0;
margin:auto!important;
max-width:100%!important;
position:absolute;
right:0;
top:0;
height:auto!important
}

div.play-button {
height:72px;
width:72px;
left:50%;
top:50%;
margin-left:-36px;
margin-top:-36px;
position:absolute;
background:url(https://indonesiaseafood.id/assets/images/portal/button.png) no-repeat
}

#youtube-iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}

.probootstrap-section-bg.overlay_new:before {
background:#000000b3;
position:absolute;
max-width:100%
}

.dis_w {
background:#fbd923!important;
color:#0d4a81;
font-weight:400
}