@media only screen and ( max-width:800px ){


body .port-menu li {
    width: 48%;
}

body .vcat-banner:after ,
body .vcat-banner:before{
    display:none
    
}


html body .vcatleft, html body .vcatright {
    text-align: center;
}

body .vcat-banner .vcatleft h2 {
    width: 100%;
    font-size: 40px;
    line-height: 100px;
}
.vcat-banner .vcatleft h2 small {
    left: 0;
    right: 0;
}

html body .vcatleft {
    margin-top: 0;
    margin-bottom: 2em;
}
html body .vcatleft ,
html  body .vcatright{
    width: 100% !important;
}    
    
}



@media only screen and (max-width : 480px) {
body  .port-menu li {
    width: 100%;
}
}


.single  header.entry-header h1 {
    display: none;
}

.vcat-banner + .container {
    clear: both;
}

  
.vcat-banner {
    /*background-size: cover;*/
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto !important;
}


.vcatleft h2{
                color:#434659;
                font-weight:800;
                font-size:90px;
                text-transform:uppercase;
                margin: 0;
                line-height: normal;
                display: table;
                position: relative;
}   
 .vcatleft h2 small{
                color:#010101;
                font-weight: 600;
                font-size:18px;
                position: absolute;
                bottom: 0;
                line-height: normal; 
                right: 0;
}   
  
 .vcatright img{
    max-width: 100%;
    box-shadow: 0 10px 30px #777777;
    /*width: 100%;*/
    height: auto;
    margin: 0 auto;
    display: table;
}    
.vcatleft {
    width: 70%;
      margin-top: 8em;
    float: left;
}

.vcatright {
    width: 45%;
    float: right;
    text-align: center;
    
    position: relative;
} 



.vcat-banner .container {
    position: relative;
    z-index: 1;
}  
   
   .gh-banner .vcatleft {
    /* margin-top: 6em; */
    /* width: 50%; */
}
   
   .gh-banner .vcatright {
    width: 45%;
    position: relative;
}

.gh-banner .vcatright img {
    max-width: none;
    box-shadow: none;
    width: auto;
}


.port-menu {
    clear: both;
    float: left;
    width: 100%;
    padding-top: 10px;
}

.port-menu li {
    width: 22.26%;
    margin: 0;
    float: left;
    padding: 0 0px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    margin: 10px 1%;
}

.port-menu li > a {
    background: #edf0fb;
    width: 100%;
    float: left;
    padding: 9px 10px;
    color: #333;
    box-shadow: -10 0 20px #c5c5c5;
    border: 1px solid #d7dae7;
    font-size: 20px;
    font-weight: 600;
    display: none;
}


.port-section {
    clear: both;
    overflow: hidden;
    padding-top: 5em;
    padding-bottom: 4em;
}

.port-section h2 {

    font-weight: bold;
    color: #000;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.port-menu li.active .port-inn-section {
    display: block;
}


.port-inn-section {
    /* display: none; */
    position: relative;
    left: 0;
    /* width: 1118px; */
    background: white;
    z-index: 1;
    top: 100%;
    margin: 0px auto;
    right: 0;
    border: 1px solid #d7dae7;
    padding: 0px 0 20px 0;
    height: 410px;
    overflow: hidden;
    left: 0;
}

.port-menu li:nth-of-type(1n+5) .port-inn-section {
    left: 0;
}

.port-menu li:nth-of-type(2n+2) .port-inn-section {
    /* left: -187px; */
}


.port-inn-left {
    width: 100%;
    text-align: left;
    float: left;
    padding: 0 15px;
}

.port-inn-right {
    width: 100%;
    float: right;
    padding: 10px 15px;
    height: 160px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.port-inn-right img {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.port-inn-left p.link-more {
    display: none;
}

.port-inn-left  h3 {
    font-weight: bold;
    margin: 0 0px 0px;
    font-size: 20px;
    line-height: 1.3;
    min-height: 60px;
    max-width: 170px;
}

.port-inn-left h3 a {
    color: #000;
    display: block;
    width: 100%;
}


.port-menu li a.btn.customread {
    background: #f50c1a;
    color: #fff;
    position: absolute;
    bottom: 15px;
}

.port-menu li:hover a.btn.customread {
    background: #000;
}
.port-inn-left p {
    line-height: 1.5;
    font-size: 14px;
}

body.home .vcat-banner:before , body.home .vcat-banner:after {
    background: #f20f1f;
}


body header {
    padding: 30px 0;
}



.vox-signle-btn {
    margin: 0 0 40px;
    text-align: center;
    clear: both;
}

.vox-signle-btn a.btn.btn-large {
    padding: 15px 30px;
    background: #f50c1a;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.vox-signle-btn a:hover.btn.btn-large {
    background: #000;
}

.popupform ul li.last p.form_tagline {
    font-size: 14px;
   
    line-height: 20px;
}
div#bouncepopupform input[type="submit"]{
    margin-top: -10px;
    
}




.page-id-365 header.entry-header , .page-id-365  main#main > h2  {
    display: none;
}
.placeholder::-webkit-input-placeholder { color:#818181 !important; }
.placeholder::-moz-placeholder {  color:#818181 !important; }
.placeholder:-ms-input-placeholder {  color:#818181 !important; }
.placeholder:-moz-placeholder {  color:#818181  !important; }


body .special-form .bottom-form {
    padding: 30px  0;
}

.page-id-369 main#main > h2 , .page-id-369 header.entry-header {
    display: none;
}
 

.page-id-369 section.special-form.thankyouboxa {
    margin: 40px 0 0;
}
.page-id-369 .special-form .checkout > p {
   
    margin-bottom: 12px;
}


.page-id-365 footer {
    clear: both;
}

.page-id-365 .special-form.order-step-form {
    padding-top: 3em;
}
/* Top Bar Styles  */ 


.etop-center h3 strong {
    font-weight: bold;
    color: #e7242a;
}

.etop-container {
    background: url(../../images/sidebarbg.jpg) no-repeat scroll center top #000000;
    padding: 14px 0;
    width: 100%;
    float: left;
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display:none;
    background-size: cover;
    border-top: 1px solid #212121;
}
.etop-center h3 {
    float: left;
    margin: 0 80px 0 0;
    font-size: 19.3px;
    color: #fff;
    font-weight: 300;
    line-height: 25px;
    text-transform: uppercase;
}
.etop-center span {
    color: #fff;
    font-size: 18px;
}
.etop-center a.etop-tbn {
    float: left;
    padding: 10px 50px;
    text-decoration: none;
    color: #000207;
    background: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 3px;
    margin-top: 2px;
}
.etop-center a:hover.etop-tbn {
    background: #ea1b1b;
    color: #fff;
}
.etop-container.etop-fixed {
    display: block;
}
.etop-center span.ftext {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 100;
    font-weight: 600;
}
.etop-center span.num {
    color: #e7242a;
    font-size: 30px;
    font-weight: 600;
}

 
.floating-form{position: fixed;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;right: -52px;/* height: 100%; */z-index: 999;top: 0;width: 50px;display: none;}
.floating-form.open{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index: 1000;right: 550px;}
.floating-form.open .floating-overlay{position: fixed;content: "";width: 100%;height: 100vh;background: #000000d6;z-index: 1;left: 0;}
.floating-form .strip p{color: #fff;font-size: 20px;transform: rotate(-88deg);display: inline-block;padding: 0;position: absolute;bottom: 41px;left: -57px;font-weight: 700;}
 

.floating-form .inner-float{
    position: absolute;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
    top: 130px;
    bottom: 0;
}
.floating-form.open .inner-float{
    right: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


span.tes.sprite{width: 130px;height: 130px;}
 
    .floating-form .strip{position: absolute;width: 60px;height: 60px;background:#fff;z-index: 5;top: 220px;border-radius: 0;/* bottom: 0; */margin: auto;display: inline-block;left: -60px;cursor: pointer;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index: 100;border-radius: 10px 0 0 10px;border: 1px solid #b3b3b3;border-right:none;line-height: 56px;}
.floating-form:hover .strip {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.floating-form .strip img{}
.floating-form .f-whole{position: absolute;width: 600px;background: #fff;z-index: 99;top: 0;padding: 30px 40px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border-radius: 20px 0 0 20px;}
.floating-form.open .f-whole{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.f-whole{display: table;width: 100%;}
.f-whole .left-sec{display: table-cell;vertical-align: middle;}



.floating-form form{float: right;width: 100%;}
.floating-form form textarea,.floating-form form select,.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: transparent; border-bottom: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.floating-form form textarea , .floating-form form input , .floating-form form select{margin: 0px 0 25px 0;}
.floating-form form select{margin: 0 0 25px 0;}

.floating-form form .intl-tel-input{
    margin: 0px 0 25px 0;
}
.floating-form .intl-tel-input.separate-dial-code .selected-dial-code{
    font-size: 18px;
    color: #495057;
}
.floating-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input{color: #495057;border-bottom: 1px solid #ced4da;font-size: 18px;}


.floating-form form textarea{height: 100px !important;resize: none;padding-left: 30px;}
.floating-form form input[type="submit"]{
    width: 150px;
    margin: 0;
    border: transparent;
    background: #e7242a;
    color: #fff;
    padding: 15px 0;
    border-radius: 30px;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    }
.floating-form form input:focus,
.floating-form form select:focus,
.floating-form form textarea:focus
{outline: none;box-shadow: none;}

.floating-form h3{font-size: 19px;max-width: 100%;margin-top: 0;background: #e7242a;color: #fff;padding: 15px 30px;border-radius: 50px;text-transform: uppercase;}
.floating-form h6{    padding: 0;font-size: 14px;}
.floating-form p{font-size: 16px;max-width: 100%;/* font-family: 'Quicksand', sans-serif; */font-weight: 500;color: #6472a5;padding: 0px 0 30px 0;}
.floating-form a.teli{color: var(--theme-dark);font-size: 14px;}

.floating-form.open .btn-close{z-index: 100;position: absolute;left: 0;top: 0;width: 80px;color: #000;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;bottom: 0;margin: auto;height: 25px;transform: none;display: block;}

.floating-form form input.form-control, .floating-form form select, .floating-form form textarea {
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #8c8c8c;
    height: 45px;
    font-size: 14px !important;
    color: #000;
    padding: 10px 10px 10px  40px;
    width: 100%;
}

.form-bottom.formb-floating{margin: 0;}
.form-bottom.formb-floating .formb-left{}
.form-bottom.formb-floating .formb-left p{font-size: 16px;}
.form-bottom.formb-floating .checkbx p{padding: 0;margin: 0 0 0 6px;display: inline-block;font-size: 12px;width: 86%;vertical-align: middle;font-size: 15px;}
.form-bottom.formb-floating .formb-right{display: inline-block;width: auto;text-align: left;}
.form-bottom.formb-floating .checkmark{background-color: #ffffff;top: 3px;}
.form-bottom.formb-floating .checkbx .checkmark:after{border: solid #4c5682; color: #4c5682; border-width: 0 3px 3px 0;}
.entry-content {
    clear: both;
    display: block;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.floating-form h3 strong {
    color: #ffffff;
    text-transform: none;
    font-weight: bold;
}


.floating-form  .rightFormline {
    width: 100%;
    padding: 0 7px;
    float: left;
    position: relative;
}

.rightFormBottom {
    margin-top: 30px;
    float: left;
    width: 100%;
}
.floating-form .rightFormline.halfFormline {
    width: 50%;
}

.floating-form .rightFormline i.fa {
    font-size: 16px;
    position: absolute;
    top: 13px;
    left: 17px;
    color: #e7242a;
}
.floating-form.open .strip:after{
	
    content: "\f105";
} 
.floating-form .strip:after {
    content: "\f104";
    position: absolute;
    font-family: FontAwesome;
    font-size: 40px;
    font-weight: bold;
    left: 23px;
}

.hs-form-area .hs-head {
    padding: 0;
}
.inn-haeder-back {
    /* max-height: 350px; */
    /* overflow: hidden; */
    width: 100%;
    position: relative;
    z-index: -1;
    height: 100%;
}
.inn-haeder-back img {
    max-width: 100%;
    width: 100%;
    height: 450px;
    display: block;
    min-height: 100%;
}
.inn-haeder-txt {
    position: absolute;
    top: 50px;
    width: 100%;
}
.floating-form.float-fixed {
    display: block;
}
 footer {
    clear: both;
    width: 100%;
}


.page-id-365 header.entry-header , .page-id-365  main#main > h2  {
    display: none;
}
.placeholder::-webkit-input-placeholder { color:#818181 !important; }
.placeholder::-moz-placeholder {  color:#818181 !important; }
.placeholder:-ms-input-placeholder {  color:#818181 !important; }
.placeholder:-moz-placeholder {  color:#818181  !important; }


.special-form .bottom-form {
    padding: 30px  0;
}

.page-id-369 main#main > h2 , .page-id-369 header.entry-header {
    display: none;
}
 

.page-id-369 section.special-form.thankyouboxa {
    margin: 40px 0;
}
section.slider .slider-content h1 {
}

section.head.head-complete {
    float: left;
    width: 100%;
    background: url(../images/styles-banner.jpg) no-repeat;
    border-bottom: 1px solid #e7d6dd;
    position:relative;
    background-size: cover;
}      
  

.gh-banner .vcatleft {
    /* margin-top: 0; */
    width: 52%;
}

section.slider .slider-content {
    height: unset;
}

section.slider .slider-content h1 {font-size: 80px;text-shadow: none;color: #000;font-weight: 800;line-height: 60px;margin-top: 0;margin-bottom: 20px;}

section.slider .slider-content h6 {
    width: 100%;
    margin-bottom: 10px;
    background: none;
    color: #000;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 0;
    font-weight: bold;
}

section.slider .slider-content h6 span {   
    background: red;
    font-size: 30px;  
    padding: 0 8px;
    border-radius: 3px;
    color: #fff;
} 

section.slider .slider-content p {
    color: #000;
    font-size: 22px;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top: 0 !important;
    letter-spacing: normal;
}

section.slider .slider-content a {
    border: none;
    padding: 13px 0;
    width: auto;
    font-weight: bold;
    font-size: 16px;
    display: table;
    margin-top: 20px;
    max-width: 290px;
    border-radius: 3px;
}
.vcatleft {
    width: 52%;
    margin-top: 0;
    }
.vcatright h2 {
    font-size: 20px;
    color: #000;
    line-height: 0.8;
    font-weight: 600;
    margin-top: 30px;
}
.time_circles span, .time_circles h4 {
    color: #60686f;
    text-shadow: none !important;
    /* font-weight: bold; */
}


section.head{
}
.vcatright h2 small {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.time_circles > div > span , .time_circles > div > h4 {
    color: #fff;
}
section.slider {
    float: left;
    width: 100%;
    background: none;
}
section.slider:after {
    display:none;
}  


@media only screen and (max-width : 767px) {
section.slider .slider-content {
    padding-top: 0;
    text-align: center;
}

div#CountDownTimer {
    display: table;
    margin: 0 auto !important;
    width: unset;
}

section.slider .slider-content h1 {
    font-size: 24px;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
}

section.slider .slider-content h6 {
    font-size: 15px;
    letter-spacing: 0.4px;
}

.etop-center span.wh {
    display: none;
}

.etop-center h3 br {
    display: none;
}

.etop-center h3 {
    margin: 0;
    width: 100%;
}


.etop-center span.ftext {
    font-size: 15px;
    display: block;
    text-align: center;
}

.etop-center a.etop-tbn {
    display: table;
    margin: 0 auto;
    float: none;
    padding: 6px 20px;
}
.vcatright h2 {
    text-align: center;
}
div#bouncepopupform h2 {
    margin-top: 0;
}

div#bouncepopupform textarea {
    height: 80px;
}
.floating-form.float-fixed {
    display: none !important;
}
.etop-container.etop-fixed {
    padding-bottom: 50px;
    display: none !important;
}
.vcat-banner {
    display: block;
    height: unset !important;
    padding: 0;
}section.slider .slider-content ul {
    display: none;
}


.port-section h2 {    font-size: 24px;    text-align: center;    margin-bottom: 0;}
.port-inn-left h3 a {    text-align: center;}
.port-inn-left p {    text-align: center;}
.port-menu li a.btn.customread {    position: static;    display: table;    margin: 0 auto;}
.port-inn-section {    height: unset;}
article.type-post {    text-align: center;}
article.type-post h1 {    font-weight: 900;}
article.type-post h2 {    font-size: 24px;}
}
   
   
 section.slider .slider-content h1 span {
    color: inherit;
    font-size: 36px;
    display: block;
    font-weight: inherit;
    line-height: normal;
}

section.slider .slider-content ul li {
    color: #000;
    font-weight: 600;
    margin-right: 30px;
    margin-bottom: 13px;
    letter-spacing: normal;
    font-size: 16px;
}

section.slider .slider-content ul li i {
    color: #f50c1a;
}

        
.gh-banner .vcatright:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;border-radius: 50%;right: 0;left: 0;max-width: 270px;max-height: 270px;margin: 0 auto;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff932a+0,b23236+100 */background: #ff932a; /* Old browsers */background: -moz-linear-gradient(top,  #ff932a 0%, #b23236 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ff932a 0%,#b23236 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ff932a 0%,#b23236 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff932a', endColorstr='#b23236',GradientType=0 ); /* IE6-9 */}

.gh-banner .vcatright img {
    position: relative;
}              
   
        
.vcatright:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 50%;
    right: 0;
    max-width: 270px;
    max-height: 270px;
    margin: 0 auto;
    background: #ff932a; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff932a 0%, #b23236 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff932a 0%,#b23236 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff932a 0%,#b23236 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff932a', endColorstr='#b23236',GradientType=0 ); /* IE6-9 */
    z-index: -1;
    top: -70px;
  
}

.sing-con header.entry-header {
    display: none;
}

.sing-con h2.sing-h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
}

.container.sing-con {
    padding-top: 3em;
    padding-bottom: 2em;
}


.single section.head.head-complete{
    background: url(../images/scat-left-top.png) no-repeat scroll left top , url(../images/scat-right-top.png) no-repeat scroll right top;
}      
         
.sing-con p strong {
    font-size: 24px;
}


.sing-con h2 strong {
    color: inherit;
}

.single section.head.head-complete:before{
    display:none;
}  
   
.sing-con h2 , .sing-con h1 {
    font-size: 30px;
    color: #000;
    margin-top:0;
}






/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

.site-content-contain {
    clear: both;
    display: block;
}

header {
    position: static;
}
.entry-meta {
    display: none;
}

nav.navigation.post-navigation {
    display: none;
}

footer.entry-footer {
    padding: 10px 0;
}

a:hover {
    color: unset;
}

div#comments label {
    clear: both;
    display: block;
    font-weight: 600;
}

#comments input#submit {
    background-color: #ffcc01;
    font-weight: bold;
    padding: 10px 30px;
    border: 0;
    border-radius: 60px;
    width: unset;
}

p {
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 30px !important;
}
h1.entry-title {
    margin-bottom: 0;
}
div#comments {
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0px 0px 10px #0000001f;
    border: 1px solid #fff;
    /* border-radius: 4px; */
    margin-bottom: 30px;
}

h3#reply-title {
    width: 100%;
    background-color: #173e77;
    color: #fff;
    padding: 12px 18px;
}
div#respond input , div#respond textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    resize: none;
}

section.bfooter.bf-sub {
    background-color: #1d3d79;
    padding: 20px 0;
}

section.bfooter.bf-sub li {
    display: inline-block;
    width: 24%;
    margin: 2px 0;
    position: relative;
    padding-left: 23px;
}

section.bfooter.bf-sub li a {
    color: #fff;
    padding: 4px 0;
    display: block;
}

.logo.subind h2 {
    color: #fff;
}
footer.entry-footer {
    display: none;
}

section.bfooter.bf-sub li.current-menu-item a {
    font-weight: 600;
    text-decoration: underline;
}

section.bfooter.bf-sub li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    color: #fff;
    font-family: fontawesome;
    top: 4px;
}


h2.entry-title a {
    pointer-events: none;
    text-decoration: none;
    color: #3e3d3d;
}
.page-id-515 section.head.head-complete{
    background-image:url('images/banner-cat.jpg');
}
h2 {
    font-size: 40px;
    color: #000;
    font-weight: bold;
}

h2 strong {
    color: red;
}

h4 {
    color: #000;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2;
}
h3 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
}

h5 , h5 strong {
    color: #000000;
    font-size: 50px;
    font-weight: bold;
}

h5:hover, h5:hover strong {
    color: #f60017;

}
.inbanner {
    background-image: url('images/banner-cat.jpg');
    color: #fff;
    margin-top: -140px;
    display: block;
    float: left;
    background-size: cover;
    width: 100%;
}
.inbanner h1 {
    font-size: 50px;
    font-weight: bold;
}

.inbanner img {
    float: right;
}

.ib-caption {padding: 18em 0 0;margin-top: -70px;background-size: cover;}
.type-page h1.entry-title {
    display: none;
}
.ib-btn {
    display: table;
    background-color: #ed1c24;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 19px 30px;
    line-height: 1;
    border-radius: 3px;
}

.pageportfolio {
    display: flex;
    width: 100%;
    justify-content: center;  
}

.ppthumb {
    transform: scale(1);
    display: flex;
    flex: auto;
    width: 20%;
    border-bottom: 1px solid #e6e6e6;
}

.ppthumb a.community {
    width: 100%;
    /*display: flex;*/
}

.ppthumb a.community img.img-responsive {
    width: 100%;
    height: auto;
    /*max-height: 260px;*/
    /*min-height: 260px;*/
} 


@media only screen and ( max-width:850px ){
    
body .ppthumb { width: 100%;}   

}